Виджет таблицы сравнения Elementor (Pro)
Таблица сравнения является Master Addons Pro виджет, который строит сетку функций для 2 до 6 продуктов или планов.Имена функций запускаются вниз по первому столбцу, и каждый столбец продукта имеет заголовок, цена, изображение, значение для каждой строки функции и кнопка. значения могут быть галочкой, крестиком, значком или текстом. выберите один из четырех макетов, дать один столбец свои собственные цвета, чтобы отметить рекомендуемый вариант, и стиль строки, заголовки и кнопки. он не нуждается в WooCommerce, поэтому он работает для планов, программного обеспечения, аппаратного обеспечения или пакетов услуг. для карт единого плана, бесплатно Таблица цен виджет лучше подходит.
Как добавить сравнительную таблицу в Elementor
Таблица сравнения требует Elementor и активного Мастер Аддоны Про лицензия.
- Активируйте Master Addons Pro, отредактируйте свою страницу с помощью Elementor и найдите панель виджетов Таблица сравнения.
- В Генерал, выберите Макет и установите для Продуктов количество столбцов.
- В Особенности Коробка, добавить один элемент в строку функции и установить заголовок.
- Открыть каждый Продукт раздел и добавить заголовок, цену, изображение, текст кнопки и ссылку.
- Установите для каждого значения строки флажок, крестик, значок или текст в том же порядке, что и список функций.
- Включите "Стиль переопределения" для рекомендуемого столбца, нанесите стол, а затем проверьте его в мобильном режиме.
Каждая обстановка описана в Настройки виджета таблицы сравнения гид.
Сравните 2-6 продуктов. Характеристики по функциям
Набор Продукция в общем (от 2 до 6, 3 по умолчанию) и а Продукт раздел отображается для каждого столбца. Перечислите строки один раз Особенности Коробка: заголовок, один элемент ретранслятора на функцию и заголовок кнопки. Затем заполните каждый продукт Название, Цена, Изображение, Текст кнопки, Ссылка и значение для каждой строки.
- Каждое значение строки - это проверка, крестик, значок по вашему выбору или обычный текст, такой как “1 Year”.
- Строки функций являются общими, поэтому сохраняйте одинаковое количество элементов в каждом продукте, чтобы строки совпадали.
- Содержимое вводится в панель Цены не тянут из WooCommerce.
Таблица сравнения с виджетами таблицы цен
Элементор и Элементор Про не имеют виджета таблицы сравнения.Элементор Про имеет виджет таблицы цен для карт единого плана. Вот когда использовать каждый вариант.
| Виджет | Макет | Лучший для | Цена |
|---|---|---|---|
| Таблица сравнения главных дополнений | Одна сетка, от 2 до 6 столбцов продуктов, имеющих одни и те же строки функций | Решения по функциям между планами или продуктами | Мастер Аддоны Про |
| Мастер Аддоны Таблица цен | Одна карта плана на виджет с заголовком, ценой, функциями и кнопкой | Страницы цен с двумя или тремя простыми планами | Бесплатно |
| Таблица цен Элементор Про | Одна карта плана на виджет с опцией ленты | Планируйте карты на сайтах, которые уже используют Elementor Pro | Элементор Про |
Если посетителям необходимо проверить одни и те же функции в нескольких вариантах, таблица сравнения легче читать, чем карты рядом. Если каждый план имеет короткий список и цену, ценовые карты занимают меньше места. Также полезно: Динамическая таблица для простых таблиц данных.
Четыре макета и стиль стола
Выбирать Стиль 1 чтобы Стиль 4 в Макеты, от классического стола до отдельных карточек товаров с значками цен. вкладка Стиль имеет четыре раздела. Генерал устанавливает нечетные и четные цвета строк, границу, радиус рамки, расстояние между столбцами и расстояние между строками. Коробка функций устанавливает ширину столбца функции, цвета, выравнивание и заполнение. Продукция заголовки стилей, цены, изображения и мобильная точка останова Кнопка стилизует кнопки покупки.
- Себры с нечетным цветом строк и четным цветом строк облегчают сканирование длинных таблиц.
- Ширина поля определяет ширину столбца функций.
- Ниже Формат вкладки "Пуск" Из ширины (767px по умолчанию) некоторые макеты переключаются на строку вкладок продукта. перед публикацией проверьте таблицу в мобильном представлении и уменьшите эту ширину, если вы предпочитаете прокручивать полную таблицу.
Выделите рекомендуемую колонку
Включать Переопределить стиль внутри раздела продукта, чтобы дать этому столбцу свои собственные цвета. вы можете установить цвет и фон заголовка, значок счета, цену и фон его столбца, текст функции, цвета проверки и перекрестия, нечетные и четные цвета строк, а также цвета кнопок. Используйте его для своего самого популярного плана” или собственного продукта в таблице "Мы против них".
- Переопределить стиль работает для каждого столбца продукта, а не для каждой ячейки.
- Встроенной ленты или значка нет, поэтому добавьте этикетку к названию продукта или тексту цены.
- Сохраните другие столбцы в глобальном стиле, чтобы выделенный выделялся.
Часто задаваемые вопросы для сравнительной таблицы
Виджет "Таблица сравнения" бесплатный?
№ Сравнительная таблица является частью Мастер Аддоны Про. Бесплатный плагин включает в себя Таблица цен виджет для карт единого плана.
Сколько продуктов я могу сравнить?
От 2 до 6. Изменить Продукция в разделе Общие и продукты разделы добавлены или скрыты для соответствия Три или четыре столбца лучше всего читаются на большинстве страниц шириной.
Как выглядит таблица сравнения на мобильных устройствах?
Ниже Начать формат вкладки с ширина в разделе Стиль Продуктов (767px по умолчанию), некоторые макеты изменяются на строку вкладок продукта над столбцом функции, в то время как другие сохраняют каждый столбец.Предварительно просмотрите таблицу в мобильном представлении Elementor, и уменьшите эту ширину, если представление с вкладками не подходит для вашей таблицы.
Должен ли я использовать сравнительную таблицу или таблицу цен?
Используйте Таблицу сравнения, когда посетителям необходимо сравнить одни и те же функции в нескольких вариантах. используйте таблицу цен, когда каждый план представляет собой короткую карту с ценой и несколькими функциями. Мастер-аддоны имеют бесплатную Таблица цен виджет для этого.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
![Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Дубликатор сообщений/страниц
