Как разместить код виджета в статье на WordPress

В этой статье рассказывается, как вставить код формы поиска в статью сайта, работающего на WordPress.

Обратите внимание! Вы так же можете использовать плагин для WordPress от Travelpayouts, чтобы размещать виджеты. Вы можете узнать больше в статье: Размещение виджетов и таблиц.

Чтобы разместить код виджета, следуйте инструкции:

1. Откройте ваш аккаунт WordPress и выберите статью, в которую будете вставлять виджет или создайте новую статью;

2. Откройте Редактор статьи;

3. Переключитесь с Визуального редактора на Редактор кода:

В этом режиме все элементы форматирования текста (выделение жирным, картинки, заголовки и пр.) представлены в виде HTML-кода.

4. Перейдите в личный кабинет Travelpayouts и в списке программ выберите ту, чей виджет вы хотите использовать. Информацию о том, как найти программы, которые предлагают виджеты и как их настроить вы можете найти в статье Всё про виджеты тревел-брендов.

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

6. Вставьте код виджета в код вашей статьи на WordPress:

Мы рекомендуем добавлять <!-- wp:shortcode → до и после кода виджета. Потому что если вы просто поместите код виджета в режиме редактора кода и переключитесь в визуальный редактор, виджет не будет отображаться. Он будет виден только в режиме предварительного просмотра, редактора кода и после публикации статьи.

Поэтому, если вы переключитесь обратно в визуальный редактор и продолжите писать статью, вы можете случайно удалить или повредить код виджета. <!-- wp:shortcode → позволяет отделить код виджета от остальной части статьи в Визуальном режиме:

7. Проверьте правильность размещения статьи в режиме Предпросмотра;

8. Обновите и опубликуйте статью.

Все готово! Теперь все покупки, сделанные с помощью вашего виджета, будут учитываться в статистике и приносить вам вознаграждение!

Чтобы оптимизировать размещение кода в тексте статей, воспользуйтесь плагином Shortcoder. После его установки откройте панель управления WordPress, перейдите в раздел «Параметры» и выберите пункт меню Shortcoder. В плагине вам нужно написать название кода, по которому он будет вызываться в тексте статьи, и вставить сам код формы поиска.

14.jpg

После того как код сохранен, перейдите в редактор статьи, в панели редактирования нажмите на иконку плагина Shortcoder и выберите нужный код. Или напишите вызов кода самостоятельно в тексте статьи.

15.jpg