Добавить кнопку Pinterest Pin It на Weebly Images

Pinterest – один из самых простых способов поделиться своими изображениями с более широкой аудиторией и сделать их популярными. Это также поможет привлечь больше посетителей на ваш сайт Weebly от заинтересованных пользователей. Вы когда-нибудь задумывались, как люди добавляют кнопку совместного доступа Pinterest, видимую при наведении курсора мыши на все изображения на странице? На самом деле это так же просто, как добавить несколько строк кода, чтобы включить это, и мы объясним это на примере в этой статье.

Связанный: Как настроить AddThis и ShareThis для публикации в социальных сетях в Weebly?

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

Как добавить кнопку Pinterest на изображения Weebly?

Добавьте приведенный ниже скрипт в раздел кода нижнего колонтитула вашей страницы Weebly, чтобы активировать кнопку совместного использования изображений Pinterest:

<script async defer data-pin-hover="true" data-pin-tall="true" src="https://assets.pinterest.com/js/pinit.js"></script>

Это оно!!! Да действительно все !!!

Теперь при наведении курсора на любые изображения, добавленные на эту страницу, будет отображаться кнопка Pinterest. Сюда входят изображения, загруженные с использованием изображения, слайд-шоу и элемента галереи. Посмотреть демонстрацию изображений на сайте Weebly Вот.

Настройка кнопки Поделиться в Pinterest

Pinterest предлагает инструмент для создания виджетов для создания различных типов кнопок общего доступа для веб-сайтов и приложений.

Создание и настройка кнопки Pin It для вашего сайта

Создание и настройка кнопки Pin It для вашего сайта

  1. Перейти в конструктор виджетов и выберите тип кнопки, которую хотите добавить. Помимо кнопки «Закрепить», у вас есть другие опции, такие как кнопка «Подписаться», закрепление, доска и профиль, которые можно добавить на свой сайт.
  2. Нажмите на опцию «Закрепить», а затем выберите опцию «Наведение изображения» в раскрывающемся списке типа кнопки.
  3. Вы можете создать два типа кнопок: одна – закругленная с красным фоном, а другая – прямоугольная с красным / белым / серым фоном. Круглая кнопка доступна только с красным фоном, и для круглой кнопки не будет дополнительных параметров настройки. В этом примере мы создадим прямоугольную кнопку, поэтому снимите флажок с круглой кнопки и выберите большой размер кнопки.
  4. Выберите серый цвет для вашей кнопки.
  5. Выберите язык текста кнопки: английский или японский.
  6. Проверьте предварительный просмотр кнопки, наведя указатель мыши на изображение предварительного просмотра.
  7. Скопируйте сгенерированный код и вставьте его в нижний колонтитул своей страницы Weebly.
На одной странице вы сможете добавить только один тип кнопки, поскольку несколько скриптов не будут работать на одной странице. Но вы можете вставить скрипт для кнопок разных стилей на разные страницы вашего сайта, что означает, что на одной странице вы можете отображать круглые кнопки, а на другой странице вы можете отображать прямоугольную кнопку с белым фоном.

Вы также можете вставить скрипт в раздел «Настройки> SEO> Код нижнего колонтитула», чтобы он был эффективен на уровне сайта, и все изображения на вашем сайте будут иметь кнопку Pinterest Pin It.

7

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *