Skip to content

Commit

Permalink
Merge pull request #268 from sendsay-ru/doc/245-edit-web-version
Browse files Browse the repository at this point in the history
fix(sendsay-docs): edit web_version
  • Loading branch information
sendsay-cat authored Mar 15, 2024
2 parents b528290 + 2e6eda2 commit 2642175
Showing 1 changed file with 24 additions and 29 deletions.
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>

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

0 comments on commit 2642175

Please sign in to comment.