Ако има една функция, която ще намерите на почти всеки партньорски сайт, това е таблица за сравнение на продукти. Сериозно мисля, че изискването за присъединяване към партньорската програма на Amazon Associates е, че можете да създавате таблици за сравнение на продукти.
Но въпреки своята повсеместност, повечето хора все още старателно създават своите продуктови таблици, използвайки конструктори на страници, персонализиран HTML или приставка за таблици като Excel или TablePress.
В този урок ще ви покажа алтернативно решение, което е чудесен вариант, ако използвате партньорски сайт, захранван от WooCommerce.
Ще научите как да създавате динамично генерирани таблици с възможност за търсене, филтриране и сортиране. Най-доброто от всичко е, че ще имате пълен контрол върху информацията, която показвате в таблицата на партньорските си продукти.
Това не само ще ви спести време, но и ще подобри нещата за вас посетители (а по-доброто изживяване означава повече реализации!).
Как да създадете дъщерна дъска за продукти на WooCommerce
За да работите с това ръководство, ще ви трябват два приставки:
- WooCommerce - това ще използвате, за да управлявате различните си партньорски продукти.
- Таблица с продукти на WooCommerce - това ще използвате, за да покажете тези свързани продукти в таблица за филтриране, сортиране и търсене.
Ще приема, че имате инсталирани и активирани плъгини, преди да стартирате ръководството.
Тоест, докато аз ще ви покажа как да добавите партньорски продукт към WooCommerce, няма да ви покажа как да създадете магазин WooCommerce. Ако имате нужда от помощ, можете да разгледате това изчерпателно ръководство.
Стъпка 1: Добавете вашите партньорски продукти към WooCommerce
Много хора смятат, че WooCommerce е просто решение за продажба вашите собствени продукти. Но всъщност включва основна функционалност за продажба на външни партньорски продукти - не са необходими корекции!
За да добавите първия си партньорски продукт, отидете на Продукти → Добавяне на нови в таблото за управление.
Важното е да намерите Meta кутията на данни за продукта и да промените вида на продукта в Външен / партньорски:
След това попълнете информацията за:
- URL адрес на продукта - това е URL адресът, който води директно към продукта.
- Бутон текст – WooCommerce ще показва бутон, водещ към мястото, където посетителят може да закупи продукта, вместо бутон „Добави в количката“.
- Цена - Не е задължително . И ако свържете към Amazon, не забравяйте да въведете статична цена, тъй като противоречи на правилата на Amazon Associates да имате неточни цени ( което вероятно се дължи на факта, че Amazon променя цените ). За други партньорски програми не би трябвало да имате проблем.
Заедно с конкретната информация за партньора, ще искате да попълните и общи подробности за продукта като:
- Заглавие
- Описанието
- Изображение
- Т.н.
След като публикувате своя партньорски продукт, можете да проверите дали страницата на продукта показва бутон с подканваща фраза за закупуване от външен магазин:
Препоръчвам ви да използвате категория или етикет, за да разделите продуктите по предмет, тъй като това ще ви бъде полезно по-късно, ако искате да създадете множество асоциирани продуктови таблици за различни теми.
Стъпка 2: Конфигурирайте краткия код на таблицата с продукти на WooCommerce
За да се покаже таблица с партньорски продукти, ще използвате шорткод на приставката на WooCommerce Product Table.
Въпреки че все още можете ръчно да редактирате краткия код на таблица, плъгинът ви позволява да конфигурирате функцията по подразбиране на краткия код чрез достъп WooCommerce → Настройки → Продукти → Таблици с продукти (Таблица с продукти):
Ще се съсредоточим върху настройките, които най-много се прилагат при създаването на асоциирана таблица с продукти.
В района на Дизайн на таблицата, можете да конфигурирате персонализиран дизайн за вашата таблица, ако желаете:
Или винаги можете да се придържате към стила по подразбиране на приставката.
Като слизате малко, можете да изберете коя информация да се показва колони на вашата маса. Лично аз мисля, че настройката по подразбиране е доста солидна. Той ще покаже:
- Изображение на продукта
- малко име
- Кратко описание
- Цена
- Добави в кошницата бутон ( директна връзка към партньорски магазин )
Ако не планирате да показвате цени, можете да премахнете графата с цените. Освен това можете да премахнете краткото описание, тъй като може да направи дъската ви малко претрупана, ако имате дълги описания.
По същия начин можете да добавите допълнителни колони, за да покажете повече информация. Тази помощна статия съдържа пълен списък с потенциални колони.
Това са само двете неща, които вие сте трябва обмисли. Въпреки че винаги можете да промените другите настройки по ваш вкус, мисля, че настройките по подразбиране са доста добри за повечето приложения.
Стъпка 3: Вмъкнете кода на продукта на WooCommerce
След като сте конфигурирали настройките по подразбиране, можете да вмъкнете таблицата на вашите партньорски продукти, като използвате шорткода [ product_table ] (без интервалите).
Единственото нещо, което трябва да добавите към вашия кратък код, е параметър, който да посочва конкретните продукти, които да включите (в противен случай краткият код ще показва всеки наличен продукт на WooCommerce, който може да не е това, което искате).
За да направите това, можете да го използвате тагове = „Име_на маркер“ ou категория = "Име на категория" .
Например, ето пример за използване на шортода:
И ето как изглежда на интерфейса:
Някои точки, които трябва да отбележите в тази таблица, когато изграждате таблицата си:
- В таблицата ще се използва текстът на бутона, който въвеждате, когато настройвате своя партньорски продукт. Така че можете да използвате един и същ текст навсякъде или да ги направите различни, както в моя пример.
- Ако не въведете цена, тя ще изглежда празна. Поради тази причина вероятно трябва да използвате ценообразуване или да не използвате ценообразуване за всички ваши партньорски продукти.
4 Стъпка: (незадължително) Включете приспособленията за филтриране на страничната лента
Интересно нещо, което можете да направите с таблицата с продукти на WooCommerce ( и не може да се справя с други решения за сравнение на продукти ) е да показва джаджи за филтри в страничната лента, така че вашите посетители може да взаимодейства с вашия набор от партньорски продукти.
Не е необходимо - но мисля, че те правят дъската ви много по-използваема.
За да ги добавите, отидете на Външен вид → Джаджи и плъзнете върху различните джаджи " Продуктова таблица с пластове Nav филтър« .
След като направите това, вашите посетители ще може да филтрира партньорски продукти.
Завърши
Този урок няма да работи за всеки партньорски сайт, тъй като зависи от използването на WooCommerce за управление на вашите партньорски продукти.
Но ако използвате WooCommerce или имате опция, трябва да знаете, че това е чудесен начин да покажете по-използваем и гъвкав набор от асоциирани продукти.
И тъй като се генерира динамично, всички нови партньорски продукти, които добавяте към WooCommerce, автоматично ще се показват на съответните дъски, което е много по-лесно, отколкото да се налага ръчно да редактирате статични таблици всеки път, когато искате да добавите. или актуализирайте продукт.
