Дмитро Кудренко

Привіт, друзі. Я, моя команда, всі українці та весь світ шоковані ситуацією навколо України, а точніше вторгненням Росії на територію України. Багато хто з вас знали, що Stripo народився в Україні, у Дніпрі. Дехто з подивом дізнався про це у п’ятницю, коли ми надіслали листа із проханням підтримати Українську армію та помолитися за український народ. Тому я хочу сказати декілька слів про війну в моїй країні. Чи Stripo працюватиме? Так, Stripo працює. Ми стабільний продукт, наші сервера знаходяться в безпечному місці в Європі....

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

Що таке смуги і навіщо вони потрібні? Одна з найважливіших цілей Stripo — прискорити процес створення повторного листа. Для цього ми реалізували бібліотеку блоків, що позбавляє вас від потреби повторно створювати одні і ті ж елементи від листа до листа. Наприклад, можна зберегти окремо кожен елемент футера або шапки, а при подальшому створенні листа швидко скласти з них такий самий елемент. Але є шлях простіше — просто зберегти у бібліотеку смугу, яка зберігає в собі вже готовий елемент цілком. Смуга — область емейл-листа, яка зберігає в собі структури, контейнери і базові блоки. Нижче розглянемо як працювати із смугами і яке застосування їм можна знайти...

Всі редактори можна поділити на 2 типи: зліва лист, праворуч панель редагування або навпаки в https://stripo.email У кожного підходу є свої плюси. Коли ми тільки стартували нам постійно писали: 1. Зробіть спочатку емейл-лист, а потім панель. Адже ми ж читаємо зліва направо і звикли, що головне повинно бути раніше другорядного, а лист важливіше налаштувань. Ось подивіться, наприклад, на фотошоп (!). Ось як треба. 2. Інші говорили, що всі сучасні сайти меню роблять зліва, ось і вам треба навігацію зробити зліва і помістити туди панель управління. І взагалі, перетягувати зліва направо зручніше. Кому що, а мені ближче ідея про «зліва направо»....

Багато систем вважають за краще інтегрувати різні інструменти і використовувати їх можливості «as is». Один з найвідоміших таких інструментів — CKEditor. Насправді з WYSIWYG редакторів з відкритим вихідним кодом не такий і великий вибір: це CKEditor або TinyMCE. Багато ними і зловживають — якщо редагування посилання, то в діалозі, якщо редагування зображення — знову діалогове віконце. А з цього діалогового віконця ще одне для Aviary і пішло поїхало. На ділі, якщо треба: швидко подивитися які посилання куди посилаються, перейти за посиланням (добре коли посилання завжди відкривається в окремому вікні) які атрибути у зображення, заданий альтернативний текст … то будь-яке спливаюче вікно це божевільна втрата часу....

Зазвичай до базових блоків відносять: зображення (про зображення я вже робив пост); текст; кнопку; роздільник. Але я хочу сконцентруватися на «опціонально» базових блоках, які дуже спрощують життя розробникам, але часто не дозволяють зверстати «все що хочеться», обмежуючись заздалегідь заготовленими шаблонами. Відео Коротко: в емейл-повідомлення можна просто вставити посилання на відео, а зображення, кнопочка «Play» і альтернативний текст підтягнуться самі по собі. Детальніше: є кілька способів додати відео прямо до листа, щоб воно програвалася прямо всередині листа, хоча це працює лише за підтримки HTML5 і не завжди рекомендується, тому що «листи люблять тишу». Ідеальним варіантом є вставляти зображення з відео...