Какие инструменты доступны в редакторе лендингов?

Как только вы начнете создавать свой лендинг, вы сможете настроить его так, чтобы он лучше соответствовал вашим потребностям. Вот несколько вещей, которые вы сможете добавить и настроить в редакторе лендингов GetResponse:

• Секция
• Текст
• Изображение
• Кнопка
• Видео
• Разделитель
• Пробел
• Иконки социальных сетей
• Пользовательский код
• Галерея
• Таймер
• Форма
• Всплывающее окно
• Форма регистрации на вебинар
• Коробка с продуктом
• Блок с курсом и оглавление

Секции

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

Секции имеют две основные функции:

• Организуют элементы в логические группы.
• Позволяют легко управлять контентом.

Большинство наших шаблонов лендингов состоит из секций. Вы также можете добавить дополнительные секции в ваш шаблон.

Узнайте больше о том, как использовать секции в редакторе лендингов.

Текст

Вы можете добавить новый текстовый блок с панели инструментов или отредактировать текст, который уже есть в шаблоне. Кликните по тексту или текстовому блоку, чтобы внести изменения. Опции редактирования включают:

• Тип
• Шрифт
• Размер шрифта
• Стиль шрифта
• Цвет шрифта
• Цвет фона
• Выравнивание
• Высота строки
• Стиль списка
• Гиперссылка
• Эмодзи
• Настройки блока (цвет, отступы, рамка, радиус, тень и фоновая медиа)

Изображение

В GetResponse вы найдете различные изображения, которые можно использовать, или можете загрузить свои собственные графики (изображения или GIF) с вашего компьютера или по URL. После вставки изображения, кликните по нему, чтобы увидеть дополнительные опции редактирования. Среди них:

• Альтернативный текст
• Ссылка для перехода
• Ширина и высота
• Масштабирование до полной ширины экрана на мобильных устройствах
• Непрозрачность
• Выравнивание
• Дополнительные настройки (рамка, радиус, тень)
• Настройки блока (цвет, отступы, рамка, радиус и тень)

Вы также можете заменить или отредактировать изображение с помощью встроенного фоторедактора прямо в редакторе лендингов. Чтобы заменить изображение, нажмите кнопку Заменить и выберите другое. Чтобы отредактировать изображение, нажмите кнопку Редактировать.

Изображение показывает, как можно заменить или отредактировать изображения в редакторе лендингов. В редакторе вы можете обрезать, изменять размер, настраивать и трансформировать изображение. Вы также можете добавить фильтры, наложения, наклейки и текст.

После завершения редактирования нажмите ссылку Сохранить, чтобы сохранить отредактированную версию изображения.

Кнопка

Если вы хотите добавить ссылку на другой сайт, номер телефона, PDF-документ и т.д., вы можете использовать кнопку. Кликните по кнопке, чтобы настроить следующие параметры:

• Текст кнопки
• Тип ссылки
• URL
• Как должна открываться ссылка?
• Стиль
• Форма
• Размер
• Выравнивание
• Дополнительные настройки (радиус, тень)
• Настройки блока (цвет, отступы, рамка, радиус и тень)

Видео

Вы можете вставить видео с платформ видео-хостинга, таких как YouTube, прямо на ваш лендинг. После того как вы перетащите блок с видео на страницу, кликните по нему и укажите URL видео. После этого вы сможете настроить следующие параметры:

• Автовоспроизведение с выключенным звуком — видео начнется автоматически при загрузке страницы (не все браузеры поддерживают автовоспроизведение)
• Без звука — включить режим без звука по умолчанию
• Зацикливание — видео будет воспроизводиться в цикле
• Управление — показывать или скрывать стандартные элементы управления, предоставляемые платформой видео
• Ширина и высота
• Масштабирование до полной ширины экрана на мобильных устройствах
• Выравнивание
• Дополнительные настройки (рамка, радиус, тень)
• Настройки блока (цвет, отступы, рамка, радиус и тень)

Узнайте больше о том, как добавить видео на лендинги.

Разделитель

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

• Макет (горизонтальный или вертикальный)
• Стиль
• Высота
• Выравнивание
• Настройки блока (цвет, отступы, рамка, радиус и тень)

Пробел

Используйте пробелы, чтобы добавить дополнительное пространство между объектами на вашем лендинге. Это поможет вам направить внимание посетителей на важные области и предоставит больше вариантов для дизайна страницы. Вы можете настроить следующие параметры:

• Цвет
• Рамка
• Радиус
• Тень

Иконки социальных сетей

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

• Действие — что должно происходить при нажатии на одну из иконок социальных сетей
• Платформы социальных сетей
• Стиль
• Макет (горизонтальный или вертикальный)
• Выравнивание
• Цвет
• Размер
• Расстояние
• Настройки блока (цвет, отступы, рамка, радиус и тень)

