# Як пов’язати додатки у CRM: серія інструкцій

У GudHub додатки можуть взаємодіяти між собою, обмінюватися даними та спільно виконувати завдання. Наприклад, один додаток може зберігати інформацію про клієнтів, а інший – фіксувати їхні відвідування.

У серії покрокових інструкцій ми покажемо на практичному прикладі, як налаштувати взаємодію між двома додатками в CRM. Створимо окремий додаток **“Відвідування”**, пов'яжемо його з додатком **“Клієнти”**, а потім налаштуємо відображення історії відвідувань у картці кожного клієнта.

Матеріали серії можна проходити послідовно – кожен наступний продовжує попередній і додає новий рівень налаштувань.

## У цій серії:

1. [Створення та налаштування додатка для обліку відвідувань](https://gudhub.com/uk/tutorials/getting-started/zvyazok-mizh-dodatkamy/nalashtuvannya-dodatka/).
2. [Налаштування зв'язку між додатками](https://gudhub.com/uk/tutorials/getting-started/zvyazok-mizh-dodatkamy/nalashtuvannya-zvyazku-mizh-dodatkamy/).
3. [Обмін даними між додатками](https://gudhub.com/uk/tutorials/getting-started/zvyazok-mizh-dodatkamy/obmin-danymy/).
4. **Відображення пов'язаної інформації в картці клієнта у PRO-версії.**

У [попередніх матеріалах](https://gudhub.com/uk/tutorials/getting-started/zvyazok-mizh-dodatkamy/) ми створили повноцінний додаток для обліку відвідувань. Ви можете самостійно додавати нові записи, обирати клієнта з бази та зберігати дату кожного звернення – для цього додаткові PRO-налаштування не потрібні.

Налаштування у **PRO-версії** потрібні для розширення цього зв’язку: вони дозволяють автоматично відображати історію відвідувань безпосередньо в індивідуальній картці клієнта у додатку **“Клієнти”**.

Тобто додаток **“Відвідування”** і без цих налаштувань залишається повністю функціональним. **PRO-версія** лише додає зручну можливість переглядати пов’язану інформацію в одному місці без необхідності переходити між додатками.

Тепер налаштуємо відображення історії відвідувань безпосередньо в індивідуальній картці клієнта. Для цього додамо до додатка **“Клієнти”** окремий блок, у якому будуть відображатися дані з додатка **“Відвідування”**.

## Додаткові налаштування у PRO версії

### Крок 1

Перейдіть у додаток **“Клієнти”** та відкрийте будь-який запис. Натисніть правою кнопкою миші на полі таблиці, щоб відкрити контекстне меню, та оберіть **“Template Builder”**.
![30](https://app.gudhub.com:443/userdata/41557/1205081.png)
Щоб розмістити інформацію про відвідування окремо від інших даних клієнта, створіть новий контейнер. Для цього натисніть на іконку та оберіть **“Add Container”**.
![31](https://app.gudhub.com:443/userdata/41557/1205082.jpeg)
![32](https://app.gudhub.com:443/userdata/41557/1205083.png)
Після створення контейнер з’явиться у формі. Перетягніть його нижче вже наявних блоків із даними клієнта, щоб інформація про відвідування відображалася після них.
![33](https://app.gudhub.com:443/userdata/41557/1205084.png)

### Крок 2

Тепер додамо до нового контейнера таблицю, яка отримуватиме дані з додатка **“Відвідування”**.

У розділі **“Elements Library”** знайдіть елемент **“Table”** (**"Таблиця"**) та перетягніть його до створеного контейнера.
![34](https://app.gudhub.com:443/userdata/41557/1205085.png)
Додану таблицю потрібно налаштувати, вказавши, які саме дані будуть у ній відображатися. Для цього натисніть на таблиці правою кнопкою миші та оберіть **“Field Configurator”**.
![35](https://app.gudhub.com:443/userdata/41557/1205086.png)
У полі **"Field Name"** вкажіть назву таблиці.
![36](https://app.gudhub.com:443/userdata/41557/1205087.jpeg)
Далі у полі **“Application”** оберіть додаток, з якого таблиця отримуватиме дані. У нашому випадку це **“Відвідування”**.
![37](https://app.gudhub.com:443/userdata/41557/1205088.png)
Після цього налаштуйте поля, які мають відображатися у картці клієнта. Для нашого прикладу достатньо залишити **“Клієнт”** і **“Дата”**. За потреби їхній порядок можна змінити.
![38](https://app.gudhub.com:443/userdata/41557/1205089.jpeg)
Для збереження змін натисніть **“Apply”**.
![39](https://app.gudhub.com:443/userdata/41557/1205090.jpeg)
Щоб завершити налаштування натисніть **“Save”**.
![40](https://app.gudhub.com:443/userdata/41557/1205091.jpeg)
Тепер дані з додатка **“Відвідування”** відображатимуться в індивідуальній картці клієнта у додатку **“Клієнти”**.
![41](https://app.gudhub.com:443/userdata/41557/1205092.png)

### Крок 3

На цьому етапі зверніть увагу на важливий нюанс: якщо відкрити картку будь-якого клієнта, у таблиці можуть відображатися відвідування інших клієнтів.
![42](https://app.gudhub.com:443/userdata/41557/1205093.png)
Щоб цього не відбувалося, потрібно додати до таблиці фільтр, який дозволить показувати лише ті записи, що належать поточному клієнту.

Для цього знову відкрийте **“Template Builder”**.
![43](https://app.gudhub.com:443/userdata/41557/1205094.png)
Перейдіть до вкладки **“Form”**.
![44](https://app.gudhub.com:443/userdata/41557/1205095.jpeg)
Після цього відкрийте **“Field Configurator”**.
![45](https://app.gudhub.com:443/userdata/41557/1205096.png)

### Крок 4

У налаштуваннях таблиці натисніть **“Add Filter”**.
![46](https://app.gudhub.com:443/userdata/41557/1205097.jpeg)
Оберіть **“Клієнт”**.
![47](https://app.gudhub.com:443/userdata/41557/1205098.png)
Після цього налаштуйте умови фільтра, послідовно обравши:

* **“Equals (or)”**

![48](https://app.gudhub.com:443/userdata/41557/1205099.png)

* **“Variable”**

![49](https://app.gudhub.com:443/userdata/41557/1205100.png)
У полі **“Select Value”** оберіть **“Current Item”**.
![50](https://app.gudhub.com:443/userdata/41557/1205101.png)
Таким чином, система буде порівнювати клієнта у записі про відвідування з клієнтом, чию картку зараз відкрито. У результаті в кожній індивідуальній картці відображатимуться лише записи, пов’язані з цим клієнтом.

Для збереження змін натисніть **“Apply”**.
![51](https://app.gudhub.com:443/userdata/41557/1205102.jpeg)
Після цього – натисніть **“Save”**.
![52](https://app.gudhub.com:443/userdata/41557/1205103.jpeg)
Тепер в індивідуальних картках клієнтів відображатиметься лише їхня власна історія відвідувань.
![53](https://app.gudhub.com:443/userdata/41557/1205104.png)
![54](https://app.gudhub.com:443/userdata/41557/1205105.png)
![55](https://app.gudhub.com:443/userdata/41557/1205106.png)
Таким чином, ми налаштували повноцінний взаємозв’язок між додатками **“Клієнти”** та **“Відвідування”**: дані про відвідування зберігаються в окремому додатку, автоматично пов’язуються з відповідним клієнтом і відображаються в його індивідуальній картці.