clickSomo
Відкрити ClickSomo

Креатив

Документ, а не шаблон

Те, що ви пишете, — це дерево блоків з опублікованою схемою. Те, що надсилається, — це цей документ, відрендерений для цілі — електронна пошта, сторінка, форма, SMS, push або друк. Вони розділені намірено, адже редактор замінний, а рендеринг — ні, і вдавання протилежного — це те, як маркетинговий інструмент опиняється з шістьма версіями одного повідомлення, що вже не збігаються.

Шість цілей, одне джерело

Кожна ціль має обмеження, що не є питанням смаку, і рендерер знає їх, щоб вам не довелося.

Електронна пошта означає таблиці та вбудований CSS, без flex і без grid, бо Outlook досі використовує Word для верстки листів, згенеровану для вас текстову альтернативу, кольори, що переживають інверсію в клієнті з темним режимом, і обмеження розміру близько 102 КБ, де Gmail починає обрізати.

Сторінка означає звичайний сучасний адаптивний HTML, опублікований за слагом, на вашому власному домені, якщо хочете. Форма — це сторінка плюс прив'язки полів, валідація, пастка для ботів і обмеження частоти — і це єдиний шлях до ваших контактів, що може правомірно створити основу consent.

SMS підраховує сегменти під час введення. Push — це заголовок, тіло, іконка, дії та глибоке посилання. Лист — це друкарський CSS, відрендерений у PDF, з адресою та відправлений поштою.

Сам документ зберігається як налаштування з опублікованою схемою, у сервісі документів екосистеми, а не захований у приватній таблиці. А отже, того дня, коли з'явиться кращий редактор, він редагуватиме ті самі документи, і нічого вище не зміниться.

Один креативЦілі рендерингу
  • 1emailТаблиці, вбудований CSS, текстова альтернатива, безпека в темному режимі, обмеження ~102 КБ.
  • 2pageАдаптивний HTML за слагом, на вашому домені.
  • 3формаСторінка плюс прив'язки, валідація, пастка для ботів, обмеження частоти.
  • 4smsТекст із живим лічильником сегментів GSM-7 / UCS-2.
  • 5pushЗаголовок, тіло, іконка, дії, глибоке посилання.
  • 6листДрук CSS → PDF.
  • iСтикРедактор можна замінити; цілі — ні. Саме тому документ має опубліковану схему.

Згенерований результат кешується для кожної цілі

Змінні злиття

Невідома змінна спричиняє помилку під час публікації, а не мовчки під час надсилання

Типова поведінка будь-якої мови шаблонів для відсутнього ключа — нічого не виводити. У листі це означає «Вітаємо ,», надіслане сорока тисячам людей, про що ніхто не дізнається, доки не почнуть надходити відповіді. Тому документ перевіряється на відповідність словнику змінних, перш ніж його взагалі можна буде опублікувати.

Що можна інтерполювати

Електронну пошту, ім'я, телефон і мову контакта; attrs.*, відкриті, бо атрибути — ваші; назву та поштову адресу вашої організації; посилання для відписки та налаштувань; а також власні тему та передзаголовок повідомлення.

Це свідомо список, а не «усе, що є в записі». Рядок контакта також містить внутрішні ідентифікатори, і жоден з них не має потрапляти в повідомлення.

Резервне значення — це не відсутня змінна

{{first_name | default:there}} — це відомa змінна, якої просто немає в цього конкретного контакта — імпортований список, де половина рядків не мала імені. Це виводить резервне значення і є цілком нормально.

Відмовлено буде в {{frist_name}}: змінної, якої не існує ні в кого. Під час надсилання вони виглядають однаково. Під час публікації вони несумісні ні в чому — саме тому перевірка відбувається там.

Той самий словник працює для всіх цілей, тож фраза, написана для електронного листа, виведеться в SMS і на цільовій сторінці без переписування. А first_name обчислюється під час виведення з повного імені, а не зберігається — бо збережений поділ — це хибний поділ, який чекає на людину, чиє ім'я не відповідає припущенню.

Напишіть один раз. Воно надійде, вбране відповідно до каналу.

Перед відправкою

Перевірки, що виконуються, поки ще можна щось виправити

Обрізання в Gmail

Понад приблизно 102 КБ Gmail обрізає повідомлення і ховає решту за посиланням, на яке більшість людей ніколи не натискає — включно з вашим відписуванням у самому низу. Генератор вимірює і попереджає під час публікації.

Вага зображень

Фотографія на чотири мегабайти вичерпує бюджет розміру і погано виглядає на телефоні. Зображення змінюють розмір і конвертують під час завантаження — це питання доставності, а не естетики.

Перегляд у вхідних

Повідомлення виводиться і фотографується в ширинах для комп'ютера та мобільного, тож у списку видно, як воно насправді виглядає, а не лише його назву. Без платних сервісів попереднього перегляду.

Справжнє тестове надсилання

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

Вставлений HTML очищається

Вміст, вставлений звідкись іще, проходить через очищувач перед збереженням, бо маркетинговий електронний лист — не те місце, де варто дізнаватися, що було в чиємусь буфері обміну.

Markdown, якщо вам так зручніше

Пишіть у Markdown — і він буде виведений. Це значно надійніше, ніж просити модель про HTML для електронного листа, і саме це робить написання повідомлення агентом робочою ідеєю, а не демо.

Починаючи з вашого власного сайту

Вставте URL під час першого запуску. ClickSomo прочитає сторінку: логотип, іконки, маніфест і виміряні кольори — не кольори, які хтось вгадав — і створить перший електронний лист, що вже виглядає як ваш. Він також визначає платформу, а цього зазвичай достатньо, щоб запропонувати варту уваги воронку: магазин отримує покинутий кошик, видання — вітальний лист розсилки.

Кожне отримання URL, який ви надаєте, проходить через захищений завантажувач: лише HTTP і HTTPS, буквальні адреси перевіряються напряму, кожна відповідь DNS має бути публічною, і кожен перехід за перенаправленням повторно перевіряється. Отримання довільних URL від імені клієнта — один із найпростіших способів зробити дірку у власній мережі, і це не те, що варто писати двічі.

Чесно: перший шаблон, згенерований з вашого сайту, — це гарний початок, а не завершений дизайн. Він приблизно правильно підбирає логотип, кольори і шрифт, щоб ваше перше надсилання не виглядало як демо — а далі ви його редагуєте, і це значно краще заняття, ніж дивитися на порожнє полотно.