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

Итак, как же создать AMP-аккордеон вместе со Stripo?

Подробнее о том, как создать AMP-аккордеон для Ваших писем со Stripo без каких-либо навыков кодирования, Вы можете прочитать в нашем посте.

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

  • перетащите блок AMP-аккордеона в свой шаблон;

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

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

  • добавьте столько секций, сколько вам нужно;

  • дайте всем секциям имена. Вы можете ввести до 200 символов. Если вы добавите больше, письмо увеличится в ширину. Но даже 200 символов — как-то многовато, это более 4 строк;

  • теперь включите «Автосворачивание секций», чтобы активировать эту опцию. Она позволяет показывать одну секцию за раз. Когда вы открываете любую другую секцию, то открытая ранее закрывается;

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

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

  • отредактируйте контент так, как вы обычно это делаете при создании писем в Stripo.

Как добавить AMP-карусель в Ваше письмо в Stripo:

Подробнее о том, как создать AMP-карусель для Ваших писем со Stripo без каких-либо навыков кодирования, Вы можете прочитать в нашем посте.

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

  • перетащите блок AMP-карусель в Ваш шаблон;

  • теперь на панели настроек переключили контрол «Показывать превью», если вы хотите показывать небольшие изображения предварительного просмотра;

  • далее настройте ширину предпросмотра (опционально), задайте показ превью сверху или снизу;

  • подключите "Обводку активного превью" и "Обводку неактивного превью";

  • настройте выравнивание превью и его закругление.

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

Тип "картинка превью":

Это означает, что в превью будет отображаться загруженное вами изображение

Тип "цвет превью":

Это означает, что у вас есть возможность выбрать цвет, который будет отображаться в превью.

В итоге мы получаем такой результат превью:

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

  • добавьте нужное количество слайдов, нажав на кнопку "Добавить слайд", чтобы добавить новое изображение;

  • введите ALT текст и вставьте ссылку на соответствующую страницу, если она вам необходима;

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

  • проверьте, совпадают ли размеры всех изображений. Если нет, обрежьте их с помощью нашего встроенного фоторедактора;

  • подключите опцию «Автоперелистывание» и при необходимости установите время задержки. В нашем случае, слайды будут автоматически меняться каждые 2 секунды;

  • или подключите контрол "Цикличное перелистование";

Ваша AMP карусель готова.

Теперь, давайте, протестируем AMP-письмо вместе со Stripo

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

  • в Gmail перейдите на панель настроек;

  • в выпадающем меню выберите раздел «Настройки»;

  • в новом окне в разделе «Общие» найдите «Динамический контент» и откройте «Настройки для разработчиков»;

  • в выпадающем окне, вставьте этот адрес электронной почты info@stripo-test.email;

  • сохраните изменения.

После того, как Вы протестировали свое письмо и теперь готовы к экспорту, выполните следующие 2 шага:

Шаг 1. Выбор ESP, который поддерживает AMP контент

В настоящее время это список ESP, которые поддерживают отправку AMP-писем:

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

Прошу отметить, что только 4 почтовых клиента (GMAIL, YAHOO, MAIL.RU, FAIREMAIL) поддерживают отображение AMP-контента в письме в качестве получателей.

Следую данной ссылке вы всегда сможете перепроверить системы, которые поддерживают AMP на данный момент.

Шаг 2. Регистрация в Google

Теперь, когда Ваше AMP письмо готово и выбран правильный ESP, Вам нужно перейти к регистрации в Google. Последний проверяет Ваше имя отправителя, настройки SPF и DKIM. И только, после того, как Вы пройдете этот тест, Вам будет разрешено отправлять письма с поддержкой AMP.

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


Вы нашли ответ?