Параметры HTML шаблоны

Простые HTML-шаблоны вариантов

HTML-шаблон вариантов предоставляет готовый макет для отображения нескольких альтернатив рядом друг с другом, чтобы посетители сразу видели различия между ними. Многие из таких решений вообще не связаны со стоимостью. Интернет-магазин может перечислить несколько способов покупки одного товара, а консалтинговой компании может требоваться лишь то, чтобы пользователи выбрали удобный способ связи. Когда контент готов, дизайн экспортируется в виде HTML-файлов, которые можно разместить на собственном хостинге или передать разработчику.

Какой макет подходит для ваших вариантов

Тарифный план — лишь один из видов выбора, и сетка цен может выглядеть слишком строго для других задач. Распространенные типы вариантов обычно соотносятся со следующими макетами:

• Варианты членства или подписки отлично смотрятся в виде карточек, поскольку пользователи сопоставляют преимущества уровень за уровнем.
• Варианты покупки, такие как отдельный товар или комплект, удобно воспринимаются в виде ряда карточек с условиями под каждой из них.
• Варианты связи редко связаны с оплатой, поэтому компактного списка или нескольких равнозначных блоков с понятными действиями обычно достаточно.

Варианты цен со множеством общих параметров проще сопоставлять по колонкам, а Элемент Таблица в Nicepage поддерживает редактируемые строки, столбцы и кнопки со ссылками внутри ячеек. Однако на экране телефона шесть аккуратных столбцов могут потребовать горизонтальной прокрутки, поэтому карточки, расположенные друг под другом, часто оказываются более надежным решением.

От редактора к экспортированным файлам

Представленные здесь шаблоны доступны в виде полноценных страниц и отдельных блоков. Блок добавляет секцию с вариантами на уже существующую страницу, тогда как отдельная страница подходит для экрана, полностью построенного вокруг предлагаемого выбора. Названия, описания и кнопки редактируются в редакторе Nicepage. Затем страница экспортируется в HTML вместе с изображениями и скриптами, поэтому вам не придется писать код вручную. Переключателям и вкладкам требуются работающие ссылки или скрипты для смены отображаемого содержимого.

Представьте службу бытового ремонта, предлагающую выезд мастера, ремонт в мастерской и консультацию по телефону. Ни один из этих пунктов не требует обязательного указания цены, а кнопка с текстом «Узнать об определенной услуге» сообщает гораздо больше, чем простое «Выбрать». Отредактировав блоки и проверив мобильный макет, владелец экспортирует страницу на сервер, где уже размещен сайт компании.

Финальная проверка перед размещением на хостинге

Прежде чем страница станет доступна посетителям, протестируйте ее с реальным содержимым. Самое длинное название варианта должно свободно помещаться в карточке, а каждый выбор должен оставаться легко различимым на телефоне. Кнопки и ссылки требуют быстрой проверки после того, как файлы окажутся на сервере. Четкая структура заголовков и текстовые описания для важных иконок помогают пользователям, применяющим ассистивные технологии.