Как создать партнерскую коробку продукта (кодирование не требуется)

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


Вы хотите создать партнерскую коробку продукта в WordPress?

Коробка продукта позволяет вам демонстрировать свои партнерские продукты более привлекательным и привлекательным образом. Это может привлечь внимание ваших пользователей и увеличить шансы на то, что они нажмут на ваши партнерские ссылки.

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

Creating an affiliate product box in WordPress

Зачем создавать партнерскую коробку продуктов в WordPress?

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

Это поле обычно содержит название продукта, изображения, описание и призыв к действию (CTA) для продвижения кликов и покупок.

Affiliate product box preview

Это популярная стратегия партнерского маркетинга, которая может увеличить продажи, увеличить узнаваемость бренда и сэкономить время и ресурсы.

Вы можете легко добавить коробку партнерского продукта в сообщение в блоге, чтобы привлечь потенциальных клиентов и получать комиссию за любые полученные продажи.

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

Метод 1: Создайте коробку партнерского продукта, используя красивые ссылки

Вы можете легко создать партнерскую коробку продукта, используя Pretty Links. Это лучший инструмент партнерского маркетинга, который позволяет очень легко создавать и управлять партнерскими ссылками на вашем веб-сайте WordPress.

Во-первых, вам нужно установить и активировать плагин Pretty Links. Дополнительные инструкции см. в нашем руководстве для начинающих о том, как установить плагин WordPress.

Примечание. У Pretty Links также есть бесплатная версия. Однако вам придется приобрести профессиональную версию, чтобы использовать надстройку Product Displays.

После активации перейдите на страницу Pretty Links »Add-ons на боковой панели администратора WordPress.

Отсюда просто установите и активируйте надстройку «Отображения продуктов», нажав кнопку «Установить надстройку».

Install and activate the Product Displays addon

После активации аддона просто перейдите на страницу Pretty Links » Add New , чтобы начать создание партнерской ссылки.

Во-первых, вам нужно будет ввести название партнерского продукта в поле «Добавить название» вверху. Этот заголовок будет отображаться в качестве заголовка в поле партнерской программы вашего продукта.

После этого введите партнерский URL-адрес в поле «Целевой URL».

Затем введите слаг ссылки в поле «Красивая ссылка». Это будет последняя часть партнерского URL.

Create an affiliate link by typing the target URL

После этого просто переключитесь на вкладку «Отображение продукта» на боковой панели слева.

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

Затем нажмите кнопку «Обновить изображение», чтобы загрузить изображение продукта из медиатеки WordPress или с вашего компьютера.

Choose a theme and upload product image

После этого просто введите описание продукта в поле «Описание».

Далее, продолжайте и установите цену на продукт в поле «Цена».

Add product description and price

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

Чтобы добавить значок, просто введите его текст в поле «Текст значка».

После этого введите CTA для партнерского продукта в поле «Основной текст кнопки». Это будет текст, отображаемый на кнопке в поле партнерской программы продукта.

Созданная нами партнерская ссылка будет автоматически добавлена ​​к кнопке CTA.

Add a badge and CTA text

Если вы написали обзор партнерского продукта в своем блоге, вы можете добавить URL-адрес сообщения в поле «URL-адрес обзора». Читатели, которые нажмут на нее, будут перенаправлены на ваш обзорный пост.

Чтобы добавить CTA для кнопки обзора, просто введите текст в поле «Текст кнопки обзора».

Когда вы закончите, нажмите кнопку «Обновить» или «Опубликовать» вверху.

Добавьте партнерскую коробку продукта на страницу или в публикацию

Теперь вам нужно добавить партнерское поле продукта на страницу или опубликовать на своем веб-сайте WordPress. В этом уроке мы добавим поле партнерского продукта в сообщение.

Во-первых, вам нужно открыть новый или существующий пост на боковой панели администратора WordPress.

Затем нажмите кнопку «Добавить блок» (+) в верхнем левом углу, чтобы найти и добавить блок PL Product Display в редактор блоков.

После этого нажмите на кнопку «Добавить дисплей».

Add the PL Product Display box

Это откроет подсказку «Отображение продукта». Отсюда просто выберите опцию «Одна ссылка» в раскрывающемся меню.

Как только вы это сделаете, вам нужно будет найти созданную вами партнерскую ссылку в окне поиска.

Add the affiliate product box

При нажатии на партнерскую ссылку окно отображения продукта будет автоматически добавлено к вашему сообщению или странице.

Наконец, нажмите кнопку «Обновить» или «Опубликовать», чтобы сохранить изменения.

Теперь вы можете посетить свой веб-сайт, чтобы проверить окно партнерской программы продукта в действии.

