Помню, как я впервые открыл письмо, в котором мне нужно было отредактировать код, и подумал: «Что? Почему здесь столько таблиц!?». А потом начал «чинить» его, чтобы оно корректно отображалось в Apple Mail. Каким-то образом это письмо помогло мне получить работу в маркетинговой команде, где я занимался созданием писем и лендингов. Это может показаться знакомым; кажется, что большинство людей попадают в email-маркетинг случайно.
Одна из вещей, которую вы поначалу не осознаете, — это то, что вам придется создавать много писем за короткое время. Для разработчика это может быть пугающей задачей. Правильные инструменты могут стать решающим фактором между тем, чтобы потратить на создание письма весь день, или уложиться в 10 минут.
В этом посте я поделюсь своим личным опытом перехода от долгого процесса верстки к более быстрому. Надеюсь, это вас вдохновит!
## Первые шаги к инструментам для экономии времени
Совсем недавно я занимался версткой писем для фармацевтической отрасли. В email-маркетинге есть несколько индустрий с огромным количеством проверок и строгими требованиями, что заставляет проявлять творческий подход к верстке. Фармацевтика — одна из них. Не знаю, сколько часов я потратил на то, чтобы идеально выровнять сноску или подобрать нужный размер шрифта в Outlook.
Поэтому я всегда искал продукты или способы сократить время разработки, чтобы иметь возможность уделять больше внимания мелким деталям.
### Email-фреймворки
Одним из первых инструментов, которые я нашел, были email-фреймворки. Они позволяют писать значительно меньше кода, используя специализированный язык разметки, который затем компилируется в обычный HTML и CSS для вашего письма. Да, это означает, что нужно выучить новый язык. Но как только вы это сделаете, вы сможете создавать целые блоки кода, написав всего несколько строк. Это очень просто. Однако, если у вас нет времени на изучение, этот вариант может вам не подойти.
### CSS-инлайнеры
Существует множество инструментов для встраивания CSS (инлайнинга), которые позволяют написать стили один раз в блоке head вашего HTML, а затем автоматически перенести их непосредственно в элементы тела письма. Это важно, так как некоторые почтовые клиенты удаляют стили из заголовка, из-за чего верстка может «поехать». Но вручную прописывать стили для каждого абзаца и ссылки — это мучение. Автоматическое встраивание решает эту проблему!
Одним из моих любимых инструментов был Gulp-воркфлоу, который компилировал HTML и Sass-файлы в готовый к рассылке HTML. Однако, когда я перешел в сферу фармацевтики, эти инструменты стали менее удобными. Из-за нюансов дизайна (например, один тег
должен быть одного цвета, а другой — другого) я больше не мог полагаться на CSS в теге