Узнайте больше о том, как добавить иконки социальных сетей на ваш лендинг.

Пользовательский код

Вы можете добавить свой собственный HTML-код, форматирование CSS и JavaScript на ваш лендинг с помощью элемента Пользовательский код.

Узнайте больше о том, как добавить пользовательский код

Галерея

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

• Изображения, отображаемые в галерее
• Стиль отображения (мейсонри, сетка или слайд-шоу)
• Ширина и высота (для стиля отображения слайд-шоу)
• Размер изображений (для стилей отображения сетки и мейсонри)
• Горизонтальные и вертикальные промежутки между изображениями (для стилей отображения сетки и мейсонри)
• Дополнительные настройки (рамка, радиус и тень)
• Настройки блока (цвет, отступы, рамка, радиус и тень)

Таймер

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

Для этого элемента можно настроить:

• Тип (вечный или фиксированная дата)
• Длительность отсчета
• Формат
• Дизайн счетчика (шрифт, размер шрифта, стиль шрифта, цвет шрифта, цвет фона, отступы, рамка, радиус)
• Дизайн метки (шрифт, размер шрифта, стиль шрифта, цвет шрифта и переключатель отображения меток)
• Настройки блока (цвет, отступы, рамка, радиус и тень)

Узнайте больше о том, как использовать таймеры в редакторе лендингов.

Форма

В редакторе лендингов вы можете встраивать два типа форм:

• Формы регистрации — они позволяют превращать посетителей в подписчиков и увеличивать онлайн-охват вашего бизнеса.
• Контактные формы — они позволяют вашим посетителям оставлять сообщения и задавать вопросы. Вы сможете отвечать через чат или вручную через электронную почту или телефон.

Здесь вы можете найти больше информации о различиях между контактными и регистрационными формами.

Всплывающее окно

Добавление всплывающих окон на ваш лендинг может мотивировать клиентов

к определенным действиям. Всплывающие окна могут включать формы регистрации или использоваться для продвижения распродаж и мероприятий. Для всплывающих окон можно настроить:

• Размер
• Позиция
• Триггер
• Время появления
• Частота появления
• Настройки блока (цвет, отступы, рамка, радиус, тень, наложение и цвет наложения)

Нажмите здесь, чтобы узнать больше о всплывающих окнах в редакторе лендингов.

Форма регистрации на вебинар

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

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

• Заголовок вебинара
• Дата и время
• Настройки формы
• Настройки блока (цвет, отступы, рамка, радиус и тень)

Здесь вы можете найти больше информации о формах регистрации на вебинар.

Блок с продуктом

Теперь вы можете добавить коробки с продуктами на ваш лендинг, чтобы предоставить быстрый доступ и стимулировать большее вовлечение ваших посетителей.

Чтобы использовать эту функцию, вам нужно подключить свой магазин к GetResponse или создать новый магазин в нашей системе. После этого вы сможете выбрать конкретные продукты для отображения, а также настроить параметры коробки с продуктом, включая:

• Настройки отображения
• Дизайн карточки товара
• Настройки блока (цвет, отступы, рамка, радиус и тень)

Узнайте больше о добавлении коробки с продуктом на ваш лендинг.

Блок с курсами

Теперь вы можете продвигать курсы на ваших лендингах, используя блоки C курсом и Оглавление.

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

Дополнительную информацию о этих блоках курсов можно найти здесь.

Инструкция для лендингов версии legacy

Внутри рабочего пространства редактора лендингов вы можете настраивать страницу таким образом, чтобы она максимально соответствовала вашим потребностям. Вот несколько элементов, которые вы можете добавлять и изменять в редакторе лендингов GetResponse.

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

Фон

Если вы хотите изменить фон шаблона, кликните по нему два раза, чтобы увидеть опции редактирования.

• полный цвет
• градиент
• другое изображение. Если вы выбираете изображение, вы можете выбрать, как разместить его внутри секции.
  
  

  

Граница и тень

Для каждого элемента, который вы добавляете или редактируете, можно установить границу и/или тень. Это хороший способ позволить элементу выделиться, когда к нему необходимо привлечь особое внимание.

Для границы вы можете настроить:

• стиль
• размер
• цвет
• радиус

Для тени вы можете настроить:

• цвет
• направление
• дистанцию
• рассеивание
• размытие
  

  

Секции

У секций есть две основные функции:

• Они помогают организовать элементы в логичные группы.
• Они упрощают управление контентом на странице.

Большинство наших шаблонов лендингов состоит из секций. Вы можете добавлять к шаблону собственные секции.

