Блог Анфисы Бреус

Мастер-класс #7: Создание страниц: для подписки, «Спасибо», с ссылкой для скачивания PDF файла. Подключение формы подписки к Email сервису рассылок.

Создание страницы подписки на получение бесплатного PDF файла

1. Создание строки с фоном. Элементы — заголовок, текст, список, форма подписки
2. Создание строки «Для кого PDF отчет»
3. Строка «Что узнаете из PDF»
4. Строка «Как получить PDF»
5. Строка Автор PDF файла
6. Строка «Призыв к действию, с кнопкой Получить доступ (с всплывающим окном с формой подписки)

Создание страницы «Спасибо» (страница открывается после подписки)

1. Создание строки с пошаговой инструкцией, что нужно сделать, чтобы получить PDF файл (подтверждение подписки)

Создание страницы с ссылкой для скачивания PDF файла

1. Уровень с благодарностью
2. Строка с ссылкой для скачивания PDF файла

Подключение формы подписки

1. Создание формы подписки к Email сервису рассылок (на примере Getresponse)
2. Создание письма с ссылкой для скачивания
3. Подключение формы подписки к форме на лендинге

Предисловие
Читать далее »

Мастер-класс #6: Элементы (часть 3)

1. Как с помощью графики подчеркните шаги заказа (Шаги заказа в графическом представлении)
2. Как добавить кнопки Поделиться (Кнопки Поделиться)
3. Как добавить на продающую страницу и ссылку на страницу Подробнее (Элементы тура)
4. Как добавить аудиозапись Аудиоплеер
5. Как добавить ссылку Гиперссылка
6. Как разделить колонку на 2 части и добавить текст в виде 2 колонок
7. Как добавить призыв к действию Блок заказа
8. Как добавить блок с правилами и условиями Правила и условия
9. Как добавить файл для скачивания Файлы для загрузки
10. Как добавить дату и время проведения вебинара Дата & Время
11. Как добавить комментарии фейсбук Комментарии Facebook
12. Как добавить комментарии WordPress Комментарии WordPress
13. Как добавить панель прогресса Панель прогресса
14. Как добавить меню воронки Меню для запуска
15. Как добавить произвольный HTML код
16. Как добавить JavaScript на страницу

Читать далее »

Мастер-класс #5: Элементы (часть 2).

1. Как добавить блоки с описанием курса (элемент «Блок описания курса»)
2. Как добавить выделенные блоки со особым стилем (элемент «Блок с особенным стилем»)
3. Как создавать выделенные блоки с особым стилем (элемент «Конструктор стилизованных блоков»)
4. Как добавить шаги-описание, чтобы представить этапы процесса (элемент «Шаги в графическом представлении»)
5. Как добавить кнопку Кнопка
6. Как добавить таймер обратного отчета Таймер обратного отсчета
7. Как добавить форму подписки Форма подписки
8. Как добавить графические стрелки-указатели Стрелки
9. Как добавить изображение, при клике на которое всплывает предупреждение Изображение с всплывающим окном
10. Как добавить отзывы Отзывы
11. Как добавить вопросы и ответы Вопросы-ответы
12. Как добавить блоки с выпадающем контентом (Выпадающий контент)
13. Как добавить вкладки Вкладки
14. Как добавить цену (Цены)
15. Как добавить таблицу цен (Таблица цен)
16. Как добавить popup окно (OverlayOptimizer)

Читать далее »

Мастер-класс #4:  Элементы (часть 1)

