установка віджетів

  1. 1. Кнопки "Like", "Мені подобається".
  2. 2. Віджети Вконтакте, Facebook (групи, рекомендації, коментарі, опитування).
  3. 3. Віджет "Поділитися".
  4. 4. Підписка на RSS.
  5. 5. Вставка карт.
  6. 6. Вставка відео.
  7. 7. Чат.
  8. 8. Рядок пошуку.
  9. 9. Дзвінок по Skype.
  10. 10. Перекладач сайтів.
  11. 11. Форма зворотнього зв'язку.

Зверніть увагу, що всі описані віджети можна вставляти тільки на тарифі PRO або SHOP. Для вставки коду перейдіть в режим редагування HTML-коду блоку, для цього або натисніть на синю кнопку HTML, яка з'являється при наведенні курсору на блок, або на кнопку HTML на панелі редагування.

Деякі віджети працюють тільки на викладених сайтах, які не звертайте увагу якщо ви не побачите їх в попередньому перегляді.

Деякі віджети працюють тільки на викладених сайтах, які не звертайте увагу якщо ви не побачите їх в попередньому перегляді

  1. Кнопки "Like", "Мені подобається".
  2. Віджети Вконтакте, Facebook (групи, рекомендації, коментарі, опитування).
  3. Віджет "Поділитися".
  4. Підписка на RSS.
  5. Вставка карт.
  6. Вставка відео.
  7. Створення чату.
  8. Рядок пошуку.
  9. Дзвінок по Skype.
  10. Перекладач сайтів.
  11. Форма зворотного зв'язку.

1. Кнопки "Like", "Мені подобається".

Facebook "Like"

Щоб поставити кнопку "Like" від Facebook переходимо по посиланню http://developers.facebook.com/docs/reference/plugins/like/
У запропонованій формі вводимо адресу свого сайту і, якщо потрібно, виставляємо потрібні налаштування.

com/docs/reference/plugins/like/   У запропонованій формі вводимо адресу свого сайту і, якщо потрібно, виставляємо потрібні налаштування

Потім натискаємо кнопку "Get Code" і нам відкривається вікно з кодом кнопки, що складається з двох частин.

Потім натискаємо кнопку Get Code і нам відкривається вікно з кодом кнопки, що складається з двох частин

Увага! Підтримується тільки HTML5 код.
Копіюємо ці два шматки коду і вставляємо їх в те місце на вашому сайті, де б ви хотіли бачити цю кнопку.
Кнопка буде видно тільки на викладеному сайті, в редакторі і передперегляді її видно не буде.

Вконтакте "Мені подобається"

Щоб поставити кнопку "Мені подобається" від ВКонтакте переходимо по посиланню http://vk.com/developers.php?oid=-1&p=Like
Вибираємо в поле "Підключити новий сайт" і натискаємо "Зберегти"

oid=-1&p=Like   Вибираємо в поле Підключити новий сайт і натискаємо Зберегти

Після виставлення потрібних налаштувань копіюємо код для вставки і вставляємо його в те місце на вашому сайті, де б ви хотіли бачити цю кнопку.

Після виставлення потрібних налаштувань копіюємо код для вставки і вставляємо його в те місце на вашому сайті, де б ви хотіли бачити цю кнопку

Кнопка буде видно тільки на викладеному сайті, в редакторі і передперегляді її видно не буде.

2. Віджети Вконтакте, Facebook (групи, рекомендації, коментарі, опитування).

Всі віджети Вконтакте і Facebook вставляються по аналогії з кнопками "Мені подобається" і "Like" . Отримати код для вставки можна за посиланням відповідно http://vk.com/developers.php?id=-1_27987570&s=1 і http://developers.facebook.com/docs/plugins/ .

3. Віджет "Поділитися".

Для вставки віджета "Поділитися" можна використовувати готовий віджет від Яндекс . Просто відзначте галочками необхідні послуги і скопіюйте готовий код для вставки.

Просто відзначте галочками необхідні послуги і скопіюйте готовий код для вставки

4. Підписка на RSS.

Ми віддаємо в RSS всі новини - все записи на сторінці типу "Новости". Щоб отримати посилання на фід новин просто допишіть до адресою сторінки новин ".xml". Наприклад якщо у вас новини сайту доступні за адресою http://yoursite.ru/news/ , То посилання на фід новин буде виглядати http://yoursite.ru/news.xml .

Ми будемо робити підписку через Feedburner .
Перейдіть на сайт http://feedburner.google.com і увійдіть в нього під своїм google-аккаунтом (якщо у вас його немає, то зареєструйтеся). Створіть новий RSS канал для своїх новин, для цього просто введіть посилання на rss-фід (як отримати посилання описано трохи вище) і натискайте на кнопку "Next" поки канал не буде створено.

Тепер, коли канал створений, нам потрібно отримати код для підписки. Для цього в настройках каналу перейдіть на вкладку Publicize розділ Chicklet Choose. Вибираємо відповідний вид кнопки підписки, копіюємо код в нижній частині розділу і вставляємо його в потрібне місце на нашому сайті. Підписка на rss готова.

Підписка на rss готова

Зараз ми реалізували підписку на RSS за допомогою програми читання RSS-стрічок.
Для організації передплати через email в цій же вкладці Publicize переходимо в розділ Email Subscriptions.
Активуємо підписку по email якщо вона не активована.

Активуємо підписку по email якщо вона не активована

І нам стає доступний код, який потрібно вставити в потрібне місце.