Узнайте больше о том, как можно использовать секции в нашем редакторе лендингов.

Текст

Вы можете либо добавить новое текстовое поле из панели, либо отредактировать уже существующие в шаблоне текстовые блоки. Кликните два раза текст или текстовое поле, чтобы внести изменения. Опции редактирования включают:

• шрифт
• размер шрифта
• цвет шрифта
• фон текста
• расстояние между строчками
• жирность
• курсив
• подчеркивание
• зачёркивание
• выравнивание (по левому краю, по центру, по правому краю)
• маркеры
• пронумерованный список
• гиперссылка
• тень
  

Изображение

В GetResponse вам доступен выбор из множества доступных стоковых изображений, вы также можете загружать собственную графику (изображения или GIF-анимацию) со своего компьютера или через URL. После добавления изображения, кликните его два раза, чтобы перейти к опциям редактирования. Они включают в себя:

• масштаб
• границу
• тень
• гиперссылку

Вы также можете использовать одну из продвинутых функций редактирования, например:

• фильтр
• закрепление
• ориентацию
• изменение размера
• обрезку
• добавление текста
• рисование
• корректировку

Кнопка

Если вы хотите добавить ссылку на другой сайт, видео, PDF-документ и пр., вы можете использовать кнопку. Кликните кнопку два раза, чтобы редактировать следующие параметры:

• размер
• шрифт текста кнопки
• размер шрифта
• цвет шрифта
• жирность
• курсив
• подчёркивание
• зачёркивание
• гиперссылку
• тень
• цвет кнопки
• границу и тень

Гиперссылка

Такие элементы, как текстовые блоки, блоки с изображениями и кнопки, имеют возможность добавления к ним гиперссылок. Чтобы перейти к этой настройке, кликните элемент два раза и выберите иконку гиперссылки. После этого вы сможете выбрать один из нескольких разных типов ссылок:

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

Форма

Некоторые шаблоны уже включают в себя форму подписки. В противном случае вы можете добавить форму из панели инструментов. Вы можете выбрать статичную или всплывающую форму.

Два раза кликните статичную форму подписки, чтобы перейти к дополнительным опциям редактирования:

• кликните форму, поля или кнопку, чтобы изменить текст и форматирование
• кликните форму два раза, чтобы добавить дополнительные настраиваемые или поля согласия. Настраиваемые поля позволяют собирать информацию о контактах. Поля согласия позволяют контактам дать своё согласие на ваши политики маркетинга или обработки информации при подписке.

Чтобы добавить новые поля, кликните иконку полей вебформы.

Затем выберите вкладку с Настраиваемыми полями и выберите поля, которые хотите использовать. Кликните вкладку с полями согласия чтобы такие поля, созданные в вашем аккаунте. Выберите поля, которые необходимо добавить в форму.

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

Фигура

Фигуры могут помочь добавить визуальные разделительные маркеры, привлечь внимание к конкретным секциям страницы или создать рамки для каких-либо элементов. Вы можете выбрать одну из перечисленных фигур:

• круг
• прямоугольник
• горизонтальная или вертикальная линия

Кликните фигуру два раза, чтобы редактировать её фон, границу и тень.

Вебинар

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

Узнайте больше о добавлении вебинаров на свой лендинг.

Видео

Вы можете встраивать видео с таких платформ, как YouTube, напрямую в свою страницу. После того, как вы перенесли видео блок на страницу, кликните по нему два раза чтобы настроить:

• URL видео
• границу и тень
• настройки отображения видео

Узнайте больше о том, как добавлять видео на свои лендинги.

Иконки социальных сетей

Эти иконки позволяют посетителям страницы поделиться ей на своих страницах в социальных сетях и таким образом привести новых посетителей на ваш лендинг. Редактировать их невозможно.

Кнопки социальных сетей не могут использоваться как ссылки на ваши профили в этих сетях. Если вы хотите дать ссылку на свои профили, вам необходимо добавить изображения с логотипами этих сетей и добавить к ним гиперссылки.

Кнопка PayPal

Мы предлагаем интеграцию с PayPal, чтобы вам было ещё проще продавать продукты с помощью лендингов. Узнайте больше об интеграции, а также о том, как использовать кнопку.

Собственный код

Если вы являетесь продвинутым пользователем, вы можете использовать блок собственного кода, чтобы добавлять функции, которые иначе недоступны на панели инструментов.

Узнайте больше о том, как добавить собственный код на лендинг.

Таймер обратного отсчёта

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

Узнайте больше о том, как использовать таймер обратного отсчёта.

Настройки SEO

Нажмите иконку настроек, чтобы выбрать, как страница будет отображаться при поиске, а также когда ей будут делится.

Вы можете настроить следующее:

Предпросмотр

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