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