Product box preview

Способ 2: Создайте коробку партнерского продукта в редакторе блоков (бесплатно)

Для этого метода мы покажем вам, как легко создать коробку партнерского продукта с помощью редактора блоков.

Во-первых, вам нужно открыть существующую или новую запись на боковой панели администратора WordPress.

Оказавшись там, нажмите кнопку «Добавить блок» (+) в верхнем левом углу, чтобы открыть меню блока. Затем просто найдите и добавьте блок Columns в запись.

Как только вы это сделаете, отобразится список вариантов столбцов. Просто нажмите на вариант 50/50, чтобы продолжить.

Add the Columns block in the block editor

Это добавит два блока рядом с вашим сообщением.

Вы можете начать, нажав кнопку «+» в левой части экрана, чтобы открыть меню блокировки.

Отсюда просто выберите блок «Изображение», а затем добавьте изображение партнерского продукта из медиатеки WordPress.

Add the image block and then add product image from the media library

После этого нужно нажать на кнопку «+» в правой колонке.

Когда откроется меню блока, добавьте блок «Заголовок» и введите название продукта.

Add the Heading block and type product title

Затем просто щелкните значок «Выбрать столбец» на панели инструментов блока, а затем нажмите кнопку «+» внизу. Это снова откроет меню блокировки.

Отсюда найдите и добавьте блок «Абзац» и введите описание продукта в поле.

Add the Paragraph block to type product descriptions

Теперь, чтобы заполнить поле партнерской программы для вашего продукта, вам нужно будет добавить CTA вместе с партнерской ссылкой для продукта.

Для этого вам нужно выйти из редактора блоков.

Не забудьте нажать кнопку «Сохранить черновик», чтобы сохранить изменения, прежде чем вернуться в панель администратора WordPress.

Создать партнерскую ссылку

Существует множество инструментов партнерского маркетинга, которые вы можете использовать для создания и управления партнерскими ссылками на своем веб-сайте WordPress.

В этом уроке мы будем использовать Pretty Links, лучший плагин для партнерского маркетинга WordPress.

Во-первых, вам нужно установить и активировать плагин Pretty Links. Дополнительные инструкции см. в нашем руководстве для начинающих о том, как установить плагин WordPress.

После активации перейдите на страницу Pretty Link »Add New на боковой панели администратора WordPress.

Оказавшись там, вы должны ввести название продукта в поле «Добавить название».

Затем просто скопируйте и вставьте URL-адрес партнерского продукта в поле «Целевой URL».

Create pretty link

Теперь вы можете ввести собственный URL-слаг в поле «Красивая ссылка». Pretty Links будет использовать это в конце созданного для вас партнерского URL-адреса.

Когда вы закончите, нажмите кнопку «Обновить», чтобы сгенерировать партнерскую ссылку.

Теперь вы будете перенаправлены на страницу «Ссылки». Отсюда просто скопируйте партнерскую ссылку из столбца «Pretty Links».

Copy the affiliate link

Добавьте партнерскую ссылку в коробку с товаром

Затем вам нужно вернуться к сообщению в блоге, где вы создавали коробку партнерского продукта.

Оказавшись там, просто щелкните правую колонку блока «Столбцы», чтобы открыть панель инструментов блока, а затем нажмите кнопку «Выбрать столбцы». Это откроет меню блока.

Затем просто добавьте блок кнопок.

Add the buttons block in the right column

Чтобы добавить ссылку, нажмите на иконку «Ссылка» на панели инструментов блока «Кнопки». Откроется всплывающее окно, куда вы должны вставить партнерскую ссылку, скопированную со страницы Pretty Links.

Вы также можете найти партнерскую ссылку, используя строку поиска в поле.

Add an affiliate link

Наконец, вам нужно добавить текст на кнопку CTA.

Не забудьте добавить захватывающую фразу в качестве призыва к действию, чтобы побудить клиентов перейти по ссылке.

Type CTA text

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

Отсюда вы можете выбрать фон и цвет текста для окна вашего партнерского продукта с помощью палитры цветов.

Choose a background color for the product affiliate box

Наконец, нажмите кнопку «Опубликовать» или «Обновить», чтобы сохранить изменения.

Вот так выглядела коробка партнерского продукта на нашем демонстрационном сайте.

Product affiliate box preview

Способ 3: Создайте коробку продукта для партнерских целевых страниц с помощью SeedProd

Если вы хотите создать эстетически привлекательную коробку продукта для пользовательских целевых страниц партнерских программ, то этот метод для вас.

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

Во-первых, вам нужно установить и активировать плагин SeedProd. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.

