Как добавить ленту Pinterest на сайт WordPress

Опубликовано: 2023-03-05

Pinterest — одна из самых надежных социальных сетей с миллионами пользователей по всему миру. И я думаю, если вы занимаетесь онлайн-бизнесом, у вас, вероятно, есть бизнес-аккаунт Pinterest. Но знаете ли вы, что если у вас есть веб-сайт WordPress, вы можете добавить ленту Pinterest на свой сайт?

Хотите знать, почему вам нужно добавить ленту Pinterest на свой веб-сайт WordPress? Я буду распространяться об этом дальше! Короче говоря, Pinterest — это потрясающая среда для обмена идеями с помощью изображений, GIF-файлов и видео. Вы можете делиться креативными и рекламными материалами со своей целевой аудиторией через доски объявлений Pinterest.

Но все ваши целевые аудитории и клиенты могут быть неактивны в Pinterest. Но это не значит, что они должны упустить ваши инновационные и важные пины. Именно здесь в игру вступит добавление фида Pinterest на ваш сайт WordPress.

В этой статье речь пойдет исключительно о методе добавления канала Pinterest на веб-сайт WordPress. Есть множество инструментов и плагинов, чтобы добавить ленту Pinterest на ваш сайт WordPress. Но я бы рассказал вам, как добавить ленту Pinterest на ваш сайт WordPress с помощью ElementsKit.

Содержимое скрыть
1 Зачем добавлять ленту Pinterest на свой веб-сайт WordPress с помощью ElementsKit:
2 Как добавить ленту Pinterest на свой сайт WordPress с помощью ElementsKit:
2.1 Посетите панель инструментов WordPress:
2.2 Включите виджет Pinterest Feed Toggle:
2.3 Откройте новую страницу или запись в окне Elementor:
2.4 Перетащите виджет Pinterest:
2.5 Настройте параметры ленты Pinterest:
2.6 Настройте макет ленты Pinterest:
2.7 Настройте стили ленты Pinterest:
3 Подведение итогов:

Зачем добавлять ленту Pinterest на свой сайт WordPress с помощью ElementsKit:

ElementsKit — это широко используемый аддон для Elementor, который имеет множество полезных функций. Эти функции включают более 74 бесплатных и премиальных виджетов, более 45 готовых шаблонов, более 79 готовых страниц и более 416 готовых разделов. ElementsKit поддерживает интеграцию различных виджетов ленты социальных сетей, включая ленту Pinterest.

С помощью виджета фида Pinterest ElementsKit с возможностью перетаскивания вы можете не только легко добавить ленту Pinterest на свой веб-сайт WordPress, но и получить ряд преимуществ. Кто они такие? Давайте проверим их-

  • Перетащите виджет для отображения канала Pinterest
  • Простая интеграция с сайтом WordPress.
  • Простая система настройки
  • Безграничные возможности настройки с цветами, типографикой и т. д.
  • Позволяет отображать другие каналы социальных сетей, такие как Facebook, Instagram и т. д.

Как добавить ленту Pinterest на ваш сайт WordPress с помощью ElementsKit:

Добавить или встроить ленту Pinterest на ваш веб-сайт WordPress с помощью ElementsKit очень просто. Вы можете продемонстрировать все свои привлекательные маркетинговые и рекламные значки посетителям вашего сайта. Хотите знать, как встроить ленту Pinterest на свой сайт WordPress?

Давайте сразу перейдем к процессу-

Посетите панель инструментов WordPress:

Во-первых, вам нужно войти в панель администратора вашего сайта WordPress и перейти прямо на панель инструментов. Перейдите к ElementsKit > Виджеты на панели инструментов.

Перейдите к ElementsKit и выберите «Виджеты» — «Добавить ленту Pinterest».

Включите виджет Pinterest Feed Toggle:

Сразу после этого появится список. Все, что вам нужно сделать, это прокрутить вниз до раздела «Ленты социальных сетей» и найти в списке виджет «Фид Pinterest» . Затем включите виджет, включив переключатель. Затем нажмите кнопку «Сохранить изменения» .

Включить ленту Pinterest — добавить ленту Pinterest

Откройте новую страницу или запись в окне Elementor:

Теперь вернитесь к панели инструментов и перейдите к страницам или сообщениям. Затем создайте новую страницу, нажав кнопку « Добавить новую ».

Нажмите «Добавить новый» — «Добавить ленту Pinterest».

При этом вы перейдете на новую страницу в редакторе Гутенберга. Переключитесь в редактор Elementor, нажав кнопку « Редактировать с помощью Elementor ».

Нажмите кнопку «Редактировать с помощью Elementor» — добавьте ленту Pinterest.

Перетащите виджет Pinterest:

Теперь вы находитесь в окне Elementor. На этом этапе перейдите на левую панель и найдите виджет Pinterest. Просто перетащите виджет в указанную область.

Перетащите виджет Pinterest — добавьте ленту Pinterest

Вы также можете узнать, как добавить ленту Facebook на свой сайт WordPress.


Как добавить ленту Facebook на сайт WordPress

Настройте параметры ленты Pinterest:

Чтобы настроить параметры фида Pinterest, вам нужно перейти в раздел «Настройки» на вкладке «Контент». Введите свое имя пользователя Pinterest позже.

Тип канала: Домашний канал

Здесь показаны пины из домашней ленты профиля. Все, что вам нужно сделать, это установить тип канала на домашнюю ленту. Затем установите количество пинов Pinterest, которые должны отображаться на веб-странице.

Домашняя лента Pinterest — добавить ленту Pinterest

Тип подачи: Доска подачи

Он показывает определенную доску из вашего профиля Pinterest. В этом случае установите для параметра «Тип подачи» значение «Подача с доски». Затем введите имя доски Pinterest, которое вы хотите отобразить. Опять же, установите количество пинов Pinterest, которые будут отображаться на веб-странице.

Лента доски Pinterest — добавить ленту Pinterest

Настройте макет фида Pinterest:

Перейдите в раздел «Макет» на вкладке «Содержимое».

Стиль карт: Сетка

Виджет имеет два доступных стиля компоновки. Сначала установите стиль карточек на сетку. Затем установите количество элементов, отображаемых в одной строке, с помощью Column Count. Отрегулируйте зазор между колонками с помощью Column Gap. После этого отрегулируйте высоту столбца элементов в каждой строке с помощью высоты столбца.

Стиль сетки Pinterest — добавить ленту Pinterest

Стиль карт: Каменная кладка

Затем установите стиль карт на Masonry. Как и прежде, установите Column Count, чтобы показать количество элементов в одной строке. Идите вперед, чтобы настроить зазор между столбцами.

Стиль каменной кладки Pinterest — добавить ленту Pinterest

Настройте стили ленты Pinterest :

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

Стиль виджета :

Вариант стиля для всего фида-

Чтобы настроить стили, выберите тип цвета фона; Классический или градиент. Затем выберите Цвет фона. Вы можете использовать изображение в качестве фона. Установите отступы для всей ленты Pinterest.

Стиль виджета Pinterest — добавить ленту Pinterest

Карточка заголовка :

Параметры стиля для заголовка ленты

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

Карточка шапки Pinterest — добавление фида Pinterest

Изображение профиля :

Параметры стиля для изображения профиля на дисплее

Чтобы настроить стили, отрегулируйте размер изображения профиля и поля справа. Затем установите Радиус границы изображения профиля.

Изображение профиля Pinterest — добавить ленту Pinterest

Имя пользователя :

Параметры стиля для отображаемого имени пользователя

Чтобы настроить стили, выберите цвет текста имени пользователя. Затем настройте дизайн, добавив тень текста к имени пользователя. Затем установите типографику для имени пользователя и отрегулируйте поле вокруг имени пользователя.

Имя пользователя Pinterest — Добавить ленту Pinterest

Описание пользователя :

Параметры стиля для отображения описания пользователя

Чтобы настроить стили, выберите цвет текста описания пользователя и задайте типографику для описания пользователя.

Описание пользователя Pinterest – Добавить ленту Pinterest

Кнопка заголовка :

Параметры стиля для кнопки «Подписаться» в заголовке

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

Кнопка заголовка Pinterest — Добавить ленту Pinterest

Контейнер для булавок :

Параметры стиля для контейнера, в котором отображаются контакты

Чтобы настроить стили, выберите тип цвета фона; Классический или градиент. Затем выберите цвет фона для контейнера пинов. Изображение можно использовать в качестве фона.

Затем выберите тип границы для контейнера пинов из предложенных вариантов; Сплошной, Двойной, Пунктирный, Пунктирный, Канавка или Нет (без рамки). Установите ширину границы, цвет границы и радиус границы для контейнера пинов.

Контейнер для булавок Pinterest — добавить ленту Pinterest

Пин-карта :

Варианты стиля для пин-карты

Чтобы настроить стиль, измените радиус границы для пин-карт.

Пин-карта Pinterest — добавление фида Pinterest

Верхний правый логотип :

Варианты стиля для логотипа Pinterest на карточках в правом верхнем углу

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

Логотип Pinterest в правом верхнем углу — добавить ленту Pinterest

Круг логотипа :

Варианты стиля для логотипа Circle

Чтобы настроить стиль, укажите, где вы хотите разместить логотип на картах. Затем выберите тип цвета фона; Классический или градиент. Выберите цвет фона для круга. Вы также можете использовать изображение в качестве фона.

Хотите знать, как добавить ленту Instagram на свой сайт WordPress? Проверьте ссылку ниже-


Как добавить ленту Instagram на сайт WordPress

Заворачивать:

Pinterest — это популярная платформа социальных сетей, полезная для продвижения вашего бизнеса. Создавая булавки Pinterest, вы легко справитесь с этой задачей. Но ваши рекламные посты получат импульс, если вы сможете показывать эти пины прямо на своем сайте, не так ли?

С ElementsKit вы можете легко продемонстрировать свою деловую ленту Pinterest на своем веб-сайте. Все, что вам нужно сделать, это просто следовать простым шагам, показанным выше. Вот и все! Лучше всего? Вы можете безгранично настраивать и стилизовать каждый элемент своей ленты Pinterest с помощью ElementsKit.

Возьмите ElementsKit сейчас