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

Опубликовано: 2019-07-24

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

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

Целевая страница - это страница, созданная с одной целью: генерировать конверсии. Вообще говоря, пользователь, посещающий эту страницу, заинтересован в том, что вы предлагаете. Создание эффективной целевой страницы - это искусство, потому что вам нужно будет учитывать различные аспекты, такие как дизайн и контент страницы. Если вы уже знаете, что такое целевая страница, и хотите использовать эту опцию в своей маркетинговой стратегии; мы собираемся объяснить, как вы можете добавить форму подписки Mailrelay на целевую страницу для сбора потенциальных клиентов и подписчиков.

Важное уточнение: в этом посте мы предполагаем, что вы уже создали форму подписки на Mailrelay и скопировали HTML-код, который вы будете использовать. Поэтому мы сосредоточимся на объяснении того, как интегрировать этот код в целевую страницу. Если вы не создали форму или не скопировали HTML-код, мы советуем вам проверить этот другой пост: Mailrelay V3 Subscription Forms.

  • 1 · Как добавить форму подписки на вашу целевую страницу в WordPress
    • 1.1 Вариант 1: Использование Elementor
    • 1.2 Вариант 2: Использование Divi
  • 2 · Как добавить форму подписки на целевую страницу без использования WordPress
  • 3 · Заключение
    • 3.1 Связанные сообщения:

Envia hasta 75.000 emails gratis!

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

Вариант 1. Использование Elementor

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

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

Попав в админ-панель WP, вы должны нажать на «страницы» и добавить новую.

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

Мы часто видим целевые страницы, на которых нет меню верхней панели. Это часто используется, когда мы хотим, чтобы посетитель сосредоточился только на содержании, а не «убегал », нажимая на любую другую ссылку. Это может быть особенно полезно на целевых страницах, созданных для интернет-кампаний.

Если вы хотите реализовать эту меру и удалить меню навигации на целевой странице, вам следует искать атрибуты в правом столбце. Как только вы найдете эту опцию, в разделе шаблонов выберите «Elementor Canva» и сохраните свою работу.

Elementor canvas

После этого откройте конструктор Elementor, нажмите « Редактировать с помощью Elementor» и начните создавать свою целевую страницу в соответствии со структурой, которую вы хотите использовать.

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

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

formulario de suscripcion a una landing page de WordPress

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

 Usando Elementor

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

Opcion 2: Usando Divi

Вариант 2: Использование Divi

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

Divi в настоящее время является платным инструментом Premium и доступен как шаблон и как визуальный конструктор для WordPress. Если ваш сайт был создан с использованием этого шаблона или вы установили плагин Divi Builder, продолжайте читать, поскольку мы покажем вам шаг за шагом, как добавить форму подписки на целевую страницу с помощью Divi. Давайте начнем?

Шаги очень похожи на те, которые мы видели в предыдущем руководстве, поэтому процесс, которому мы будем следовать, будет очень похож на то, что мы видели с Elementor.

Сначала зайдем в раздел Pages и нажмем «добавить новый».

После перехода на новую страницу мы приступим к редактированию основных настроек. Если, как и в предыдущем случае, вы хотите удалить верхнюю панель своей целевой страницы, вам следует найти параметр «шаблон» в правом столбце и нажать «пустая страница».

Таким образом, мы сообщим WordPress, что не хотим отображать верхние панели в этом конкретном разделе сайта. Интересно, правда?

Opcion 2: Usando Divi

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

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

После того, как вы настроили свою целевую страницу, пришло время вставить форму подписки Mailrelay. В этом случае нам нужно будет найти модуль «Код» на правой панели Divi и вставить его в нужный столбец или раздел. После этого плагин откроет окно с полем, в которое мы можем вставить HTML-код, сгенерированный Mailrelay. Если вы еще не создавали HTML-форму, сгенерируйте ее сейчас.

construir nuestra landing page

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

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

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

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

Хотя WordPress является одной из наиболее часто используемых CMS для создания веб-сайтов, вы можете создать свою целевую страницу без использования этой платформы. Однако, если вы не работаете с WP, мы порекомендуем некоторые инструменты, которые вы можете использовать для быстрого создания собственной целевой страницы.

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

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

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

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

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

Здесь у вас будет несколько вариантов. Для этого урока мы выберем первую: «Стандартная страница».

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

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

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

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

После редактирования макета вам нужно будет вставить форму. Если вы отметите вверху, вы увидите несколько вариантов. Чтобы добавить форму, нажмите «HTML».

deberemos escoger el bloque que dice “HTML”.

Плагин отобразит поле, которое вы можете разместить где угодно. Обратите внимание, что это поле соответствует форме, поэтому вы должны разместить его там, где вы хотите отображать форму. Чтобы ввести HTML-код, щелкните поле и выберите кнопку «Изменить» .

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

Поле будет пустым, и вы сможете ввести код. Вставьте HTML-форму Mailrelay и нажмите «Готово». Если вы выполнили все шаги правильно, вы увидите, как будет отображаться ваша форма.

Pegaremos el HTML de Mailrelay y haremos clic sobre el boton “done”

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

Наконец, вы должны нажать кнопку «Сохранить» в правом верхнем углу экрана.

После сохранения изменений вам необходимо будет опубликовать страницу. Для этого щелкните страницу, которую хотите опубликовать, и в следующем окне найдите кнопку «Опубликовать» и щелкните по ней.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

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

Para publicar de manera definitiva deberas configurar la URL de tu pagina

Если вы работаете с WordPress, вы можете выбрать этот вариант и, следуя инструкциям на экране, опубликовать страницу. Если вы не используете WordPress, вам следует нажать на первую опцию «Пользовательский домен» и следовать инструкциям по настройке вашего домена.

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

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

· Заключение

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

Фактически, это широко используемый инструмент для сбора данных и создания списков рассылки. Стратегии получения этой информации могут сильно различаться, хотя большинство веб-мастеров предпочитают предлагать «подарок» или «приманку» в обмен на данные. Какой подарок я могу предложить? Вы можете создать учебник, мини-курс, руководство. Это будет зависеть от вашей стратегии продаж.

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

Вы когда-нибудь использовали целевую страницу для привлечения клиентов? Считаете ли вы это полезным?

Cristina Aguayo