Как настроить действие «Успех» в форме подписки на электронную почту Divi

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

Давайте начнем.

Предварительный просмотр

Во-первых, давайте посмотрим, как наше сообщение об успехе Divi будет отображаться на настольных компьютерах и телефонах.

Рабочий стол

Телефон

Область сообщения успеха Divi

Чтобы найти область сообщения об успешном завершении Divi в модуле подписки по электронной почте, сначала откройте настройки модуля, щелкнув серый значок шестеренки , который появляется при наведении курсора на модуль.

Настройки модуля открываются на вкладке Content . Здесь вы найдете настройки для текста, учетной записи электронной почты, полей, успешного действия, защиты от спама, ссылки, фона и метки администратора.

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

Показать сообщение об успехе Divi

Отобразить сообщение — это действие по умолчанию, поэтому нам не нужно вносить изменения в настройки действия. Мы можем перейти к полю сообщения . Чтобы отобразить собственное сообщение, просто введите текст в поле «Сообщение». Сообщение по умолчанию — Успех! Это будет отображаться до тех пор, пока вы не введете новое сообщение в поле.

Теперь, когда кто-то подписывается на вашу электронную почту, поля и кнопка в форме заменяются сообщением об успешном завершении. Форма по-прежнему включает заголовок и описание, как обычно, как вы можете видеть в примере ниже.

Альтернативный вариант: перенаправление на пользовательский URL

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

• Действие: перенаправить на пользовательский URL

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

Стиль сообщения об успехе Divi

Когда вы выбираете «Отобразить сообщение», вы можете стилизовать это сообщение, используя инструменты стиля Divi в модуле подписки электронной почты. В нашем примере я буду использовать раздел подписки по электронной почте из бесплатного пакета макетов Stone Factory, доступного в Divi. Заголовок и описание для этого раздела были созданы с помощью текстовых модулей. Мы будем использовать настройки из заголовка.

Вот посмотрите на сообщение об успехе Divi, которое отображается для этого макета. Это сообщение и стиль по умолчанию.

Мы добавим пользовательское сообщение об успехе Divi и стилизуем его с помощью дизайнерских подсказок из этого макета.

Добавьте пользовательское сообщение об успехе Divi

Во-первых, давайте заменим сообщение по умолчанию одним из наших собственных. Откройте настройки модуля optin , прокрутите вниз до пункта Success Action и введите текст в поле Message . Я вступаю Спасибо за подписку!

• Сообщение: Спасибо за подписку!

Добавьте стиль сообщения об успехе Divi

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

Измените шрифт на DM Serif Display, стиль на курсив и цвет на #a77b51.

• Шрифт: дисплей с засечками DM
• Стиль: Курсив
• Цвет: #a77b51

Затем наведите указатель мыши на Размер текста сообщения о результатах и ​​выберите значок планшета. Выберите вкладку «Рабочий стол» и измените размер на 48 пикселей. Выберите вкладку «Планшет» и установите для нее значение 32 пикселя. Выберите вкладку «Телефон» и измените его на 20 пикселей. Наконец, установите высоту линии на 1,4 em. Дополнительная высота строки даст сообщению некоторое пространство между строками, чтобы его было легче читать. Наконец, закройте настройки электронной почты и сохраните свою страницу.

• Размер: Рабочий стол 48px, Планшет 32px, Телефон 20px
• Высота строки: 1,4 эм

Вот форма с сообщением об успехе Divi.

Создание отличного сообщения об успехе Divi

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

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

Советы по сообщениям Divi Success

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

Помните, что сообщение об успешном подписке по электронной почте — это ваше взаимодействие со своими читателями. Используйте сообщение, чтобы обеспечить хорошее взаимодействие с вашими подписчиками. Будьте профессиональны и следуйте бренду. Используйте это как возможность сказать им, что вы их цените.

Сосредоточьтесь на цели сообщения. Будь проще. Не пишите абзац, всего несколько слов. Используйте информативные слова, которые имеют смысл для ситуации. Простое « Спасибо» или « Вы подписались » лучше, чем что-то, что не описывает, что произошло, например, « Вы сделали это » или « Да »!

Хороший выбор включает в себя:

• Спасибо!
• Благодарю вас!
• Спасибо за подписку
• Вы подписались
• Добро пожаловать!
• Успех!
• Спасибо! Скоро придет ваше первое письмо!
• Успех! Пожалуйста, проверьте свой почтовый ящик
• Спасибо за регистрацию!
• Подписка прошла успешно!

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

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

Полученные результаты

Посмотрите, как наше сообщение об успехе Divi выглядит на настольных компьютерах и телефонах.

Рабочий стол

Телефон

Окончание мыслей

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

Ждем вашего ответа. Настроили ли вы свое успешное действие в форме подписки электронной почты Divi? Дайте нам знать об этом в комментариях.