Блог о маркетинге

Константина Дубоносова

Блог о маркетинге

Константина Дубоносова

  1. Главная страница
  2. >
  3. Регистрация пользователей для сайта на Creatium

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

Как сделать личный кабинет с регистрацией пользователя на сайте Creatium

Автор

Константин Дубоносов

Дата публикации

08.09.2022, в 11:49

Дата обновления

28.09.2022, в 16:36

Теги:

Creatium

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

База данных пользователей

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

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

✴️
Важно наличие столбцов id и mail

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

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

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

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

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

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

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

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

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

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

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

Включить регистрацию на сайте

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

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

  • Создание формы регистрации
  • Создание формы входа
🚨
Без таблицы и подключения integromat / make регистрация БУДЕТ работать, информация о пользователях есть в Creatium на вкладке Пользователи - Список пользователей.

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

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

ℹ️
Если у Вас не получается вывести данные пользователя в личном кабинете это как раз связано с тем, что id d таблице не соответствует id на странице Списка пользователей.

Форма регистрации

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

✴️
Минимальное количество полей 2 - это email и пароль.

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

  1. Регистрация
  1. Регистрация + Заявка

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

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

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

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

✴️
Обязательно указать уникальное название формы, которое не стандартное и не повторяется на других страницах

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

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

Форма входа

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

  1. Email
  1. Пароль
  1. Кнопка войти

Подключение integromat / make

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

  1. Выводить данные пользователя в личном кабинете
  1. Автоматически добавлять пользователя в список в Google Таблице
  1. Вносить изменения в таблице (базе данных) пользователей

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

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

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

Интеграция через Webhook

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

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

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

Отправлять все значения

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

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

📝
Заполняем форму регистрации на сайте (которую сделали ранее)

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

Подключение Google Таблицы

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

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

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

нажимаем Add

Называем подключение и нажимаем Save

После этого надо Разрешить доступ приложения к Google Диску

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

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

➡️
memder:id
id надо брать тот, который присваивает сам Creatium в Списке пользователей
id надо брать тот, который присваивает сам Creatium в Списке пользователей
➡️
order.fields_by_name. {Электронная почта}

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

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

Импорт таблицы в Creatium

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

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

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

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

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

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

Общая схема и тестирование

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

  1. Пользователь регистрируется на сайте
  1. Создаётся аккаунт на Creatium и присваивается уникальный id
  1. Новый id вместе с остальными данными из формы поступает в integromat / make
  1. Затем эти данные записываются в соответсвующие столбцы новой строки в Google таблице с пользователями
  1. После этого таблица автоматически импортируется на Creatium

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

нажать Run Once в левом нижнем углу

Вы увидите вращающийся значёк

📝
Снова заполняем форму регистрации на сайте (новыми данными)

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

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

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

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

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

💾
Сохраняем и можем закрыть страницу integromat \ make

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