{"id":1350,"date":"2021-04-20T22:49:49","date_gmt":"2021-04-20T17:19:49","guid":{"rendered":"http:\/\/holithemes.com\/plugins\/click-to-chat\/?p=1350"},"modified":"2025-12-22T14:39:13","modified_gmt":"2025-12-22T09:09:13","slug":"webhooks","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/webhooks\/","title":{"rendered":"Webhooks"},"content":{"rendered":"\n<p>Webhooks are automated HTTP POST requests that send real-time data to a designated URL when specific events occur. This enables seamless communication between applications without the need for manual intervention.<\/p>\n\n\n\n<p>In the Click to Chat plugin, webhooks are triggered when a user interacts with the WhatsApp icon\/image.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Integration Tools<\/h3>\n\n\n\n<p> Create Webhook URL from integration tools like<\/p>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/holithemes.com\/go\/airtable\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/airtable.com\/invite\/r\/sJ4JVzcY\" rel=\"noreferrer noopener nofollow\">Airtable<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/holithemes.com\/go\/make\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/holithemes.com\/go\/make\" rel=\"noreferrer noopener nofollow\">Make.com<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/zapier.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Zapier<\/a><\/li>\n<\/ul>\n\n\n\n<p>Currently, as we know, the Facebook Conversation API (server-side event) is available on Zappier, Make.com.<\/p>\n\n\n\n<p>Navigate to <em>&#8220;<strong>Click to Chat<\/strong>&#8220;<\/em> -&gt;<em> &#8221;<strong>Other Settings<\/strong><\/em>&#8221; and scroll to the <em>&#8220;<strong>Webhooks<\/strong>&#8220;<\/em> section and add the Webhook URL.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"159\" height=\"154\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2021\/04\/Other-Settings-nav.webp\" alt=\"\" class=\"wp-image-6311\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"738\" height=\"655\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2021\/04\/add-webhook-url-1.webp\" alt=\"\" class=\"wp-image-4826\" style=\"width:919px;height:auto\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2021\/04\/add-webhook-url-1.webp 738w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2021\/04\/add-webhook-url-1-300x266.webp 300w\" sizes=\"(max-width: 738px) 100vw, 738px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Integrate Webhooks with Click to Chat Plugin | #holithemes #clicktochat\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/HlqKMh6KISw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Webhook Integration Using Pipedream: <a href=\"https:\/\/youtu.be\/z3ufViOiSNo\" target=\"_blank\" rel=\"noopener\">Video Link<\/a><\/strong> <\/p>\n\n\n\n<p><strong>Webhook Integration Using Zapier: <a href=\"https:\/\/youtu.be\/q_oAk1UC9mk\" target=\"_blank\" rel=\"noopener\">Video Link<\/a><\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-ast-global-color-8-color has-text-color\" id=\"pro\"><strong>PRO<\/strong><\/h3>\n\n\n\n<p>Using the <strong>Click to Chat PRO<\/strong> plugin. We can leverage variables to enhance the customization of the webhook URL triggered when a user clicks the WhatsApp icon or button.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\ud83d\udd17 These Variables Included in PRO version &#8211; <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/\" data-type=\"link\" data-id=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/\">View Pricing<\/a><\/p>\n<\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\">Variables:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>{url}<\/strong>: The URL of the page where the user clicks the WhatsApp icon or button.<\/li>\n\n\n\n<li><strong>{time}<\/strong>: The exact timestamp of when the user clicks the WhatsApp icon\/button.<\/li>\n\n\n\n<li><strong>{number}<\/strong>: The WhatsApp number associated with the button (as configured in the plugin settings). This is especially useful for features like Random Number or Multi-Agent.<\/li>\n\n\n\n<li><strong>{title}<\/strong>: The title of the page where the user clicks the WhatsApp icon.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Advanced Variables<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Get Values from URL Parameters<\/strong>: Text within single square brackets will retrieve values from the URL parameters. If the parameter is not present, it will return a blank value.\n<ul class=\"wp-block-list\">\n<li><strong>[gclid<\/strong>] \u2014 eg URL: <code>https:\/\/example.com\/<strong>?gclid=123abc<\/strong><\/code> \u2014 [retrieved value: <code><strong>123abc<\/strong><\/code>]<\/li>\n\n\n\n<li><strong>[utm_source<\/strong>] \u2014 eg URL: <code>https:\/\/example.com\/<strong>?utm_source=google<\/strong><\/code> \u2014 [retrieved value: <code><strong>google<\/strong><\/code>]<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Get Values from Cookies<\/strong>: Text within double square brackets will fetch values from browser cookies. If the specified cookie is absent, it will return a blank value.\n<ul class=\"wp-block-list\">\n<li><strong>[[_ga<\/strong>]] \u2014 stored in cookie: <code>_ga=<strong>GA1.2.987654321.1678901234<\/strong><\/code> \u2014 [retrieved value: <code><strong>GA1.2.987654321.1678901234<\/strong><\/code>]<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"793\" height=\"847\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2021\/04\/webhook-pro-variables.webp\" alt=\"Webhooks URL and Values\" class=\"wp-image-4828\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2021\/04\/webhook-pro-variables.webp 793w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2021\/04\/webhook-pro-variables-281x300.webp 281w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2021\/04\/webhook-pro-variables-768x820.webp 768w\" sizes=\"(max-width: 793px) 100vw, 793px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Webhooks in Greetings Form<\/h3>\n\n\n\n<p>If we want to store or track the data submitted through your greetings form, we strongly recommend using&nbsp;Webhooks.<\/p>\n\n\n\n<p>Webhooks instantly send the data to your system, making it easy to track user interactions, automate workflows, and ensure data is stored accurately in real time. Additionally, we will receive a notification every time a user submits the form, keeping you updated on new entries.<\/p>\n\n\n\n<p>Navigate to&nbsp;<strong>\u201cClick to Chat\u201d -&gt; \u201cGreetings\u201d<\/strong>&nbsp;-&gt; Select<strong>&nbsp;Greetings Form<\/strong>&nbsp;-&gt; Scroll down and we got to see \u201c<strong>Webhook address<\/strong>\u201d there Paste the URL there.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To get the form data, add a webhook url in the greetings form to get the events from the users.<\/li>\n<\/ul>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-form\/#webhooks\">Greetings- Form \u2013 Click to Chat<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Webhook Data Format<\/h3>\n\n\n\n<p>By default, the plugin sends webhook data in a string format (JSON object).<\/p>\n\n\n\n<p>Navigate to&nbsp;<strong>\u201cClick to Chat\u201d -&gt; \u201cOther Settings\u201d -&gt;<\/strong>&nbsp;and scroll then&nbsp;<strong>\u201cAdvanced Settings<\/strong>.\u201d<\/p>\n\n\n\n<p>If the integration application requires data in JSON format, select the webhook data format as&nbsp;<strong>\u201cStringify JSON\u201d<\/strong>&nbsp;to enable seamless data exchange.<\/p>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/webhook-data-format\/\">Webhook Data Format- Documentation<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Additional Resources<\/strong><\/h4>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/create-event-from-google-tag-manager-using-datalayer-send-to-google-analytics\/\">Create Event from Google Tag Manager using dataLayer \u2013 send to Google analytics \u2013 Click to Chat<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/google-ads-conversion\/\">Google Ads Conversion for Click to Chat Plugin<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/facebook-pixel\/\">Setting up Meta Pixel Event Tracking with \u2018Click to Chat\u2019<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/google-analytics\/\">Event Tracking for WhatsApp Button with Click to Chat Plugin in Google Analytics<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Webhooks are automated HTTP POST requests that send real-time data to a designated URL when specific events occur. This enables seamless communication between applications without the need for manual intervention. In the Click to Chat plugin, webhooks are triggered when a user interacts with the WhatsApp icon\/image. Integration Tools Create Webhook URL from integration tools [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":"","_htd2_assets":[]},"categories":[55],"tags":[],"class_list":["post-1350","post","type-post","status-publish","format-standard","hentry","category-webhooks"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/1350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/comments?post=1350"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/posts\/1350\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=1350"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/categories?post=1350"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/tags?post=1350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}