OptimizePress 2.5. Мастер — класс #8. Создание продающей страницы.

Мастер — класс #8. Создание продающей страницы для продажи инфопродукта/курса/ тренинга.

1. Строка с заголовком и описанием инфопродукта
2. Строка с описанием проблемы
3. Строка «Для кого инфопродукт»
4. Строка «Что получите после прохождения»
5. Строка «Нас рекомендуют/Что о нас говорят» (отзывы)
6. Строка «Преимущества инфопродукта»
7. Строка призыв к действию с кнопкой «Принять участие»
8. Строка «Программа инфопродукта»
9. Строка «Автор инфопродукта»
10. Строка «В результате вы получите»
11. Строка с прайсом
12. Строка «Как будет проходить»
13. Строка «Отзывы»
14. Строка «Результаты учеников»
15. Строка «Частые вопросы»
16. Строка «Призыв к действию»
17. Создание фиксированной шапки с меню и логотипом
18. Меню с переходами на строки страницы
19. Нижняя часть страницы (копирайт и политика конфиденциальности)

Стили, которые использовали на мастер-классе:

/*! круглые изображения в строке "Для кого..." */
.round-image img {
border-radius:50%;
}

/*! фиксированная шапка с прозрачным фоном */
.banner {
padding: 20px 0px;
background:rgba(231, 230, 236,.5) !important;
position:fixed;
width:100%;
top:0;
}


/*! Увеличение ширины шапки (смотрится лучше) */
@media screen and (min-width: 1170px) {
.banner .fixed-width{width:97%; max-width: 1170px;}
.container .eight.columns{width:31%;}
.container .sixteen.columns{width:64%;}
}

/*! увеличение ширины колонок для тарифов с ценой (созданы с помощью конструктора стилизованных блоков) */
.price-table .cols {margin:0px !important}
.price-table .one-third.column.cols.narrow {width:320px !important}
.price-table .popular {box-shadow: 1px 1px 1px #eaeaea}

/*! Размер шрифта в выпадающем контенте (в строке "Частые вопросы") */
.toggle-panel .toggle-panel-toggle-text, .toggle-panel-toggle-text {font-size:16px;}

Номера цветов, которые использовались в мастер-классе:

#3c4766 — темно-синий
#fe8f92 — розовый
#f2f2f2 — светло-серый (для фона строк)

Перейдите по ссылке и узнайте больше о OptimizePress для создания лендингов и маркетинговых воронок для сайтов на WordPress.
 

Вернутся к содержанию мастер-классов