> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Подключение Zapier к вашему сайту [Zapier](https://zapier.com/) — это сервис, который может выступать посредником между контактной формой на сайте и сторонним приложением. Настройка автоматизации осуществляется с помощью Zap-ов, которые начинаются с Trigger — события, которое запускает весь ваш рабочий процесс. После того, как происходит триггерное событие, срабатывает Action — действие, которое нужно выполнить в таком случае. Так, вы можете создать Zap, в котором события с вашей контактной формы на сайте будут перенаправляться в стороннее приложение (Google Таблицы, Slack и прочее). В таком случае вам необходимо будет настроить заполнение контактной формы на сайте как Trigger, а другой сервис, куда должны попадать данные с формы, как Action. Однако это не единственное удобство, которое вы можете получить, используя Zapier на своем сайте с Weblium! Вы также можете отслеживать производительность вашего магазина и вести учет заказов, которые вы получаете. **Содержание:** * [Интеграция Zapier c контактной формой](#1-color000000integraciya-zapier-c-kontaktnoj-formoj) * [Интеграция Zapier c Вашим Магазином](#1-color000000integraciya-zapier-c-vashim-magazinom) ||| ${color}[#f97700](Важно:) эти опции доступны только для сайтов с платными подписками. # ${color}[#000000](Интеграция Zapier c контактной формой) ### Шаг 1. Доступ к ID сайта и Секретному ключу 1. Чтобы включить интеграцию с Zapier на своём сайте, зайдите в настройки сайта, откройте раздел **Управление формами** (1) и перейдите на вкладку **Интеграции** (2): ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier1_ftb0nu.png) 2. Затем нажмите на поле **Zapier**, а затем - на кнопку **Новый сервис**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier2_1v52ks4.png) 3. Скопируйте сгенерированный **ID сайта** и **Секретный ключ**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier3_12hsflk.png) ### Шаг 2. Вход в ваш Zapier аккаунт 1. Зарегистрируйтесь или войдите в уже существующий аккаунт на [Zapier](https://zapier.com/). 2. Для начала вам нужно будет добавить свой сайт в аккаунт на Zapier. Для этого откройте [эту ссылку с приглашением](https://zapier.com/developer/public-invite/15815/8e84081c0c2fa9f59a290e296a4135a4/) и нажмите **Accept Invite & Build a Zap** внизу страницы, которая перенаправит вас на главную панель управления вашим аккаунтом на Zapier: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier4_16op0lh.png) ### Шаг 3. Создание обработчика события для вашего Zap-а 1. Нажмите **Create** — **New Zap** в правом верхнем углу, чтобы начать создавать ваш Zap: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier5_swfblv.png) 2. В новом окне дайте отличительное название для вашей Zap-автоматизации: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier6_1ijeynb.png) 3. На этом этапе выберите **Trigger**, введите в поле поиска **Form Submission** и выберите **Sitebuilder Form (1.0.3)**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier7_19lypj0.png) 4. Потом выберите **Form Submission** в списке **Trigger Event**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier8_1mu8nug.png) 5. Далее нажмите **Sign in**, чтобы продолжить создание Zap-а: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier9_vb66l7.png) 6. В новом окне введите полученные **ID сайта** и **Секретный ключ** из настроек вашего сайта, а затем нажмите **Yes, continue**, чтобы подключить свой сайт к этому Zap-у: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier10_1ofw32s.png) 7. Так, вы успешно присоединили свой сайт к этому Zap-у. Нажмите **Continue**, чтобы продолжить: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier11_mcist8.png) 8. В выпадающем списке, выберите нужную вам контактную форму на подключенном сайте и нажмите **Continue**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier12_1d2ivnb.png) | ${color}[#1aa900](Подсказка:) название формы на стороне Zapier соответствует её названию в редакторе. Мы рекомендуем изменить имена форм, чтобы лучше их различать. Для этого обратитесь к статье [Изменение названия контактной формы](https://help.weblium.com/ru/article/izmenenie-nazvaniya-kontaktnoj-formy-87ae0i/). 9. На этом шаге вам будет предложено протестировать установленное событие. Мы рекомендуем вам пройти этот тест, чтобы убедиться, что вы правильно подключили нужный сайт к Zap-у и верно настроили этот Trigger: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier13_15dukqb.png) 10. Если всё настроено корректно, вы увидите следующее сообщение. Нажмите **Continue with selected record**, чтобы продолжить настраивать связи между двумя приложениями: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier14_x0sfu4.png) ### Шаг 4. Назначение действия для обработчика события вашего Zap-а 1. Теперь выберите приложение, с которым вы будете работать, и настройте Action — какое событие будет происходить после отправки формы на стороне этого приложения. Более детальную информацию о настройке Zap-ов вы можете найти в [инструкции по их созданию от Zapier](https://zapier.com/help/create/basics/create-zaps). 2. Когда вы дойдёте до этапа тестирования действия вашего Zap-а, оставьте эту вкладку на несколько минут и вернитесь в свой аккаунт на Weblium. В редакторе сайта, откройте вкладку **Интеграции** в настройках формы и включите **Zapier**, а также **выберите соответствующий идентификатор подключения** в раскрывающемся списке: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier15_1bfz1nx.png) 3. После этого, [опубликуйте ваш сайт](https://help.weblium.com/ru/article/publikaciya-sajta-1xvrq6l/). 4. Вернитесь в аккаунт Zapier и нажмите **Test Step**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier16_sqbim.png) 5. Просмотрите результат теста, чтобы увидеть как отработало действие **Create Spreadsheet Row** в Google таблицах: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier17_ejv7rs.png) 6. Если все сработало корректно, нажмите **Publish**, чтобы активировать автоматизацию: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier18_piad7m.png) Готово! Теперь контактная форма на сайте будет отправлять информацию в Google таблицы, которое вы настроили через Zapier. # Отправка даты и времени в Google Sheets 7. Перейдите в Google таблицы и добавьте два новых столбца «Date» и «Correct date» (потом можете переименовать их по собственному желанию): ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier19_ebuxfy.png) 8. Вернитесь в ваш Zap и перейдите к редактированию события **Отправки контактной формы**. К новому полю «Date» добавьте триггер **{{zap_meta_utc_iso}}**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier20_xutvkm.png) ### Форматирование даты и времени в Google таблицах. 9. На этом этапе дата и время будет передаваться в формате UTC +0 в столбец «Date». Для того, чтобы передавать время в соответствии с вашим часовым поясом, в первую строку столбца «Correct date» нужно добавить следующую формулу: `=ARRAYFORMULA(IF(F2:F="", "", TEXT(F2:F + TIME(2,0,0), "yyyy-mm-dd hh:mm:ss")))`: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier21_s3bt0n.png) Замените F2:F на нужный столбец, например J2:J, если данные находятся в другом месте. Чтобы учесть часовой пояс, настройте функцию TIME: Для UTC+2: TIME(2,0,0) Для UTC-5: -TIME(5,0,0) Для минутного смещения (например, UTC-5:30): -TIME(5,30,0). 10. После этого столбец «Date» можно скрыть, чтобы отображать только правильное время в поле «Correct date». Теперь контактная формы на вашем сайте будет дополнительно отправлять дату и время отправки в Google таблицы: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier22_1b695gb.png) # ${color}[#000000](Интеграция Zapier c Вашим Магазином) ### Шаг 1. Подготовка 1. Создайте новый документ *Excel Spreadsheet* на своем Google Диске. Если же шаблон документа куда будут заноситься данные уже готов, переходите к ** Шагу 2 **. 2. Назовите лист с таблицей (необязательно) и создайте заголовки столбцов в электронной таблице. 3. Зарегистрируйтесь или войдите в свою существующую [учетную запись Zapier](https://zapier.com/). Далее все картинки будут на английском, т.к. интерфейс Zapier имеет только такую локализацию, но не волнуйтесь — все будет доступно расписано, а картинки будут лишь для визуализации. ### Шаг 2. Настройка триггера вашего Zap-а 1. Перейдя на панель управления Zap-ами, нажмите **Create Zap** в верхнем правом углу: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop1_1nsqk97.png) 2. В открывшемся окне, назовите свой Zap: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop2_1hm1myl.png) 3. Найдите **Webhook** и выберите его: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop3_1bquaoa.png) || ${color}[#ffa800](Примечание:) использование опции Webhook — это платная услуга в Zapier, но у вас будет возможность попробовать ее в течение *недели*, прежде чем опредилиться с переходом на платную подписку. 4. Выберите событие **Catch Hook** для триггера: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop4_1dxrnup.png) 5. И дважды нажмите **Continue**, чтобы продолжить создание Zap-а: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop5_bwam8r.png) 6. Теперь скопируйте свой индивидуальный URL-адрес веб-хука — он вам скоро понадобится. Нажмите **Continue**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop6_1opd7km.png) 7. Дойдя до окна тестирования, оставьте его на некоторое время — вы вернетесь к нему через несколько минут. Вместо этого, перейдите в настройку уведомлений Вашего Магазина, вставьте URL-адрес пользовательского веб-хука, который вы только что скопировали, в предоставленное поле, чтобы добавить интеграцию Zapier, и нажмите **Connect**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop7_1fusmyi.png) 8. Вернитесь на вкладку своей учетной записи Zapier и проверьте свой триггер — нажмите кнопку **Test trigger**, а затем нажмите **Continue with selected record**. Если ошибок нет — поздравляем! Вы только что настроили триггер своего веб-хука: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop8_87d2va.png) ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop9_kolbao.png) ### Шаг 3. Настройка действия вашего Zap-а. 1. Самый удобный способ хранить и анализировать ваши данные — использовать **Google Таблицы**, поэтому мы тоже воспользуемся этим вариантом: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop10_1n9beoi.png) 2. Среди вариантов **Action event**, выберите **Create Spreadsheet Row** и нажмите **Continue**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop11_mf7ttw.png) 3. Выберите свою учетную запись Google, в которой находится электронная таблица, в которую вы собираетесь добавлять записи о заказах: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop12_uku255.png) 4. После этого, вы увидите заголовки полей, которые вы добавили в свою таблицу, и сможете указать, какие данные должны отображаться в каждом поле вашей таблицы. Когда все будет готово, жмите **Continue**. ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop13_e40zfa.png) 6. Вам будет предложено пройти еще один тест - на проверку корректности настройки действия для вашего Zap-а. Пройдите его, нажав **Test step**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop14_1jezjhq.png) 7. После прохождения теста вам будет предложено включить Zap — сделайте это. Вы можете активировать ваш Zap, нажав соответствующую кнопку **Publish**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop15_km3s1s.png) Готово! Теперь Ваш Магазин будет отправлять с вашего сайта данные в выбранную электронную таблицу, которую вы настроили на Zapier, и у вас в документе на Google Диске будут хранится все записи ваших дальнейших заказов: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop16_135xhoi.png) ### Шаг 4. Парсинг данных с вебхука "Order Customer Fields Value" По умолчанию вебхук **Order Customer Fields Value** передает информацию в следующем формате: `Customer Name,Email,+380501234567,Customer's comment`. В приведенном выше примере эта информация передается в поле E. Для того, чтобы соответствующие частичные значения были отправлены в следующие столбцы (F-G-H-I), вам нужно будет использовать следующие формулы к первым строкам столбцов F-I: **F** столбец ( **Имя покупателя**): `=ARRAYFORMULA(IF(E2:E="", "", LEFT(E2:E, FIND(",", E2:E) - 1)))` **G** столбец ( **Email**): `=ARRAYFORMULA(IF(E2:E="", "", MID(E2:E, FIND(",", E2:E) + 1, FIND(",", E2:E, FIND(",", E2:E) + 1) - FIND(",", E2:E) - 1)))` **H** столбец ( **Номер**): `=ARRAYFORMULA(IF(E2:E="", "", MID(E2:E, FIND(",", E2:E, FIND(",", E2:E) + 1) + 1, FIND(",", E2:E, FIND(",", E2:E, FIND(",", E2:E) + 1) + 1) - FIND(",", E2:E, FIND(",", E2:E) + 1) - 1)))` **I** столбец ( **Комментарий**): `=ARRAYFORMULA(IF(E2:E="", "", RIGHT(E2:E, LEN(E2:E) - FIND(",", E2:E, FIND(",", E2:E, FIND(",", E2:E) + 1) + 1))))` ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop17_1fkc0zw.png) || ${color}[#ffa800](Note:) Замените буквы столбцов в формулах на нужные столбцы, если данные находятся в другом месте. Также вы можете посмотреть, как правильно отправлять дату и время в разделе [Отправка даты и времени в Google Sheets](#1-otpravka-daty-i-vremeni-v-google-sheets). | ${color}[#1aa900](Подсказка:) дальнейшую информацию о том, как вы можете управлять своими Zap-ами, вы сможете найти в [Справочном центре Zapier](https://zapier.com/help/manage).