Регистрация пользователей на сайте Creatium

Рассмотрим как настроить регистрацию пользователей на сайте сделанном на платформе Creatium. Содержание по шагам:

В Creatium можно использовать различные внешние базы данных как например Google Таблицы или Database Notion. Для примера возьмём Google Таблицу.

Заходим в свой Google Диск на аккаунте Gmail и создаём новую таблицу.

Подключаем базу данных к Creatium.

1️⃣ В личном кабинете нажимаем Базы данных

2️⃣ нажимаем Создать таблицу

3️⃣ Задать название таблицы, нажать Создать таблицу

4️⃣ выбрать Импорт Google Таблицы (сделали выше)

5️⃣ Скопировать email в открывшемся окне

6️⃣ На странице своей Google Таблицы Файл - Поделиться - Открыть доступ

Вставить скопированный выше email - Дать права редактора - нажать Настройки Доступа

7️⃣ Скопировать ссылку (url) со страницы Google Таблиц и вставить в поле на странице Личного кабинета - нажать Начать импорт данных

8️⃣ Сопоставляем значение столбцов и их формат (обычно автоматически, но иногда стоит проверить)

Нажимаем Начать импорт данных - После чего внизу появится “Добавлено в очередь на импорт таблицы, посмотреть результат” где по ссылке можно увидеть результат импорта.

В личном кабинете Creatium перейти в Пользователи - Настройки и выставить значения как на изображении ниже 👇

Обратите внимание, что поле таблица с данными не является обязательным полем и фактически вы можете сразу без таблицы перейти к пунктам:

Однако вы не сможете выводить данные в личном кабинете (так как эти данные НЕ хранятся в Creatium), а должны храниться в базе данных (например Google Таблице).

Так же если у Вас есть таблица, но без сценария integromat / make автоматического добавления пользователей в Google Таблицу Вам придется вручную вносить данные id в таблицу.

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

При клике на гаечный ключ 🔧 в рамке формы можно выбрать для регистрации:

Делаем начала второй вариант.

Лучше будет сделать после отправки Сообщение + Перенаправление, так как это даст пользователю обратную связь, что всё ОК, а затем перенаправит на страницу, где можно увидеть контент для зарегистрированных пользователей.

Во втором варианте важным будет момент Названия Формы.

Лучше будет сделать после отправки Сообщение + Перенаправление, так как это даст пользователю обратную связь, что всё ОК, а затем перенаправит на страницу, где можно увидеть контент для зарегистрированных пользователей.

Это нужно будет для того, чтобы при интеграции с integromat / make можно было отделить регистрацию на сайте от просто заявки на сайте.

Для тех, кто уже зарегистрирован не обязательно видеть форму регистрации, поэтому её лучше скрыть.

Для того, чтобы пользователь мог войти нужно сделать отдельную форму как минимум из 3 элементов:

Для того, чтобы мы могли:

Нужно будет подключить integromat, который сменил название на make. Зарегистрируйтесь по указанным ссылкам, чтобы получить доступ к личному кабинету и настройке сценариев.

Нажимаем scenarios (сценарии) + Creative a new scenario (Создать новый сценарий)

Стандартный сценарий записи нового пользователя в таблицу и обновление (импорт этой таблицы) в Creatium состоит минимум из 3 модулей.

1️⃣ Нажимаем + и выбираем из выпадающего меню фильтром нажимаем Webhooks Custum webhook, далее Add, где в поле Webhook name указываем название. Нажимаем Save (сохранить). 2️⃣ Получаем ссылку, копируем её

Идём в личный кабинет Creatium, переходим в Интеграции и уведомления - Интеграции - Подключить новую интеграцию. Из выпадающего меню выбираем Webhook.

Задаём Название, затем вставляем ссылку в поле Url, другие поля не трогаем, но обязательно выставляем галочку

Нажимаем Сохранить.

Теперь надо отправить данные из формы регистрации для того, чтобы сценарий принял входящие данные.

Если все хорошо увидите такое, то данные получены и структурированы для обработки.

Данные получилось отдать через сайт и принять в сценарий integromat \ make, далее нужно указать где и что с ними делать.

Нажимаем + и добавляем модуль Google Sheets из которого выбираем действие Добавить строку

Чтобы получить доступ к таблице необходимо дать доступ к аккаунту, для этого нажимаем Add

Затем надо выбрать соответствующий файл таблицы на диске, далее загрузятся данные по столбцам где надо будет определить что куда будет записываться из полученных данных.

2 самых главных переменных которые обязательно должны быть:

То как будет у Вас называться переменная email зависит от названия поля в Форме на сайте.

Сохраняем (Save).

Для того, чтобы обновленные данные из Google Таблицы передавались на Creatium нужно организовать автоматический Импорт Данных.

1️⃣ Для этого создаём еще один модуль под названием HTTP. Выбираем Сделать запрос (Make a request)

2️⃣ Возвращаемся в личный кабинет и идём в Базы данных, выбираем свою базу данных(таблицу) с пользователями и нажимаем шестеренку ⚙️. Выбираем вкладку Вебхуки и нажимаем Сгенерировать запрос для вебхуков.

Полученный URL копируем, обязательно нажимаем Сохранить изменения. Возвращаемся в integromat \ make.

3️⃣Вставляем в поле URL скопированный адрес для Вебхуков из Creatium и сохраняем (ОК).

Таким образом мы цепочка выглядит так:

Чтобы проверить работоспособность надо:

Если всё прошло хорошо, то тогда вы увидите 1️⃣ Как отработал сценарий

2️⃣ Появится новая строка с id (creatium) и email в Google Таблице

3️⃣ Появится новая строка в таблице пользователей на Creatium

4️⃣ В разделе Пользователи - Списки пользователей появится новая запись

Если все ОК, то переключаем сценарий на включено.

Самое время начать делать страницу личного кабинета 😊