Настройка внешнего вида страницы тарифных планов
3 мин. чтения
Настройте внешний вид страницы тарифных планов, чтобы она соответствовала стилю сайта и демонстрировала преимущества предлагаемых планов.
Поощряйте посетителей приобретать планы с помощью настраиваемых макетов. Вы также можете добавить стилизованные кнопки и ленточки, отформатировать текст и настроить фон и цветовую схему.
![Screenshot showing the pricing plans page on a live site with a custom color scheme.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/06/16/be2472f9-c7ad-4e06-ae72-d6013b3cbb4d/7261728f-0226-442d-a952-706df130769b.png)
Содержание:
- Настройка макета
- Настройка отображаемой информации
- Персонализация текста, отображаемого в планах
- Настройка дизайна планов
Примечание
Мы не рекомендуем добавлять какие-либо элементы на страницу Планы и цены. Если вы добавляете элементы, они автоматически появляются при оформлении заказа, скрывают важную информацию и мешают процессу.
Настройка макета планов
Настройте макеты для тарифных планов таким образом, чтобы восприятие информации было максимально простым и четким. Это поможет посетителям сравнить ваши планы и понять их преимущества.
Чтобы настроить макет:
- Перейдите на страницу тарифных планов в редакторе.
- Нажмите в любом месте страницы.
- Нажмите Настроить
- Нажмите Макет.
- Настройте макет, используя следующие параметры:
- Расположение текста: выберите выравнивание для заголовка страницы, подзаголовка и дисклеймера.
- Отступы карточки плана: используйте ползунки, чтобы установить расстояние между элементами на карточках плана и придать им закругленные края, используя параметр закругления углов.
- Расположение описания плана: настройте выравнивание описания плана.
- Макет преимуществ : выберите стиль маркера, выравнивание и межстрочный интервал для преимуществ плана.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2022/04/11/e2e49dea-e192-4ae7-a8d6-eb8a59967aff/34195247-6327-40a8-b43c-b5fab2ebea3f.png)
Настройка отображения информации в тарифных планах
Отображайте только ту информацию, которая вам нужна, чтобы проинформировать клиентов о ваших тарифных планах. На вкладке Показать вы можете выделить конкретные тарифные планы, включить или выключить отображение заголовков и подзаголовков, и многое другое.
Чтобы настроить отображение планов:
- Выберите элемент Тарифные планы в редакторе.
- Нажмите Настроить
- Нажмите Показать.
- Настройте отображение, используя следующие параметры:
- О тарифном плане: выберите, какую информацию о тарифных планах отображать, установив флажки в следующих пунктах: заголовок страницы, подзаголовок страницы, название плана, подзаголовок плана и преимущества плана.
- Выделенный план: используйте переключатели, чтобы выделить план и добавить ленточку.
- Дисклеймер об автопродлении: включите переключатель Показать дисклеймер, чтобы отобразить любые соответствующие условия и положения, с которыми клиенты могут ознакомиться перед покупкой плана. Когда этот параметр включен, вы сможете добавить необходимый текст в поле Текст предупреждения.
![Screenshot of the Pricing Plans display settings tab, showing a highlighted plan with a ribbon.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/06/16/36f82d17-fe7d-4d0c-96db-b9ef9316901a/5db06488-1913-420a-8b8b-2cd882d61448.png)
Настройка текста в тарифных планах
Используйте вкладку Текст, чтобы написать текст для следующих частей текстовых элементов тарифного плана: заголовок страницы, подзаголовок страницы, кнопка выбора плана, кнопка бесплатного пробного периода и ленточка.
Чтобы настроить текст:
- Выберите элемент Тарифные планы в редакторе.
- Нажмите Настроить
- Нажмите на вкладку Текст.
- Введите желаемый текст в соответствующие поля (например, заголовок, кнопка и т. д.)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2022/04/11/13a4887b-4513-4103-8074-c70d7711408c/4da480d2-59f9-4fd2-8ce9-dba0da405856.png)
Настройка дизайна планов
Настройте дизайн тарифных планов во вкладке Дизайн, чтобы подчеркнуть индивидуальность вашего сайта. Выберите новый фон, отформатируйте текст, стилизуйте кнопки и добавьте ленточки, чтобы предлагать клиентам выгодные тарифы.
Чтобы настроить дизайн:
- Перейдите на страницу тарифных планов в редакторе.
- Нажмите в любом месте страницы.
- Нажмите Настроить.
- Нажмите Дизайн.
- Настройте дизайн, используя следующие параметры:
- Фон и граница: выберите цвет и перетащите ползунок, чтобы изменить прозрачность фона, карточек плана, преимуществ и разделителей.
- Стиль текста: выберите шрифт и цвет для каждого фрагмента текста, который отображается на карточках плана.
- Кнопка: выберите стиль, шрифт, цвет, ширину границы и прозрачность кнопки карточки плана.
- Ленточка: выберите шрифт, цвет, прозрачность и цвет фона, ширину и цвет границы для выделенной ленточки плана.
Совет
Перейдите во вкладку Выделенный в каждом из разделов выше, чтобы настроить выделенный план. Вы также можете нажать Восстановить исходный дизайн в любое время, чтобы начать с самого начала.
![Screenshot showing how to customize the Pricing Plan widget's design in the editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/06/16/b03568bb-40ec-4877-a9b5-b4b4bf4cd620/2356a0ab-25ee-45f3-bfef-526d12d177d8.png)