Если есть одна функция, которую вы найдете почти на любом партнерском сайте, это таблица сравнения продуктов. Серьезно, я думаю, что для присоединения к партнерской программе Amazon Associates необходимо иметь возможность создавать таблицы сравнения продуктов.
Но, несмотря на их повсеместное распространение, большинство людей по-прежнему кропотливо создают свои таблицы продуктов с помощью конструкторов страниц, настраиваемого HTML или плагина таблиц, такого как Excel или TablePress.
В этом уроке я покажу вам альтернативное решение, которое является отличным вариантом, если вы используете партнерский сайт на базе WooCommerce.
Вы узнаете, как создавать динамически генерируемые таблицы с возможностью поиска, фильтрации и сортировки. Лучше всего то, что вы будете иметь полный контроль над информацией, отображаемой в таблице продуктов для партнеров.
Это не только сэкономит ваше время, но и улучшит вашу жизнь. посетителей (а лучший опыт означает больше конверсий!).
Как создать партнерскую доску продуктов на WooCommerce
Для этого руководства для работы вам понадобятся два плагина:
- WooCommerce - это то, что вы будете использовать для управления различными партнерскими продуктами.
- Таблица продуктов WooCommerce - это то, что вы будете использовать, чтобы отображать эти партнерские продукты в таблице с возможностью фильтрации, сортировки и поиска.
Я предполагаю, что у вас установлены и активированы оба плагина перед запуском руководства.
То есть пока я собираюсь показать вам, как добавить партнерский продукт в WooCommerce, я не собираюсь показывать вам, как настроить магазин WooCommerce. Если вам нужна помощь, вы можете ознакомиться с этим подробным руководством.
Шаг 1. Добавьте свои партнерские продукты в WooCommerce
Многие считают, что WooCommerce - это просто решение для продажи свой собственный товары. Но на самом деле он включает в себя базовую функциональность для продажи внешних партнерских продуктов - никаких настроек не требуется!
Чтобы добавить свой первый партнерский продукт, перейдите на Товары → Добавить новый в вашей приборной панели.
Важно найти мета-бокс данные о продукте и изменить тип продукта в Внешний / Партнер:
Затем заполните информацию для:
- URL-адрес продукта - это URL-адрес, который ведет непосредственно к товару.
- Текст кнопки – WooCommerce отобразит кнопку со ссылкой на то, где находится посетитель можно приобрести товар, а не кнопку «Добавить в корзину».
- Цена – Это не обязательно . И если вы ссылаетесь на Amazon, обязательно укажите статическую цену, так как политика Amazon Associates не позволяет указывать точные цены ( что, вероятно, связано с тем, что Amazon меняет цены ). С другими партнерскими программами проблем возникнуть не должно.
Наряду с конкретной информацией для аффилированных лиц вы также можете указать общие сведения о продукте, например:
- Название
- Описание
- Фото товара
- И т.д.
После того, как вы опубликовали свой партнерский продукт, вы можете убедиться, что на странице продукта отображается кнопка с призывом к покупке во внешнем магазине:
Теперь все, что вам нужно сделать, это повторить тот же процесс для любого количества партнерских продуктов, которое вы хотите добавить.
Я рекомендую использовать категорию или тег для разделения продуктов по темам, так как это пригодится позже, если вы захотите создать несколько таблиц партнерских продуктов для разных предметов.
Шаг 2: настройка шорткода таблицы продуктов WooCommerce
Чтобы отобразить таблицу партнерских продуктов, вы будете использовать шорткод плагина WooCommerce Product Table.
Несмотря на то, что вы по-прежнему можете редактировать шорткод для каждой таблицы вручную, плагин позволяет вам настроить шорткод по умолчанию, открыв WooCommerce → Настройки → Продукты → Таблицы продуктов (Таблица продуктов):
Мы сосредоточимся на настройках, которые больше всего подходят для создания таблицы партнерских продуктов.
В районе Дизайн столаВы можете настроить индивидуальный дизайн для вашей таблицы, если вы хотите:
Или вы всегда можете придерживаться стиля плагина по умолчанию.
Немного опустившись, вы можете выбрать, какую информацию отображать в столбцы в вашем столе. Лично я считаю, что настройки по умолчанию довольно надежны. Он отобразит:
- Изображение продукта
- имя
- Краткое описание
- Цена
- Добавить в корзину кнопку ( прямая ссылка на партнерский магазин )
Если вы не планируете отображать цены, вы можете удалить столбец с ценами. Кроме того, вы можете удалить краткое описание, так как оно может немного загромождать вашу доску, если у вас есть длинные описания.
Точно так же вы можете добавить дополнительные столбцы для отображения дополнительной информации. Эта статья справки содержит полный список возможных столбцов.
Это действительно единственные две вещи, которые вы должен рассмотреть возможность. Хотя вы всегда можете изменить другие настройки по своему вкусу, я думаю, что значения по умолчанию довольно хороши для большинства применений.
Шаг 3: вставьте код продукта WooCommerce
Теперь, когда вы настроили значения по умолчанию, вы можете вставить таблицу партнерских продуктов с помощью шорткода. [ product_table ] (без пробелов).
Единственное, что вам нужно добавить в свой шорткод, - это параметр, указывающий конкретные продукты, которые нужно включить (в противном случае шорткод покажет каждый доступный продукт WooCommerce, который может не соответствовать вашему желанию).
Для этого вы можете использовать день = "Название тэга" ou Каталог = "Category_name" .
Например, вот пример использования шортода:
И вот так это выглядит на интерфейсе:
Некоторые моменты, которые следует отметить в этой таблице при создании таблицы:
- В таблице будет использоваться текст кнопки, который вы вводите при настройке партнерского продукта. Таким образом, вы можете использовать один и тот же текст везде или сделать их разными, как в моем примере.
- Если вы не введете цену, она будет пустой. По этой причине вам, вероятно, следует использовать ценообразование или не использовать ценообразование для всех ваших партнерских продуктов.
Шаг 4: (необязательно) включение виджетов фильтра боковой панели
Интересная вещь, которую вы можете сделать с WooCommerce Product Table ( и не может обойтись с другими решениями таблицы сравнения продуктов ) заключается в отображении виджетов фильтров на боковой панели, чтобы посетителей может взаимодействовать с вашим набором партнерских продуктов.
В этом нет необходимости, но я думаю, они делают вашу доску более удобной.
Чтобы добавить их, перейдите к Внешний вид → Виджеты и скользите по разным виджетам " Фильтр Nav Filter на уровне стола« .
Как только вы это сделаете, ваш посетителей сможет фильтровать партнерские продукты.
Чтобы закончить
Это руководство не подойдет для каждого партнерского сайта, так как оно зависит от использования WooCommerce для управления вашими партнерскими продуктами.
Но если вы используете WooCommerce или имеете такую возможность, вы должны знать, что это отличный способ показать более удобный и гибкий набор партнерских продуктов.
И поскольку он генерируется динамически, любые новые партнерские продукты, которые вы добавляете в WooCommerce, будут автоматически отображаться на соответствующих досках, что намного проще, чем вручную редактировать статические таблицы каждый раз, когда вы хотите добавить. или обновить продукт.
