Свернуть Развернуть

Установка виджетов

Обратите внимание, что все описанные виджеты можно вставлять только на тарифе PRO или SHOP. Для вставки кода перейдите в режим редактирования HTML-кода блока, для этого либо нажмите на синюю кнопку HTML, которая появляется при наведении курсора на блок, либо на кнопку HTML на панели редактирования.

Некоторые виджеты работают только на выложенных сайтах, не обращайте внимание если вы не увидите их в предпросмотре.

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

1. Кнопки "Like", "Мне нравится".

Facebook "Like"

Чтобы поставить кнопку "Like" от Facebook переходим по ссылке http://developers.facebook.com/docs/reference/plugins/like/
В предложенной форме вводим адрес своего сайта и, если нужно, выставляем нужные настройки.

Затем нажимаем кнопку "Get Code" и нам открывается окно с кодом кнопки, состоящим из двух частей.

Внимание! Поддерживается только HTML5 код.
Копируем эти два куска кода и вставляем их в то место на вашем сайте, где бы вы хотели видеть данную кнопку.
Кнопка будет видна только на выложенном сайте, в редакторе и предпросмотре ее видно не будет.

Вконтакте "Мне нравится"

Чтобы поставить кнопку "Мне нравится" от ВКонтакте переходим по ссылке http://vk.com/developers.php?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-лент.
Для организации подписки через email в этой же вкладке Publicize переходим в раздел Email Subscriptions.
Активируем подписку по email если она не активирована.

И нам становится доступен код, который нужно вставить в нужное место.

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

Яндекс

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

После того как мы согласимся с пользовательским соглашением и нажмем "Получить код" нам останется только скопировать предоставленный код в нужное место на нашем сайте.

Google

Переходим на сайт Google Maps. В строке поиска вводим нужный нам адрес и нажимаем на "Поиск".

После этого нажимаем на значок для получения ссылки, копируем код и вставляем его в нужное место на нашем сайте.

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

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

Как получить код видео на:
YouTube
Под нужным видео на youtube нажимаем "Поделиться", затем "Сгенерировать HTML-код" и нам предоставляется код для вставки.

Вконтакте

Под нужным видео нажимаем "Поделиться", затем "Получить код видео" и в новом окне копируем нужный код.

7. Чат.

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

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

Теперь просто скопируйте первый вариант кода и вставьте его в нужное место на вашем сайте.

8. Строка поиска.

Подробно про поиск написано тут http://setup.ru/client/news/72. Но на тарифе PRO можно вставить строку поиска непосредственно в текст страницы. Для этого просто вставьте следующий код в нужное место:

<form action="#/search"> <input style="width: 50%;" type="text" name="text" /> <select name="type" id=""> <option value="">all</option> <option value="content">content</option> <option value="gallery">gallery</option> <option value="catalog">catalog</option> </select> <input type="submit" value="Найти" /> </form>

*тут 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.info и зарегистрируйте свой сайт, заполнив необходимые поля.

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

12. Счетчик обратного отсчета.

Вы можете вставить счетчик обратного отсчета времени до конца акции или распродажи.

Для этого просто перейдите на сайт timegenerator.ru. Выберите стиль счетчика. Введите время до конца отсчета и вставьте полученный код в нужное место вашего сайта.