Skip to content

Commit

Permalink
fix(sendsay-docs): edit articles (#353)
Browse files Browse the repository at this point in the history
  • Loading branch information
Ksksksksen authored Dec 25, 2024
1 parent 13addac commit 3a1dfee
Show file tree
Hide file tree
Showing 5 changed files with 49 additions and 29 deletions.
59 changes: 39 additions & 20 deletions docs/forms/signup-forms.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ sidebar_position: 1

import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
import formTypes from "/img/forms/signup-forms/form-types.png";
import formTypes from '/img/forms/signup-forms/form-types.png';

# Формы сбора подписчиков

Expand All @@ -20,33 +20,52 @@ import formTypes from "/img/forms/signup-forms/form-types.png";
- встроенная форма — размещается на сайте как часть страницы

<p align="center">
<img src={formTypes} alt="Form types" />
<img src={formTypes} alt="Form types" />
</p>

Добавлять элементы можно только во всплывающие и вызываемые окна — у полос фиксированный размер. С типом формы лучше определиться заранее: при смене типа содержимое теряется. После сохранения формы менять тип нельзя.

## Как создать форму

Чтобы создать или отредактировать форму, зайдите в раздел **Формы**.
1. Чтобы создать форму, перейдите в раздел [**Формы**](https://app.sendsay.ru/forms) и нажмите «Создать форму».

Для каждой формы надо настроить дизайн и поведение (где и когда её видят посетители сайта), а также выбрать список, в который будут попадать адреса подписчиков.
![Forms](/img/forms/signup-forms/forms.png)

:::tip Важно
Если используете форму с изображением, загружайте картинки весом **до 1 Мб** — так скорость отображения не потеряется.
:::
2. На шаге **Аудитория** укажите, куда будут попадать новые подписчики. При необходимости создайте список.

![How to create a list](/img/forms/signup-forms/how-to-create-list.gif)

3. На шаге **Настройки формы** выберите тип формы, затем нажмите «Далее» и укажите поведение — где и когда её увидят посетители сайта.

Если хотите изменить дизайн формы, нажмите «Редактировать». Здесь же можно отредактировать благодарность за заполнение, которая появляется в окне формы.

![How to customize behavior](/img/forms/signup-forms/how-to-customize-behavior.gif)

[Как настроить дизайн формы в редакторе](#как-настроить-дизайн-формы-в-редакторе)

4. На шаге **Письмо подтверждения формы** отредактируйте шаблон письма. В нём уже «вшита» специальная ссылка для подтверждения формы подписки<br/>`[% confirm_url %]`.

У форм есть несколько дополнительных писем и страниц — для них можно как отредактировать дизайн, так и оставить стандартный вид:
:::tip Важно
После заполнения формы контакт попадёт в базу подписчиков в [статусе](https://docs.sendsay.ru/subscribers/contacts/contact-status) **Неподтверждённый** — на адреса с таким статусом нельзя отправлять рассылки, кроме писем подтверждения. Чтобы стать доступным для рассылки, владелец контакта должен подтвердить форму подписки.
:::

- благодарность за заполнение — появляется в окне формы
- письмо подтверждения — отправляется на указанную почту после заполнения формы
- страница благодарности — открывается по ссылке из письма подтверждения
- письмо благодарности (опционально) — отправляется после подтверждения подписки
5. После того, как подписчик подтвердит форму, он будет направлен на страницу «Спасибо за подтверждение формы». На шаге **Действия после подтверждения** при необходимости укажите URL своего варианта страницы благодарности.

Здесь вы также можете настроить письмо благодарности, которое отправится новому контакту после подтверждения подписки (опционально).

6. Во вкладке **Код для установки** скопируйте код и [установите его на сайт](#как-установить-форму-на-сайт), после чего активируйте форму.

## Как настроить дизайн формы в редакторе

В редакторе форм можно добавлять, изменять и удалять элементы, перетаскивая их мышкой, а также смотреть, как форма отображается на разных устройствах. Во всех формах есть обязательное поле электронной почты и кнопка отправки — их нельзя убрать. Создавать новые поля в редакторе нельзя, можно только добавлять уже существующие — они отображаются в общем списке полей в левой части редактора.
В редакторе форм можно добавлять, изменять и удалять элементы, перетаскивая их мышкой, а также смотреть, как форма отображается на разных устройствах.

:::tip Важно
Если используете форму с изображением, загружайте картинки весом до 1 Мб — так скорость отображения не потеряется.
:::

Во всех формах есть обязательное поле электронной почты и кнопка отправки — их нельзя удалить. Создавать новые поля в редакторе нельзя, можно только добавлять уже существующие — они отображаются в общем списке полей в левой части редактора.

[Как создавать поля](https://docs.sendsay.ru/subscribers/subscriber-data/data-groups#как-создать-поле)
[Как создавать поля в анкетах](https://docs.sendsay.ru/subscribers/subscriber-data/data-groups#как-создать-поле)

В форму можно добавить скрытые поля: подписчики их не увидят, но эти поля можно заполнить нужными данными при отправке формы — например, URL-адресом страницы, c которой заполнили форму.

Expand Down Expand Up @@ -75,13 +94,13 @@ import formTypes from "/img/forms/signup-forms/form-types.png";
</TabItem>
</Tabs>

<ol>
:::tip Важно
Чтобы форма корректно отображалась, перейдите в настройки сайта, найдите заголовок **Content-Security-Policy** и проверьте, что в директиву **connect-src** добавлены значения:
- `https://image.sendsay.ru`
- `https://sendsay.ru`
:::
</ol>
Чтобы форма корректно отображалась, перейдите в настройки сайта, найдите заголовок
**Content-Security-Policy** и проверьте, что в директиву **connect-src** добавлены значения:

- `https://image.sendsay.ru`
- `https://sendsay.ru`
:::

У сайтов на Tilda есть собственный конструктор для создания форм. Чтобы получать и использовать данные из таких форм, их нужно связать с Sendsay.

Expand Down
19 changes: 10 additions & 9 deletions docs/subscribers/contacts/how-to-activate-inactive-contacts.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,18 +19,19 @@ import SupportLink from '@site/src/components/SupportLink';

## Активация через письмо подтверждения

**Письмо подтверждения** — это письмо со специальной ссылкой внутри, при клике на которую пользователь подтверждает свою подписку на рассылку.
**Письмо подтверждения** — это письмо со специальной ссылкой внутри, при клике на которую пользователь подтверждает свою подписку на рассылку. Отправить письмо подтверждения можно только контактам со статусом «Неподтверждённый».

Как это работает:
Есть 2 способа, как активировать контакт через письмо подтверждения:

1. Пользователь оставляет свой email в форме для сбора контактов.
2. На указанный email приходит письмо подтверждения.
3. Пользователь переходит по ссылке подтверждения из письма.
4. [Статус контакта](https://docs.sendsay.ru/subscribers/contacts/contact-status/) меняется на «Подтверждённый».
- Если контакт попадает в базу через форму подписки, он получит письмо со ссылкой подтверждения формы `[% confirm_url %]`. Отправка такого письма настраивается при [создании формы](https://docs.sendsay.ru/forms/signup-forms#как-создать-форму).

:::tip Важно
Отправить письмо подтверждения можно только контактам со статусом «Неподтверждённый».
:::
Как это работает:
1. Пользователь оставляет свой email в форме для сбора контактов.
2. На указанный email приходит письмо подтверждения формы со ссылкой.
3. Пользователь переходит по ссылке подтверждения из письма.
4. Статус контакта меняется на «Подтверждённый».

- В случае если вы [импортировали](https://docs.sendsay.ru/subscribers/import-and-export/how-to-import-subscribers) контакт другим способом, отправьте ему письмо подтверждения со ссылкой `[% param.url_confirm %]`.

### Как добавить ссылку подтверждения в письмо

Expand Down
Binary file added static/img/forms/signup-forms/forms.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 3a1dfee

Please sign in to comment.