Рассмотрим процесс создания интеграции на примере текстового блока TX01.
Предположим, что у нас есть сайт с личным кабинетом, в котором мы хотим отображать информацию об имени пользователя.
Предположим, что у нас есть сайт с личным кабинетом, в котором мы хотим отображать информацию об имени пользователя.
В этой статье мы рассматриваем подтягивание данных из Бипиум в личный кабинет Тильды. Чтобы научиться принимать данные в Бипиум из Тильды воспользуйтесь следующей инструкцией: "Прием данных с формы Tilda в Бипиум".
Создаем базу данных в Бипиум.
Нажимаем на кнопку "Создать отдел" и задаем название нашей таблице.
![](https://static.tildacdn.com/tild3566-3431-4138-b937-353037333965/2024-11-12_13-02-22.png)
В левом верхнем углу нажимаем на кнопку "Добавить" - так мы сможем выбрать секции для нашей таблицы.
![](https://static.tildacdn.com/tild3064-3132-4966-a233-363631376237/2024-11-12_13-21-51.png)
Выбираем секцию "Текст" - это будет имя пользователя и секцию "Контакт" - это будет электронная почта пользователя (Email). Сохраняем и переходим к следующему шагу
![](https://static.tildacdn.com/tild3939-6162-4262-b937-633631623138/2024-11-12_13-50-21.png)
Теперь давайте заполним базу данных тестовыми данными для будущей проверки интегарции. В правом верхнем углу нажимаем на кнопку "Добавить".
![](https://static.tildacdn.com/tild6439-3634-4232-b333-626339303732/O1CN01b5U2Fs1RiuXtUC.png)
В открывшемся окне заполняем поля: имя и email пользователя
![](https://static.tildacdn.com/tild6332-3638-4837-b564-336466373430/O1CN01b5U2Fs1RiuXtUC.png)
Готово! Таблица "Пользователи" создана.
![](https://static.tildacdn.com/tild3139-3861-4562-b266-346162383365/tbwcbjfc_Popup_1440_.jpg)
Шаблон блока на Тильде
Добавим на страницу личного кабинета текстовый блок TX01 и при помощи раздела "Настройки" зададим его дизайн: шрифт, отступы, фон и т.п.
![](https://static.tildacdn.com/tild3664-3535-4262-b830-646534396664/2024-11-07_13-06-39.png)
Сразу укажем {Имя} в контенте блока
![](https://static.tildacdn.com/tild6365-3738-4261-b030-393865626162/2024-11-12_14-21-46.png)
Создание интеграции
Подключаем jQuery в разделе Настройки сайта > Еще:
![](https://static.tildacdn.com/tild3665-3632-4531-b566-306639656262/enable_jquery.png)
Нажимаем СОЗДАТЬ ИНТЕГРАЦИЮ С БИПИУМ в ЛК Collabza и заполняем форму:
Email сотрудника Бипиум - вводим тот Email, на аккаунте которого создавалась таблица в Бипиум
Пароль сотрудника - его пароль для входа в Бипиум
Пароль сотрудника - его пароль для входа в Бипиум
![](https://static.tildacdn.com/tild3531-3730-4739-b236-306165396362/fotor-20241112142432.jpg)
Ссылку на каталог копируем из таблицы "Пользователи":
![](https://static.tildacdn.com/tild3134-6664-4737-a431-346161383436/fotor-20241112142742.jpg)
ID поля в каталоге смотрим так:
![](https://static.tildacdn.com/tild3634-3837-4432-b965-613739326236/__1_Email.png)
В нашем случае поле "Email" находится в поле 3, поэтому в поле интеграции вписываем цифру "3"
![](https://static.tildacdn.com/tild3334-3763-4166-a337-323033353439/2024-11-12_14-30-04.png)
Кому доступны данные: в нашем случае выбираем "Только авторизованным, которые есть в списке", поскольку для каждого пользователя из таблицы должна подтягиваться только его запись.
![](https://static.tildacdn.com/tild3333-6566-4335-a666-376337663862/2024-11-12_14-33-15.png)
ID блока на Tilda копируем из нижней части раздела "Настройки" нашего блока.
![](https://static.tildacdn.com/tild6664-3863-4932-b437-366438393138/2024-11-07_14-14-50.png)
В поле "Текст" мы указываем номер той секции в Бипиум, который нужно отображать на странице. В нашем случае это цифра "2".
![](https://static.tildacdn.com/tild3639-6466-4634-b731-656133383131/2024-11-12_14-34-58.png)
В качестве типа блока выбираем "TX01: Текст".
![](https://static.tildacdn.com/tild3231-6265-4164-a237-396137323366/2024-11-12_14-36-05.png)
Нажимаем "Сохранить", - и через несколько секунд интеграция готова.
![](https://static.tildacdn.com/tild3161-3861-4530-a362-326562623032/2024-11-12_14-37-10.png)
Для завершения настройки добавляем под нашим текстовым блоком блок "T123: HTML-код"
![](https://static.tildacdn.com/tild6632-3561-4163-b734-323331303364/2024-11-07_13-14-48.png)
Копируем туда полученную строчку и публикуем страницу.
![](https://static.tildacdn.com/tild3661-3534-4633-a632-326233366639/2024-11-12_14-42-41.png)
Что получилось:
В результате каждый из пользователей в личном кабинете будет видеть свое имя (при условии, что он авторизован на сайте)
![](https://static.tildacdn.com/tild3132-3534-4565-b131-333062383162/image.jpg)
*Рассмотрим еще одну связку с Бипиум
К примеру, мы хотим подтянуть название объявления пользователя. В этом случае в интеграции "Ссылка на каталог, откуда нужно подтянуть данные", "ID поля" и "Текст" будут меняться.
Ссылку на каталог используем из таблицы "Объявления" (создаем по аналогии с таблицей "Пользователи"), так как нам нужно подтянуть название товара, а его наименование находится именно в этой таблице.
![](https://static.tildacdn.com/tild3830-3763-4265-a463-333964656336/2024-11-12_14-48-50.png)
ID поля находим по этой схеме:
![](https://static.tildacdn.com/tild6637-6663-4363-a463-373236646437/__2.png)
В нашем случае в поле "Пользователи" таблицы "Объявления" стоит цифра "3".
![](https://static.tildacdn.com/tild6630-6235-4937-b432-373466643262/2024-11-12_14-53-57.png)
Далее заходим в таблицу "Пользователи", открываем ссылку на эту страницу и копируем номер каталога. В нашем случае это число "31".
![](https://static.tildacdn.com/tild6332-3364-4964-a539-663634616131/2024-11-12_14-51-10.png)
Далее заходим в таблицу "Пользователи", открываем настройки поля, ищем поле "Email". В нашем случае это цифра "3".
![](https://static.tildacdn.com/tild3839-3763-4235-b734-313065363533/2024-11-12_14-54-58.png)
Таким образом, в графе "ID поля" в интеграции мы вписываем число 3.31.3
![](https://static.tildacdn.com/tild6433-3562-4132-b431-313733373565/image.png)
Далее для полей блока Тильды указываем ID полей в каталоге Бипиум, откуда подтягивать значения. Оставляем пустым, если подтягивать значения не нужно.
В нашем случае данные нужно подтягивать из таблицы "Объявления", секция "Название".
![](https://static.tildacdn.com/tild6331-3936-4137-b831-376436386565/2024-11-12_15-04-09.png)
Поэтому в поле "Текст" в интеграции указываем цифру "2".
![](https://static.tildacdn.com/tild3764-6433-4966-b232-616661306535/2024-11-12_15-05-39.png)
Для завершения настройки добавляем под нашим текстовым блоком блок "T123: HTML-код", копируем туда полученную строчку и публикуем страницу.
![](https://static.tildacdn.com/tild3361-6439-4930-b438-356235316164/2024-11-12_15-06-54.png)
Что получилось:
В результате в личном кабинете отобразилось название объявления.
![](https://static.tildacdn.com/tild3636-3832-4065-a662-656433306266/image_1.jpg)