Создавая новый шаблон для рассылки, часто приходится делать одни и те же действия. Например, представьте: у Вас есть сайт, на котором опубликованы товары. Если Вам нужно отправить письмо об акции с ссылкой на 5 товаров из вашего сайта, нужно скачать 5 картинок, названий товаров, их цен и ссылок, чтобы указать их под кнопкой “Купить”. Эти скачанные объекты, как правило, применяются в письме по нескольку раз.
Для того, чтобы сократить потерю Вашего времени на выполнение рутинных операций мы создали новую сущность — smart-элемент, который позволяет автоматизировать этот процесс!
Итак, что такое смарт-элемент?

Smart-элементы — это разработанный Stripo функционал, который позволяет автоматизировать создание рассылок. Это реальная экономия времени для тех, кто создает множество карточек товаров и email-дайджестов. Вы настраиваете smart-элементы всего один раз и затем используете во множестве промо-кампаний.
На данный момент у нас есть 2 метода применения смарт-элементов в письмах:
1) обновленный метод:
Все, что от вас требуется — вставить ссылку на нужный товар на вашем сайте. Stripo самостоятельно добавит в ваши проморассылки название, описание и изображение товара.
Не нужно сохранять и загружать изображения, не нужно копировать и вставлять описание товара, прикреплять к кнопкам соответствующие URL-адреса — всем этим займемся мы.
Итак, давайте узнаем как активировать Smart опцию и куда вставить ссылку для извлечения информации из вашего сайта?
Активировать умную опцию можно двумя способами:
1) В редакторе Stripo бросаем структуру из двух контейнеров (сразу оговорюсь: это на Ваше личное усмотрение, сколько именно контейнеров в структуре Вам нужно, столько и добавляйте). В первый контейнер добавляю нужные мне блоки (Картинка, два блока Текст, Кнопка) — делаю “скелет” карточки товара.
Далее, выделяю контейнер с базовыми блоками (для этого кликаю по синей лейбе “Контейнер” сверху), выбираю в боковой панели табу “Данные” и кликаю на кнопку “Начать” для активации Smart-свойства.

В поле «Ссылка» необходимо вставить URL-ссылку с вашего веб-сайта.
Ниже вы найдете ссылку на подробную инструкцию с пошаговой настройкой смарт-элементов.

2) используйте любой из наших подготовленных шаблонов со встроенными смарт-контейнерами или перетащите наши подготовленные смарт-модули


Если вы выбрали данный вариант, то Smart-опция будет активирована по умолчанию, все, что останется, - это настроить Smart-контейнер и добавить URL-ссылку таким же образом, как мы описали в примере выше.
Итак, если ваш сайт содержит теги OG, вы просто вставляете ссылку на товар и указываете, куда именно в письме должна быть подтянута соответствующая информация об этом товаре. Это займет у вас менее 5 минут — и причем всего один раз. При следующем использовании smart-элементов вам останется только вставить ссылку на товар без необходимости настройки.
Наши обновленные smart-элементы полностью совместимы с такими сайтами:
eBay.com.
Aliexpress.com.
Walmart.com.
Etsy.com.
Medium.com.
Pocket.com.
Vk.com.
Reddit.com.
Linkedin.com.
Как проверить, есть ли на вашем сайте smart-элементы?
Если вашего сайта нет в списке выше, вам нужно проверить, поддерживает ли он теги OG (Open Graph):
кликните правой кнопкой мыши ваш сайт;
нажмите Ctrl+F для Windows или CMD+F для macOS;
введите “og:”;
если вы обнаружите в коде какие-либо теги og:, значит, ваш сайт их поддерживает.

Если ваш веб-сайт поддерживает теги OG, мы подготовили краткое руководство по настройке Smart-элементов, это займет менее 10 минут. Данное руководство вы можете найти перейдя по данной ссылке.
2) базовый метод:
Если ваш сайт не поддерживает теги OG, обратитесь к нашей статье «Smart-элементы. Сокращаем время на создание однотипных писем за счет их автоматизации», чтобы узнать, как работать со смарт-элементами в данном случае.
Обратите внимание, данная настройка требует базовых технических навыков.
Используя этот метод, Вы один раз настраиваете контент, в котором будут расположены в нужном порядке заголовок товара, картинка, цена, описание и кнопка «Купить», а также их внешний вид. Далее добавляете переменные, устанавливаете правила откуда брать значения и куда их применять и все — smart-элемент готов к использованию.
Кроме того, есть возможность модифицировать или форматировать вытянутые данные (вырезать какую-то их часть или, например, вы хотите округлить, сгруппировать или добавить символы к цене).
Как использовать поля Modifier, Format и Separator? (помощники для Смарт-элементов) вы можете узнать в данной статье
Если у Вас появятся дополнительные вопросы, пожалуйста, напишите нам на почту support@stripo.email.