Виджет таблицы цен Elementor: Бесплатно, с 5 готовыми макетами
Таблица цен является бесплатным Мастер Аддоны виджет для карт плана здания в Элементор.Выберите один из 5 макетов, затем заполните заголовок, цена, список функций, кнопка и лента. каждая функция может иметь свой собственный значок и всплывающая подсказка, цена может показать первоначальную цену для продажи, и кнопка может ссылаться в любом месте или действовать как кнопка покупки Легкие цифровые загрузки Поставьте один виджет в каждом столбце и у вас есть страница цен.
Переключение ежемесячных и годовых цен
Виджет "Таблица цен" содержит одну цену за карту. Ежемесячный и годовой переход ниже исходит от Переключить виджет контента, который в Master Addons Pro. вы строите один набор карт с ежемесячными ценами и один с годовыми ценами, за исключением каждой в виде шаблона раздела, и переключатель показывает по одному набору за раз. на средней карте включен Основной стол и лента. наведите указатель на функцию, чтобы увидеть его всплывающую подсказку.
- Ежемесячно
- Ежегодно
Стартер
- 1 сайт
- Основные виджеты
- Поддержка электронной почты
- Обновления на год
- Библиотека шаблонов
Рост
- 5 сайтов
- Все виджеты
- Приоритетная поддержка
- Обновления на год
- Библиотека шаблонов
Агентство
- Неограниченные сайты
- Все виджеты
- Белая этикетка
- Обновления на год
- Библиотека шаблонов
Стартер
- 1 сайт
- Основные виджеты
- Поддержка электронной почты
- Обновления на год
- Библиотека шаблонов
Рост
- 5 сайтов
- Все виджеты
- Приоритетная поддержка
- Обновления на год
- Библиотека шаблонов
Агентство
- Неограниченные сайты
- Все виджеты
- Белая этикетка
- Обновления на год
- Библиотека шаблонов
Шаги настройки переключателя включены Переключить страницу "Содержимое". В годовых картах здесь используется переключатель "Распродажа", поэтому ежемесячные цены зачеркнуты.
Как добавить таблицу цен в Элементор
Сначала создайте один план, затем скопируйте его для остальных, чтобы строки функций выстроились в ряд.
- Добавьте контейнер или раздел с одной колонкой в плане Три плана - самая распространенная настройка.
- Поиск на панели виджетов для “Pricing Table” и перетащите виджет Master Addons в первый столбец.
- Выберите макет, затем заполните заголовок, цену, функции и кнопку нижнего колонтитула.
- Создайте стиль карты на вкладке "Стиль", продублируйте виджет в другие столбцы и измените детали плана.
- Включите стол с подсветкой и ленту для плана, который вы хотите, чтобы посетители выбрали.
Сохраняйте строки функций в одном и том же порядке в каждом столбце. Люди читают таблицы цен строка за строкой, поэтому смешанный порядок затрудняет сравнение планов.
Заголовок, цена, функции, кнопка и лента
Каждая часть карты имеет свои настройки Заголовок принимает значок, заголовок, субтитры и один из трех градиентных фонов, или ваши собственные цвета. цена имеет символ валюты из списка или пользовательский, переключатель Продажи с оригинальной ценой, и расчетный период Нижний колонтитул держит кнопку, ее ссылку или элемент Легкие цифровые загрузки, и короткую строку дополнительного текста, например, банкнота.
Виджет не имеет месячного и годового переключателя. Чтобы предложить оба периода выставления счетов, постройте два набора таблиц и поместите их в Переключить контент (Pro), который добавляет переключатель.
- Значок заголовка, заголовок, тег HTML, пресеты субтитров и градиентов.
- Символ валюты, цена продажи с первоначальной ценой и расчетный период.
- Кнопка со ссылкой или элементом "Легкие цифровые загрузки", а также дополнительный текст в нижнем колонтитуле.
Интерактивные списки функций с значками и подсказками
Каждая строка функций принимает текст, опциональный значок и опциональную всплывающую подсказку, которая открывается выше, ниже, слева или справа от функции. используйте всплывающую подсказку для получения подробной информации, которая могла бы заполнить список, например, “Extra сиденья стоят 5 долларов в месяц”.
- Значки ускоряют сканирование списков функций.
- Советы по инструментам объясняют ограничения или технические термины без добавления помех.
- Стиль текста функции, значков, разделителей и выравнивания на вкладке Стиль.
Форматирование цен, выделенные планы и ленты
Размер и вертикально выровнять символ валюты, дробную часть цены и исходную цену отдельно Включите Основной стол для плана, который вы хотите, чтобы люди выбрали, затем добавьте ленту с текстом, как “Popular” и установите его выравнивание, положение и вращение.
- Отдельный размер и положение для валюты, центов и первоначальной цены.
- Выделите стол, чтобы выделить один план.
- Лента с собственным текстом, выравниванием, положением и вращением.
Таблица цен Elementor Pro по сравнению с таблицей цен на основные дополнения
Виджет "Таблица цен" самого Elementor есть только в Elementor Pro. Вот как они сравниваются.
| Таблица цен Элементор Про | Таблица цен на главные дополнения | |
|---|---|---|
| Цена | Лицензия Элементор Про | Бесплатно |
| Макеты | Один | 5 |
| Подсказки функций | Нет | Да |
| Продажа и первоначальная цена | Да | Да |
| Лента | Да | Да |
| Кнопка "Легкие цифровые загрузки" | Нет | Да |
| Предустановки градиента заголовка | Нет | 3 |
Сравнение многих функций в планах? Таблица сравнения виджет (Pro) обрабатывает длинные списки функций лучше, чем отдельные карты.
Что делает и не делает виджет "Таблица цен"
Все, что отмечено Да, является управлением в панели виджетов Остальным нужен другой виджет или другая настройка.
| Особенность | В виджете? |
|---|---|
| Пять макетов: по умолчанию, содержимое, выравниваемое по левому краю, закругленная таблица, таблица с изображением BG, косой шаблон BG | Да |
| Выделенный план | Да, переключатель "Световый стол" |
| Лента со своим текстом, положением и вращением | Да |
| Цена продажи с зачеркнутой первоначальной ценой | Да |
| Символ валюты из списка или ваш собственный | Да |
| Текст расчетного периода | Да |
| Значок заголовка, заголовок, подзаголовок и три предустановки градиента | Да |
| Значки функций в строке | Да |
| Подсказки с размещением | Да |
| Кнопка, связанная с любым URL-адресом | Да |
| Кнопка покупки простых цифровых загрузок | Да |
| Изображение, градиент или видеофон за картой | Да |
| Ежемесячный и годовой переключение | Нет. Используйте Toggle Content (Pro) с двумя наборами карт |
| Кнопка добавления в корзину WooCommerce | Нет. Привязать кнопку к продукту или странице оформления заказа |
| Карты равного роста | Нет управления в виджете. Установите родительский контейнер в Выровнять элементы: Stretch |
| Матрица сравнения функций по планам | № Используйте виджет "Таблица сравнения" (Pro) |
Связанные виджеты: Таблица сравнения (Про), Переключить контент (Про), Динамическая таблица, Призыв к действию и Креативная кнопка.
Советы по дизайну ценового стола
Некоторые привычки облегчают чтение таблицы цен и облегчают покупку.
- Показать три плана. больше вариантов замедляют принятие решения.
- Поместите план, который вы хотите продать, посередине и выделите его.
- Сделайте цену самым большим текстом на карте.
- Сохраняйте ярлыки функций короткими и перемещайте детали в всплывающие подсказки.
- Используйте одну кнопку на карте и добавьте примечание о возврате денег в текст нижнего колонтитула, если вы его предлагаете.
Наш советы таблицы ценообразования вдавайтесь в подробности.
Часто задаваемые вопросы для таблицы цен
Могу ли я выделить свой наиболее рекомендуемый тарифный план?
Да. включите Основной стол в Содержание цен для этого плана, затем откройте раздел Лента, включите Показать и добавить текст, как “Popular”. Вы можете выравнивать, перемещать и вращать ленту и стилизовать ее цвета.
Работает ли кнопка нижнего колонтитула с плагинами электронной коммерции?
Да. включите легкую интеграцию цифровых загрузок в разделе "Футлер" и выберите элемент EDD, чтобы кнопка стала кнопкой покупки. Для WooCommerce или любого другого оформления заказа укажите ссылку на кнопку на странице продукта или оформления заказа.
Насколько настраиваем внешний вид списка функций?
Очень. функции получают свой собственный цвет текста, типографику, выравнивание, ширину и разделительные линии, и каждая строка может иметь свой собственный значок и всплывающую подсказку.
Есть ли у Elementor виджет таблицы бесплатных цен?
Виджет таблицы цен самого Elementor нуждается в Elementor Pro Виджет таблицы цен Master Addons не нуждается в Elementor Pro и работает с бесплатным плагином Elementor.
Могу ли я добавить ежемесячный и годовой переключатель?
Не внутри виджета таблицы цен, который держит одну цену за карту.Постройте два набора карт, сохраните каждый в виде шаблона раздела и поместите оба в a Переключить контент виджет (Master Addons Pro).Раздел переключения на этой странице показывает результат.
Могу ли я добавить фоновый шаблон или изображение в заголовок таблицы цен?
Да. выберите один из трех предустановок градиента в разделе Заголовок или выберите Настроить и установите свой собственный фон заголовка на вкладке Стиль. Таблица с BG Image и Skew BG Pattern макеты добавляют изображение или шаблон за столом.
Отзывчива ли таблица цен на мобильных устройствах?
Да. каждый план - это один виджет, поэтому поместите их в столбцы, и 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)
Дубликатор сообщений/страниц
