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

  Автор:
  4 комментария
  2210
Создание продающей страницы для продажи инфопродукта/курса/ тренинга.

Мастер — класс #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.
 


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

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

   1 голос
Средняя оценка: 5 из 5
Если Вам понравилась статья и Вы нашли её полезной, поделитесь ею в соцсетях! Нажмите на кнопки ниже, чтобы сделать это прямо сейчас.

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик шаблона "AB-Inspiration" для самостоятельной и профессиональной настройки сайтов на WordPress для бизнеса. Основатель клуба "Мастер WordPress" и автор эксклюзивных курсов по WordPress. Фрилансер. Спикер.