Примечание: SeedProd также предлагает бесплатную версию. Однако мы будем использовать премиум-версию, потому что она предлагает больше конструктивных особенностей.

После активации вы должны посетить страницу SeedProd »Настройки , чтобы ввести лицензионный ключ плагина.

Вы можете найти эту информацию в своей учетной записи на веб-сайте SeedProd.

Paste license key in the field

Затем просто перейдите в раздел SeedProd » Landing Pages на панели администратора WordPress и нажмите кнопку «Добавить новую целевую страницу».

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

Click the Add New Landing Page button

Теперь вы попадете на экран «Выберите новый шаблон страницы».

Отсюда вы можете выбрать любой из готовых шаблонов, предлагаемых SeedProd.

После того, как вы сделали свой выбор, вам будет предложено ввести имя страницы и выбрать URL-адрес. Идите вперед и нажмите кнопку «Сохранить и начать редактирование страницы» после ввода деталей.

Enter your page details

Это запустит конструктор страниц SeedProd с функцией перетаскивания.

Отсюда найдите блок «Столбцы» на левой боковой панели и перетащите его в интерфейс дизайна справа.

После добавления блока вам будет предложено выбрать расположение столбцов. Вам нужно просто нажать на вариант 50/50, чтобы добавить два соседних блока.

Add the Column Block in SeedProd

Теперь вы можете начать с перетаскивания блока изображения в левый столбец.

Затем щелкните блок изображения, чтобы открыть настройки его блока на боковой панели. Отсюда просто нажмите кнопку «Использовать собственное изображение», чтобы выбрать изображение партнерского продукта из медиатеки или загрузить его со своего компьютера.

Choose an affiliate product image from the media library

После этого просто перетащите блок «Заголовок» в правый столбец и добавьте название партнерского продукта.

Вы можете настроить выравнивание и размер шрифта, используя настройки на левой боковой панели.

Add the heading block and type product title

После того, как вы это сделаете, вам нужно перетащить текстовый блок под название продукта. Вы можете добавить описание партнерского продукта, который продвигаете.

После этого просто нажмите кнопку «Сохранить», чтобы сохранить изменения.

Add product description and click Save button

Теперь пришло время создать партнерскую ссылку.

Создать партнерскую ссылку

Во-первых, вам нужно установить и активировать плагин Pretty Links. Более подробные инструкции см. в нашем руководстве для начинающих о том, как установить плагин WordPress.

После активации перейдите на страницу Pretty Link »Add New на боковой панели администратора.

Здесь вы можете начать с ввода названия продукта в поле «Добавить название», чтобы упростить поиск партнерской ссылки. Просто введите название партнерской компании или самого продукта.

Затем добавьте партнерскую ссылку рядом с опцией «Целевой URL».

После этого введите слаг в поле «Pretty Link». Этот слаг появится в конце вашей партнерской ссылки.

Create an affiliate link

Наконец, нажмите кнопку «Обновить», чтобы сгенерировать ссылку.

Теперь вы будете перенаправлены на страницу «Ссылки». Отсюда просто скопируйте партнерскую ссылку из столбца «Pretty Links».

Copy the affiliate link

Добавьте партнерскую ссылку в коробку продукта SeedProd

После копирования партнерской ссылки вам нужно открыть целевую страницу SeedProd, где вы создаете коробку с партнерским продуктом.

Оказавшись там, просто перетащите блок кнопок под описание продукта.

Drag and drop the Button block in the product box

Затем вам нужно нажать на кнопку, чтобы открыть настройки блока на левой боковой панели. Здесь вы должны скопировать и вставить партнерскую ссылку в поле «Ссылка».

После этого просто введите текст для CTA в поле «Текст кнопки».

Add the affiliate link and CTA text

Чтобы оформить окно партнерского продукта, вам нужно выбрать блок «Столбцы», чтобы открыть его настройки на левой боковой панели.

Отсюда вы можете выбрать цвет фона или даже добавить фоновое изображение в коробку с продуктом. Вы также можете настроить ширину и выравнивание блока столбцов по своему вкусу.

Change the affiliate product box background color in SeedProd

Когда вы закончите, нажмите кнопку «Сохранить», чтобы сохранить настройки.

Вот так выглядела коробка партнерского продукта на нашем демонстрационном сайте.

SeedProd preview of the affiliate product box

Мы надеемся, что эта статья помогла вам узнать, как добавить в WordPress поле партнерского продукта. Вы также можете ознакомиться с нашей статьей о том, как легко добавить партнерскую программу в WooCommerce, а также с нашим лучшим выбором лучшего программного обеспечения для отслеживания и управления партнерскими программами для WordPress.

Если вам понравилась эта статья, подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.