5. Вставка карт.

Яндекс

Для вставки карт переходимо в Конструктор карт Яндекс і слідуємо простим інструкціям.

Для вставки карт переходимо в   Конструктор карт Яндекс   і слідуємо простим інструкціям

Після того як ми погодимося з призначеним для користувача угодою і натиснемо "Отримати код" нам залишиться тільки скопіювати наданий код в потрібне місце на нашому сайті.

GoogleGoogle

Переходимо на сайт Google Maps . У рядку пошуку вводимо потрібний нам адресу і натискаємо на "Пошук".

У рядку пошуку вводимо потрібний нам адресу і натискаємо на Пошук

Після цього натискаємо на значок для отримання посилання, копіюємо код і вставляємо його в потрібне місце на нашому сайті.

Після цього натискаємо на значок для отримання посилання, копіюємо код і вставляємо його в потрібне місце на нашому сайті

6. Вставка відео.

Завантажувати відео до нас на сервіс не можна. Ви можете вбудувати відео з youtube або будь-якого іншого подібного сервісу. Для цього потрібно просто отримати код відео і вставити його в потрібне місце на вашому сайті.

Як отримати код відео на:
YouTube
Під потрібним відео на youtube натискаємо "Поділитися", потім "Згенерувати HTML-код" і нам надається код для вставки.

Вконтакте

Під потрібним відео натискаємо "Поділитися", потім "Отримати код відео" і в новому вікні копіюємо потрібний код.

Під потрібним відео натискаємо Поділитися, потім Отримати код відео і в новому вікні копіюємо потрібний код

7. Чат.

Для створення чату можна використовувати, наприклад, наступний сервіс http://www.chatovod.ru/new/ .
Після заповнення простої форми вам на вказаний email буде вислано посилання для активації чату.

Після заповнення простої форми вам на вказаний email буде вислано посилання для активації чату

Після активації чату потрібно перейти в Панель управління і натиснути на "HTML-код для вставки на сайт".

Після активації чату потрібно перейти в Панель управління і натиснути на HTML-код для вставки на сайт

Тепер просто скопіюйте перший варіант коду і вставте його в потрібне місце на вашому сайті.

Тепер просто скопіюйте перший варіант коду і вставте його в потрібне місце на вашому сайті

8. Рядок пошуку.

Детально про пошук написано тут http://setup.ru/client/news/72 . Але на тарифі PRO можна вставити рядок пошуку безпосередньо в текст сторінки. Для цього просто вставте наступний код в потрібне місце:

* Тут all, content, gallery і catalog це області пошуку. Ви можете залишити тільки ті, які захочете.

9. Дзвінок по Skype.

Установка віджета Skype на сайт дозволить вашим відвідувачам дзвонити або писати вам в Skype всього лише натиснувши на кнопку.
Для установки віджета переходимо на сторінку http://www.skype.com/en/features/skype-buttons/create-skype-buttons/ . Вводимо у відповідне поле ваш логін в Skype. Після цього вибираємо зовнішній вигляд кнопки.

Після цього вибираємо зовнішній вигляд кнопки

Нам відразу показується як буде виглядати кнопка на сайті. Якщо все влаштовує копіюємо код кнопки і вставляємо його в потрібне місце на вашому сайті, наприклад в шапку.

Якщо все влаштовує копіюємо код кнопки і вставляємо його в потрібне місце на вашому сайті, наприклад в шапку

10. Перекладач сайтів.

Ви можете зробити свій сайт доступним більш ніж на 60 мовах. Для цього досить витратити всього пару хвилин.

Для початку перейдіть на сторінку плагіна перекладача translate.google.com

Натисніть відповідну кнопку для додавання свого сайту

Натисніть відповідну кнопку для додавання свого сайту

На сторінці, введіть адресу сайту, на який ви хочете встановити перекладач, і виберіть основну мову вашого сайту.

На сторінці, введіть адресу сайту, на який ви хочете встановити перекладач, і виберіть основну мову вашого сайту

Далі виберіть потрібні налаштування і бажаний зовнішній вигляд перекладача та отримайте код віджету

Далі виберіть потрібні налаштування і бажаний зовнішній вигляд перекладача та отримайте код віджету

Вставте обидві частини отриманого коду в потрібне місце в режимі редагування HTML-коду

Вітаємо! Тепер ваш сайт зможуть переглянути відвідувачі більш ніж з 60 країн світу. Для цього потрібно всього лише вибрати потрібну країну зі списку і сайт буде автоматично переведений на вибрану мову

11. Форма зворотнього зв'язку.

Якщо вас, з яких-небудь причин, не влаштовує наша стандартна форма зворотного зв'язку ви можете створити свою.

Зробити це дуже просто.

Перейдіть на сайт masterform.info Створіть таку форму зворотного зв'язку, яка вам потрібна. Перейдіть на сайт   masterform

Після натискання на кнопку "Генерувати" ви побачите як буде виглядати ваша форма. Після натискання на кнопку Генерувати ви побачите як буде виглядати ваша форма

Потім натисніть на кнопку "Отримати код". Скопіюйте згенерований код з вікна і вставте в потрібне місце на своєму сайті.
Після цього поверніться на сайт masterform.info і зареєструйте свій сайт, заповнивши необхідні поля. Потім натисніть на кнопку Отримати код

Готово! Тепер можете перевірити свою форму в дії.

Php?
Php?

Дополнительная информация

rss
Карта