diff --git a/docs/forms/signup-forms.md b/docs/forms/signup-forms.md index feead2c4..7be2bbe3 100644 --- a/docs/forms/signup-forms.md +++ b/docs/forms/signup-forms.md @@ -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'; # Формы сбора подписчиков @@ -20,33 +20,52 @@ import formTypes from "/img/forms/signup-forms/form-types.png"; - встроенная форма — размещается на сайте как часть страницы

- Form types + Form types

Добавлять элементы можно только во всплывающие и вызываемые окна — у полос фиксированный размер. С типом формы лучше определиться заранее: при смене типа содержимое теряется. После сохранения формы менять тип нельзя. ## Как создать форму -Чтобы создать или отредактировать форму, зайдите в раздел **Формы**. +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. На шаге **Письмо подтверждения формы** отредактируйте шаблон письма. В нём уже «вшита» специальная ссылка для подтверждения формы подписки
`[% 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 которой заполнили форму. @@ -75,13 +94,13 @@ import formTypes from "/img/forms/signup-forms/form-types.png"; -
    :::tip Важно -Чтобы форма корректно отображалась, перейдите в настройки сайта, найдите заголовок **Content-Security-Policy** и проверьте, что в директиву **connect-src** добавлены значения: - - `https://image.sendsay.ru` - - `https://sendsay.ru` -::: -
+Чтобы форма корректно отображалась, перейдите в настройки сайта, найдите заголовок +**Content-Security-Policy** и проверьте, что в директиву **connect-src** добавлены значения: + +- `https://image.sendsay.ru` +- `https://sendsay.ru` + ::: У сайтов на Tilda есть собственный конструктор для создания форм. Чтобы получать и использовать данные из таких форм, их нужно связать с Sendsay. diff --git a/docs/subscribers/contacts/how-to-activate-inactive-contacts.md b/docs/subscribers/contacts/how-to-activate-inactive-contacts.md index e2ef6369..4c4cd940 100644 --- a/docs/subscribers/contacts/how-to-activate-inactive-contacts.md +++ b/docs/subscribers/contacts/how-to-activate-inactive-contacts.md @@ -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 %]`. ### Как добавить ссылку подтверждения в письмо diff --git a/static/img/forms/signup-forms/forms.png b/static/img/forms/signup-forms/forms.png new file mode 100644 index 00000000..45f12267 Binary files /dev/null and b/static/img/forms/signup-forms/forms.png differ diff --git a/static/img/forms/signup-forms/how-to-create-list.gif b/static/img/forms/signup-forms/how-to-create-list.gif new file mode 100644 index 00000000..a1b7a238 Binary files /dev/null and b/static/img/forms/signup-forms/how-to-create-list.gif differ diff --git a/static/img/forms/signup-forms/how-to-customize-behavior.gif b/static/img/forms/signup-forms/how-to-customize-behavior.gif new file mode 100644 index 00000000..5503b668 Binary files /dev/null and b/static/img/forms/signup-forms/how-to-customize-behavior.gif differ