1. Обзор работы с элементами OptimizePress
2. Как добавить элемент
3. Как редактировать элемент
4. Как клонировать элемент
5. Как переносить элементы
6. Как настроить элемент
7. Как удалить элемент
8. Как добавить заголовок (элемент «Заголовок»)
9. Как добавить текст (элемент «Текстовый блок»)
10. Как добавить список выгод (элемент «Список»)
11. Как добавить Изображение (элемент «Изображение»)
12. Как добавить видео (элемент «Видеоплеер»)
13. Как добавить изображение при клике на которое всплывает окно с видео (элемент «Видео — Обложка & Лайтбокс»)
14. Как добавить кнопку при клике на которую появляется видео на весь экран (элемент «Полноэкранный режим для видеоплеера»)
15. Как добавить изображение с одной стороны и текст с другой (элемент «Текст с изображением »)
16. Как добавить отступы между строками и над/под элементами (элемент «Вертикальный отступ»)
17. Как добавить горизонтальные разделители (элемент «Разделитель» )
18. Как добавить блоки с иконками и текстом для описания выгод, особенностей товара, перечисление спикеров и т.д. (элемент «Особенности товара/услуги»)

Читать далее »

Мастер-класс #3: Строки в LiveEditor.

1. Обзор редактора (уровня)
2. Как добавить строку
3. Как перемещать строку
4. Как клонировать строку
5. Как копировать строку
6. Как удалить строку
7. Как редактировать строку
8. Как сделать строку на всю ширину
9. Как зафиксировать строку вверху или внизу
10. Как отключить показ строки на мобильных устройствах
11. Как вставить код (HTML) или shortcode до и после строки
12. Как добавить класс стилей CSS к строке (для создание своих стилей)
13. Как задать цветовой фон строки
14. Как сделать фон строки в виде градиента
15. Как добавить фоновый уголок внизу фона
16. Как добавить отступы сверху и снизу строки
17. Как сделать границу вокруг строки
18. Как добавить фон строки в виде изображения
19. Как сделать фон с параллакс эффектом (неравномерное по скорости движение фона сайта)
20. Как наложить цвет на фоновое изображение
21. Как добавить появление строки с задержкой (эффект анимации)
22. Как сделать фон строки в виде сменяющегося цвета

Читать далее »

Мастер-класс #2: Обзор LiveEditor, cоздание и настройка страницы, выбор и загрузка шаблона.

1. Как создать страницу
2. Обзор шаблонов
3. Как посмотреть шаблон
4. Как выбрать шаблон для использования
5. Как загрузить шаблон из MarketPlace
6. Обзор инструментов LiveEditor
7. Как сохранить страницу
8. Как посмотреть страницу (как она выглядит на сайте)
9. Как отключить элементы редактирования в редакторе
10. Как сохранить страницу как шаблон
11. Настройки макета
12. Как активировать и настроить шапку страницы
13. Как установить и настроить меню над шапкой
14. Как установить и настроить меню под шапкой
15. Как установить и настроить меню справа от того
16. Как установить дополнительный заголовок
17. Как активировать и настроить текст и меню в футере
18. Как настроить цветовую гамму страницы
19. Как настроить шрифты страницы
20. Как настроить SEO страницы
21. Где подключать сторонние коды к странице

Читать далее »

Серия мастер-классов Анфисы Бреус «Полное руководство по созданию лендингов на OptimizePress».

Мастер — класс #1: Покупка, установка, русификация и настройка OptimizePress.

1. Как купить плагин OptimizePress
2. Как зайти в личный кабинет OptimizePress
3. Как скачать плагин OptimizePress
4. Как подготовить WordPress перед установкой OptimizePress
5. Как установить OptimizePress плагин
6. Как русифицировать плагин
7. Как активировать лицензию
8. Настройки плагина
9. Как установить логотип для страниц
10. Как загрузить фавикон
11. Как написать текст в футер
12. Как сделать меню в футер
13. Как подключить SEO
14. Как подключить авто сохранение
15. Как подключить партнерскую ссылку OptimizePress
16. Вставка произвольного кода CSS
17. Настройка шрифтов для текста и заголовков
18. Как подключить FancyBox
19. Вставка кода Google Analytics и Яндекс Метрика
20. Как подключить сервис рассылок (Getresponse)
21. Как подключить API Facebook и Twitter
22. Проверка совместимости и исправление ошибок

Читать далее »