Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(sendsay-docs): edit web_version #268

Merged
merged 6 commits into from
Mar 15, 2024
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
53 changes: 24 additions & 29 deletions docs/email-campaigns/create-your-campaign/web-version.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -10,65 +10,58 @@ import noName from '/img/email-campaigns/create-your-campaign/web-version/no-nam

# Веб-версия письма

Веб-версия письма — вариант электронного письма, которое открывается в браузере в виде отдельной страницы.
Веб-версия письма — вариант email-рассылки, которая открывается в браузере как отдельная веб-страница. Обычно это ссылка с именем «Веб-версия»:

![Web version example](\img\email-campaigns\create-your-campaign\web-version\web-version-example.jpg) <br/>

Веб-версию рекомендуется добавлять, потому что почтовые сервисы могут отображать письмо по-своему и&nbsp;не&nbsp;показывать какие-то элементы, у&nbsp;подписчика могут быть отключены картинки в&nbsp;почте. Также благодаря веб-версии подписчики смогут поделиться ссылкой на&nbsp;письмо в&nbsp;социальных сетях или мессенджерах, добавлять письмо в&nbsp;закладки.
У подписчика могут быть отключены картинки в почте, а&nbsp;почтовые сервисы могут по-разному отображать письмо и&nbsp;не&nbsp;показывать какие-то элементы. Поэтому рекомендуется добавлять ссылку на&nbsp;веб-версию — чтобы подписчик мог увидеть рассылку именно такой, какой вы её задумали. Также благодаря веб-версии подписчики смогут поделиться ссылкой на&nbsp;письмо в&nbsp;социальных сетях или мессенджерах, добавлять письмо в&nbsp;закладки.

Адрес веб-версии письма создаётся командой `[% param.issue_archive_url %]`.
Чтобы создать ссылку на веб-версию, необходимо добавить в письмо специальную команду — при отправке рассылки сервер преобразует её в адрес веб-страницы:

## Ограничение в&nbsp;веб-версии

Веб-версия письма отображается без персонализации.

<p align="center">
<img src={noName} alt="No name in web version" />
</p>

Если вам необходимы веб-версии писем с&nbsp;персональными данными, то&nbsp;нужно настроить хранение данных персонализации, напишите в&nbsp;службу поддержки через чат на&nbsp;сайте. Данные персонализации будут доступны 30&nbsp;дней.

Все остальное в&nbsp;веб-версии будет идентично письму и&nbsp;представлено со&nbsp;всеми изображениями, видео, кнопками, gif-анимацией, ссылками для отписки и&nbsp;другими элементами.
```
[% param.issue_archive_url %]
```

## Где и&nbsp;как разместить блок с&nbsp;веб-версией

Добавляйте ссылку на&nbsp;веб-версию в&nbsp;шапку письма&nbsp;&mdash; так подписчикам сразу будет понятно, как посмотреть письмо, если оно не&nbsp;загружается.
Обычно ссылку на&nbsp;веб-версию добавляют в&nbsp;шапку письма&nbsp;&mdash; так подписчикам сразу будет понятно, как посмотреть письмо, если оно некорректно&nbsp;отображается.

![Link in header](\img\email-campaigns\create-your-campaign\web-version\link-in-header.jpg) <br/>

Также ссылка на&nbsp;веб-версию может быть в&nbsp;подвале письма, например в&nbsp;блоке со&nbsp;ссылками на&nbsp;соцсети или в&nbsp;блоке с&nbsp;отпиской.
Ссылку на&nbsp;веб-версию можно разместить и в&nbsp;подвале письманапример, в&nbsp;блоке со&nbsp;ссылками на&nbsp;соцсети или в&nbsp;блоке с&nbsp;отпиской.

![Link in footer](\img\email-campaigns\create-your-campaign\web-version\link-in-footer.jpg) <br/>

Ссылку на&nbsp;веб-версию можно использовать в&nbsp;письме, которое создано в&nbsp;блочном редакторе Sendsay или HTML-редакторе. Чтобы добавить ссылку, скопируйте код:
Чтобы добавить ссылку на веб-версию в письмо в блочном редакторе или HTML-редакторе, скопируйте и добавьте в нужном месте код:

