Хотите добавить пользовательские виджеты после поста в WordPress??
Виджеты после поста позволяют отображать различные элементы в конце постов или страниц блога. Например, вы можете добавить форму подписки на рассылку, показать связанные посты, последние статьи или популярные товары.
В этой статье мы покажем вам, как легко добавить пользовательские виджеты после поста в WordPress, чтобы привлечь пользователей и провести больше времени на вашем сайте.
Зачем добавлять пользовательские виджеты после поста в WordPress
Возможно, вы видели призывы к действию в конце статьи на многих популярных сайтах. Это потому, что если пользователь прокрутил вниз до конца статьи, значит, он уже зацепился и с большей вероятностью примет участие в вашем предложении.
Это место может быть использовано для размещения формы регистрации по электронной почте, формы генерации лидов или повышения вовлеченности пользователей с помощью связанных постов, популярных постов и других функций обнаружения контента.
Аналогично, если у вас интернет-магазин, то вы можете захотеть показать сопутствующие товары или рекламировать распродажу, предлагая скидку.
Это можно сделать разными способами. Вы можете использовать плагины, такие как MonsterInsights popular posts addon, который позволяет вам автоматически добавлять популярные посты или популярные продукты после содержимого вашего поста.
Вы можете добавить этот контент после поста вручную во время написания постов с помощью редактора блоков.
Это много работы, и проблема этого метода в том, что если вы захотите что-то изменить, то вам придется делать это вручную.
Вот где пригодятся виджеты.
В терминологии веб-разработки виджеты — это блоки, не относящиеся к содержанию, которые вы можете добавить в различные области вашего сайта отдельно от основной области содержания.
WordPress поставляется с набором встроенных виджетов, которые вы можете добавить в любые области с поддержкой виджетов, предусмотренные вашей темой WordPress.
Все популярные темы WordPress поставляются с общими областями для виджетов, такими как боковые панели, нижний колонтитул, области виджетов для заголовков. Однако очень немногие темы WordPress включают область виджетов после поста.
Итак, давайте рассмотрим, как можно легко добавить виджеты после поста в WordPress, независимо от того, какую тему WordPress вы используете.
Если вы предпочитаете письменные инструкции, продолжайте читать.
Метод 1. Добавление содержимого после поста с помощью плагина
Этот метод немного ограничен, но более прост и работает со всеми типами виджетов WordPress. Этот способ немного зависит от темы WordPress, но он подойдет большинству пользователей.
Первое, что вам нужно сделать, это установить и активировать плагин Add Widget After Content. Для более подробной информации смотрите наше пошаговое руководство по установке плагина WordPress.
После активации перейдите в раздел Внешний вид » Виджеты перейдите на страницу и там вы заметите новую область виджетов под названием «После контента».
Теперь вы можете просто добавить любой виджет из колонки доступных виджетов в область «После контента». Например, здесь мы добавили «Последние сообщения» и виджет формы подписки на рассылку, который мы сделали с помощью WPForms.
Не стесняйтесь редактировать настройки каждого виджета, как вы обычно это делаете, и не забудьте сохранить изменения.
После завершения работы вы можете посетить свой сайт, чтобы увидеть виджеты контента после публикации в действии. Вот как это выглядело на нашем демонстрационном сайте.
В зависимости от количества виджетов, которые вы пытаетесь добавить, и вашей темы WordPress, ваши виджеты могут выглядеть немного несбалансированными.
По умолчанию плагин добавляет виджеты один за другим, поэтому если вы хотите показать их рядом, то вам придется использовать пользовательский CSS. Вы также можете изменить цвет фона, добавить отступы, изменить цвет текста и многое другое.
Просто перейдите в раздел Внешний вид » Настроить страницу и переключитесь на вкладку «Дополнительные CSS. Вы можете начать с добавления этого пользовательского CSS в качестве отправной точки.
.awac.виджет < width: 50%; display: inline-block; float: left; padding: 20px; background-color: #fff8e9; border: 1px dashed #fde2a9; min-height:400px; >.awac.виджет h4 < font-size:18px; color:#666; >.awac.виджет li
В этом пользовательском CSS-коде мы изменили ширину виджета, чтобы отобразить два виджета бок о бок. Мы также изменили цвет фона и размер шрифта. Не стесняйтесь корректировать CSS в соответствии с вашими требованиями.
Не забудьте нажать на кнопку «Опубликовать», чтобы сохранить изменения.
Вот как это выглядит на нашем демонстрационном сайте.
Не хотите использовать пользовательский CSS? Попробуйте плагин CSS Hero. Это позволит вам настроить все области вашего сайта без каких-либо знаний CSS.
Показать или скрыть виджеты после поста
По умолчанию плагин будет показывать ваши виджеты после поста на всех постах и страницах. Он также позволяет скрыть его в тех местах, где вы не хотите показывать виджеты после контента.
Например, вы можете не отображать виджеты после поста на статических страницах.
Просто перейдите на страницу Внешний вид » Виджет после содержимого страница. Здесь вы можете выбрать, в каких категориях или типах постов не будет отображаться ваш виджет после контента.
Не забудьте нажать на кнопку Сохранить изменения, чтобы сохранить настройки.
Вы также можете скрыть область виджетов после контента для отдельных постов и страниц. Просто отредактируйте пост страницы, где вы не хотите показывать виджеты после поста и прокрутите вниз до поля «Виджет после содержимого» в самом низу.
Далее установите флажок, чтобы скрыть область виджета, а затем сохраните свой пост или страницу. Теперь плагин перестанет показывать область виджетов для этого конкретного поста/страницы.
Метод 2. Добавление после пост-контента с помощью OptinMonster
Этот метод красивее и мощнее, но он не использует виджеты WordPress по умолчанию. Вместо этого, он позволяет вам добавить любой контент, который вы хотите, с красивым дизайном и шаблонами на выбор.
Еще одним преимуществом этого метода является то, что он дает вам тонну вариантов таргетинга. Например, вы можете показывать персонализированный контент разным пользователям, менять контент в зависимости от того, что пользователи просматривают в данный момент, или использовать ретаргетинг на месте для большего эффекта.
Для этого метода вам понадобится OptinMonster. Это лучшее программное обеспечение для генерации лидов и оптимизации конверсии на рынке, которое позволяет конвертировать посетителей сайта в подписчиков и клиентов.
Сначала вам нужно зарегистрироваться в аккаунте OptinMonster.
После регистрации перейдите на свой сайт WordPress, чтобы установить и активировать плагин OptinMonster. Для более подробной информации смотрите наше пошаговое руководство по установке плагина WordPress.
Этот плагин действует как соединитель между вашим сайтом WordPress и аккаунтом OptinMonster.
После активации вам необходимо посетить OptinMonster » Настройки страницу и нажмите на кнопку «Подключить существующий аккаунт».
Появится всплывающее окно, в котором вы можете войти в систему и подключить свой сайт WordPress к учетной записи OptinMonster.
Теперь, когда ваш сайт WordPress подключен, вы готовы к созданию своей первой геотаргетированной кампании. Перейдите на страницу OptinMonster » Кампании страницу и нажмите на кнопку «Добавить новую».
Сначала вам нужно выбрать тип вашей кампании. OptinMonster поддерживает всплывающие окна lightbox, плавающие панели, встроенные оптины, полноэкранные, слайд-ин и геймифицированные кампании.
Для данного руководства мы выберем инлайн-кампанию, которая позволит нам автоматически отображать нашу кампанию после контента.
Ниже вы можете выбрать шаблон кампании, нажав на него.
Далее вам нужно ввести название вашей кампании. Здесь вы можете ввести любое имя, а затем нажать на кнопку ‘Начать создание’.
Это запустит интерфейс конструктора кампаний OptinMonster с живым предварительным просмотром вашей кампании в правой панели.
Вы можете просто навести и нажать на любой элемент в предварительном просмотре, чтобы отредактировать, переместить или удалить его. Вы также можете добавить новые элементы, нажав на кнопку Добавить блоки вверху.
Отсюда вы можете выбрать более мощные элементы, недоступные в виджетах WordPress по умолчанию. Например, вы можете добавить таймеры обратного отсчета, кнопки, чат-боты и колонки.
После того, как вы создали кампанию после публикации, переключитесь на вкладку «Публикация» и измените статус кампании на «Опубликовать».
После этого нажмите на кнопку Сохранить, чтобы сохранить настройки и закрыть конструктор кампаний.
OptinMonster переведет вас на страницу настроек вывода. Здесь вы можете выбрать, где вы хотите отображать содержимое после публикации.
Просто выберите Автоматически, а затем вы можете выбрать показ вашей кампании внутри, под или перед содержимым поста.
В рамках данного руководства мы выберем вариант «Содержание поста». После этого измените статус «Видимость» на «Опубликовано» и нажмите на кнопку «Сохранить», чтобы ваша кампания была запущена.
Теперь вы можете посетить свой сайт, чтобы увидеть ваш пользовательский виджет после поста в действии.
Надеемся, что эта статья помогла вам узнать, как добавить пользовательские виджеты после поста в WordPress.
Хотите увидеть, как пользователи взаимодействуют с вашими виджетами после поста?? Посмотрите наш учебник о том, как отслеживать вовлеченность пользователей в WordPress, а затем попробуйте эти советы, чтобы легко увеличить посещаемость вашего сайта.
Источник: www.wpbeginner.com