Як безкоштовно створити таблицю порівняння товарів на WordPress

Покупки в Інтернеті можуть стати справжнім випробуванням. З дедалі більшою кількістю товарних пропозицій покупцям стає складніше вибрати найкращий товар/продукт/послугу.

Це не нова проблема. Незалежно від того, ви вибираєте оффлайн або онлайн, ви завжди знайдете альтернативу для товару, який шукаєте.

Щоб створити таблицю порівняння товарів у WordPress, рекомендуємо використовувати плагін Конструктор таблиць WP. З його допомогою покупець зможе вибирати з більшої кількості схожих варіантів, звертаючи увагу на параметри, що цікавлять.

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

Ви, як власник магазину, хочете, щоб ваш користувач якнайшвидше прийняв рішення про покупку і став клієнтом. Це те, що хоче кожен власник магазину. Детальна таблиця порівняння товарів чудово працює на привернення уваги відвідувачів, даючи їм вичерпну інформацію щодо кількох товарів одночасно.

Наприклад, погляньте на цю таблицю порівняння продуктів Amazon, в якій перелічені всі деталі товарів, вибраних для порівняння.

Немає нічого кращого за таблицю, яка може допомогти виявити відмінності в такій лаконічній формі.

Як створити таблицю порівняння товарів

плагін Конструктор таблиць WP – один із найпростіших конструкторів таблиць. Вам не потрібні знання кодування для роботи з цим конструктором. Він використовує функцію перетягування, що так полюбилася користувачам WordPress.

WP Table дуже простий у використанні. Ось що потрібно зробити, щоб створити таблицю з WP Table Builder:

• Створити нову таблицю.
• Додайте контент у комірки.
• Налаштувати та оформити таблицю.
• Зберегти та опублікувати.
• Вставити на сайт, використовуючи шорткод.

Докладно розглянемо кожен крок, щоб ви могли зрозуміти, як просто використовувати WP Table Builder.

Для цього уроку вам потрібно встановити та активувати WP Table Builder. Його можна скачати безкоштовно з репозиторію WordPress.org. Встановіть його, як будь-який інший плагін.

Крок 1: Додавання нової таблиці

Після того, як ви встановили WP Table Builder, на панелі адміністратора WordPress з'явиться закладка Table Builder. Перейдіть до неї та натисніть «Додати нову» таблицю. Як тільки це ви зробите, відкриється інтерфейс конструктора таблиць.

Крок 2. Створення таблиці та додавання вмісту

Придумайте та введіть ім'я таблиці. Це ім'я можна змінити пізніше. Наприклад назвемо її «Порівняння продуктів».

Тепер потрібно визначити кількість рядків та стовпців у таблиці. Перемкніть або введіть бажану кількість рядків та стовпців та натисніть кнопку «Створити». Таблиця згенерується миттєво.

Тепер потрібно додати контент до наших осередків. Існує п'ять типів контенту, який можна додати до осередків:

• текст,
• образ,
• кнопка,
• перелік,
• зірковий рейтинг.

Щоб додати новий елемент або тип контенту в поле, просто перетягніть його в комірку таблиці. Тепер його можна налаштувати.

Наприклад, ми додали текст елемент на сторінку. Використовуючи ліву панель можна змінити колір і розмір тексту, а також встановити жирний шрифт, курсив, вирівнювання та додати посилання на текст.

Як і при додаванні текстового елемента, можна додати інші елементи за своїм бажанням і налаштовувати їх.

У прикладі ми створюємо таблицю для порівняння сторінкових компонувальників для WordPress – Beaver Builder та Elementor.

Перший ряд таблиці будемо використовувати як заголовок. Для цього натисніть кнопку "Верхній ряд як заголовок". Це зробить верхній ряд заголовком.

Тепер додамо відповідні елементи кожного продукту. Після налаштування кольору, розміру шрифту та меж, таблиця виглядає так:

Дивіться також:

Корисних плагінів для таблиць цін WordPress.

Крок 3: стилізація та налаштування таблиці

Хоча ми вже налаштували зображення, прикріплене вище, все одно розглянемо налаштування таблиці порівняння продуктів.

Переходячи до керування осередками, можна легко додавати та видаляти рядки, стовпці, осередки за допомогою кнопки «Керування осередками». Натисніть на неї.

Ви можете вставляти стовпці та рядки просто натискаючи кнопки, розташовані зверху.

Можна поєднати кілька осередків. Але спочатку переконайтеся, що осередки порожні або максимум один осередок містить дані.

Кордони та відступи легко налаштувати, використовуючи опції, доступні на екрані редагування. Також можна встановити товщину та колір меж.

Більше того, можна налаштувати колір фону.

Крок 4: Збереження та публікація таблиці

Коли ви закінчите вносити зміни, збережіть таблицю. Щоб переглянути її, натисніть кнопку у верхньому правому кутку сторінки.

Крок 5: Вставлення таблиці з використанням шорткоду

Розробка таблиці закінчено. Залишилось розмістити її на сторінці сайту.

Натисніть кнопку вставки в редакторі таблиць, щоб отримати шорткод для таблиці порівняння продуктів.

Скопіюйте та вставте цей короткий код на свій сайт.

Тепер ви знаєте, як створити таблицю та відобразити її на своєму веб-сайті за допомогою WP Table Builder. Скористайтеся цим простим та безкоштовним способом, щоб створити таблицю на вашому веб-сайті WordPress. Допоможіть своїм потенційним покупцям зробити свій вибір на основі створених вами таблиць порівняння товарів/продуктів/послуг.

Джерело: wplift.com

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/