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

Рассылка

Научите свой сайт продавать больше!

Вы занимаетесь интернет-маркетингом или владеете бизнесом? Мы уверены, что ваш сайт может продавать больше!

Читайте о лучших методах интернет-продаж, изучайте реальные кейсы и применяйте советы на практике. Подписывайтесь на рассылку — обучайтесь бесплатно!

Выпуск №323: Установка виджетов

Размещение сторонних виджетов подразумевает доступ к редактированию HTML кода блока, в который будет добавляться виджет. Обратите внимание что данный режим редактирования доступен только на тарифах PRO и SHOP.

У каждого текстового блока в редакторе сайта есть 3 кнопки:

  • "Изменить" - предоставляет доступ к панели редактирования блока.
  • "Очистить" - полностью удаляет всю информацию без возможности восстановления.
  • "HTML" - предоставляет доступ к редактированию html кода содержимого блока.

Чтобы разместить код виджета, скопируйте его, нажмите кнопку "HTML" нужного блока и добавьте его в нужное место.

Нужно отметить что большинство виджетов являются персональными, оформляются на адрес доменного имени и работают только на опубликованном сайте, т.к. URL сайта в редакторе совсем другой.

Facebook "Like"

Кнопка «Нравится» позволяет одним нажатием отметить материалы сайта как понравившиеся и поделиться ими на Facebook. Рядом с кнопкой «Нравится» вы можете разместить кнопку «Поделиться», чтобы люди могли настроить, с кем они хотят поделиться, а также добавить сообщение. Чтобы добавить кнопку «Нравится» от Facebook перейдите по ссылке

Перейдите в настройки конфигуратора кнопки.

В поле "URL-адрес для отметки «Нравится»" укажите адрес страницы где Вы желаете разместить виждет. В блоках "Композиция", "Размер кнопки" и "Тип действия" выберите как именно Вы хотите чтобы отображалась кнопка и нажмите кнопку "Получить код".

Во всплывающем окне скопируйте обе части кода

и разместите в необходимом месте на указанной ранее странице.

Переопубликуйте сайт и проверьте отображение виджета.

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

Чтобы добавить кнопку "Мне нравится" от ВКонтакте перейдите по ссылке

Выберите "Подключить новый сайт", введите доменное имя Вашего сайта и выберите необходимые настройки кнопки и нажмите "Сохранить".

Скопируйте код виджета из поля "Код для вставки" и разместите его на нужной странице сайта.

Переопубликуйте сайт и проверьте отображение виджета.

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

Виджеты Вконтакте, Facebook (группы, рекомендации, комментарии, опросы).

Все виджеты Вконтакте и Facebook вставляются по аналогии с кнопками "Мне нравится" и "Like". Получить коды можно по ссылкам для Facebook и Вконтакте.

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

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

Переопубликуйте сайт и проверьте отображение виджета.

Виджет Instagram.

Сегодня Instagram это самая быстрорастущая социальная сеть в России. С помощью этой платформы можно как рекламировать, так и продавать товары. Чтобы добавить виджет Instagram на сайт можно сделать его самому или создать с помощью уже готового конструктора. Подробные инструкции по созданию виджета Вы можете найти по ссылке. Готовый конструктор виджета доступен по ссылке.

Все настройки интуитивно просты. Нужно лишь добавить имя Вашего профилья в Instagram, установить параметры и нажать "Создать виджет". Код виджета доступен под предварительным просмотром.

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

С помощью виджетов карт Вы можете не только указать где именно находится Ваш офис, склад, или магазин, но и проложить оптимальный маршрут для Вашего клиента.

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

Подробные инструкции по редактированию карт Вы можете найти по ссылке.

На примере сделаем карту маршрута от станции м. Ломоносовский проспект до Биологического факультета МГУ. В поле "Адрес или объект" вписываем "Биологический факультета МГУ и нажимаем "Найти".

Яндекс предложит выбрать точный адрес объекта. Возможно их будет несколько, выберите нужный Вам. Он автоматически будет добавлен в список объектов и будет отмечен на карте.

Таким же способом добавляем объект для станции м. Ломоносовский проспект. Однако, мы знаем что у м. Ломоносовский проспект 6 выходов. Приблизим карту и укажем какой лучше выход использовать нашим клиентам. Просто выделите объект и перенесите его. В нашем случае удобнее всего использовать выход№1.

Теперь мы можем проложить маршрут. Нажмите на кнопку "Линии" и нажатием левой кнопки мыши проложите маршрут.

Введите название карты и нажмите "Сохранить и продолжить".

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

Разместите код на странице и переопубликуйте сайт.

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

Так же путем размещения кода плеера Вы можете добавлять видео на сайт. Самым популярным видеохостингом на данный момент является youtube. На его примере рассмотрим как получить код видео. Получить код можно несколькими способами.

Нажмите кнопку "Поделиться" в правом нижнем углу под видео

в открывшимся окне нажмите на первый пункт "Встроить".

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

Или просто нажмите правой кнопкой мыши на видео и выберите "Копировать HTML-код". Код видео будет автоматически добавлен в буфер обмена.

Добавив код на сайте Вы можете быть неудовлетворены размерами виджета. Изменить это очень просто. Войдите в HTML редактор блока и задайте необходимые размеры. Они находятся в начале кода. width - ширина виджета, height - высота. Размеры указываются в пикселях. Сами значения обарачиваются в ковычки " ", не удалите их случайно.


7 октября 2019