```html
<a href="[% param.issue_archive_url %]">Читать в браузере</a>
<a href="[% param.issue_archive_url %]">Веб-версия</a>
```

При отправке сервер преобразует команду `[% param.issue_archive_url %]` в адрес веб-страницы, и в письме получится полноценная ссылка.

**Примеры фраз для ссылки на&nbsp;веб-версию:**

- Веб-версия
- Если письмо не&nbsp;загружается, попробуйте через браузер
- Смотреть в&nbsp;браузере &rarr;
- Веб-версия
- Читать в браузере
- Если письмо отображается некорректно или без картинок, откройте веб-версию

## Как добавить ссылку на&nbsp;веб-версию и&nbsp;прехедер в&nbsp;письме
## Персонализация в веб-версии

Чтобы веб-версия письма сформировалась с персонализацией, необходимо, чтобы в выпуске была размещена команда `[% param.issue_archive_url %]` в любом виде — например, как email-комментарий. Персонализированный архив для любых писем с указанной командой будет доступен 30 дней с момента первой попытки доставки письма.

Если в&nbsp;письме будут добавлены прехедер и&nbsp;ссылка на&nbsp;веб-версию, то&nbsp;отправьте себе тестовое письмо, чтобы проверить корректность отображения этих элементов. Если этого не&nbsp;сделать, то&nbsp;в&nbsp;почтовом ящике сразу после темы письма подписчик может увидеть &laquo;Посмотреть веб-версию&raquo; вместо прехедера.
## Прехедер и ссылка на&nbsp;веб-версию в письме

При добавлении прехедера и&nbsp;ссылки на&nbsp;веб-версию в почтовом ящике сразу после темы письма подписчик может увидеть &laquo;Посмотреть веб-версию&raquo; вместо прехедера:

![Wrong web version](\img\email-campaigns\create-your-campaign\web-version\wrong-web-version.jpg) <br/>

[Прехедер письма: что это, какие бывают и как их создать](https://docs.sendsay.ru/email-campaigns/create-your-campaign/preheader)

Чтобы в&nbsp;блочном редакторе Sendsay добавить прехедер определенного вида и&nbsp;ссылку на&nbsp;веб-версию, разместите в&nbsp;начале письма HTML-блок и&nbsp;используйте код ниже.
Чтобы этого избежать, в&nbsp;блочном редакторе разместите в&nbsp;начале письма HTML-блок и&nbsp;используйте код ниже. Этот же код можно использовать в&nbsp;HTML-редакторе.

![HTML-block for web version](\img\email-campaigns\create-your-campaign\web-version\html-block-for-web-version.jpg) <br/>

Скопируйте также код ниже, если письмо в&nbsp;HTML-редакторе.

<Tabs>
<TabItem value="key1" label="Видимый прехедер">

Expand All @@ -82,7 +75,7 @@ import noName from '/img/email-campaigns/create-your-campaign/web-version/no-nam
Видимый
</td>
<td style="font-size:0;line-height:0;">
<span>&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;‌‌</span>
<span>&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;</span>
<!-- продублируйте не менее 11 раз строку выше, чтобы скрыть контент письма в прехедере -->
</td>
<td style="text-align: right">
Expand All @@ -107,7 +100,7 @@ import noName from '/img/email-campaigns/create-your-campaign/web-version/no-nam
<tr>
<td style="font-size:0;line-height:0;">Невидимый</td>
<td style="font-size:0;line-height:0;">
<span>&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;‌‌</span>
<span>&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;</span>
<!-- продублируйте не менее 11 раз строку выше, чтобы скрыть контент письма в прехедере -->
</td>
<td style="text-align: right">
Expand All @@ -131,7 +124,7 @@ import noName from '/img/email-campaigns/create-your-campaign/web-version/no-nam
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="font-size:0;line-height:0;">
<span>&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;‌‌</span>
<span>&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;&#10240;</span>
<!-- продублируйте не менее 11 раз строку выше, чтобы скрыть контент письма в прехедере -->
</td>
<td style="text-align: right">
Expand All @@ -149,3 +142,5 @@ import noName from '/img/email-campaigns/create-your-campaign/web-version/no-nam

</TabItem>
</Tabs>

Отправьте себе тестовое письмо, — чтобы убедиться, что всё отображается так, как вы ожидаете.
Loading