{"id":6982,"date":"2025-11-13T12:22:10","date_gmt":"2025-11-13T06:52:10","guid":{"rendered":"https:\/\/holithemes.com\/plugins\/click-to-chat\/?post_type=docs&#038;p=6982"},"modified":"2026-10-08T10:56:45","modified_gmt":"2026-10-08T05:26:45","slug":"greetings-form","status":"publish","type":"docs","link":"https:\/\/holithemes.com\/plugins\/click-to-chat\/docs\/greetings-form\/","title":{"rendered":"Greetings Form"},"content":{"rendered":"\n<p class=\"has-text-align-left wp-embed-aspect-16-9 wp-has-aspect-ratio wp-block-paragraph\">Greetings Form can make your website visitors fill the form before initiating the chat<\/p>\n\n\n\n<blockquote class=\"wp-block-quote wp-embed-aspect-16-9 wp-has-aspect-ratio is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em>&nbsp;\ud83d\udd17&nbsp;Included in the PRO plan \u2014&nbsp;<a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/\">View Pricing<\/a><\/em><\/p>\n<\/blockquote>\n\n\n\n<p class=\"has-text-align-left wp-embed-aspect-16-9 wp-has-aspect-ratio wp-block-paragraph\">The Form data filled by the user:<\/p>\n\n\n\n<ul class=\"wp-block-list wp-embed-aspect-16-9 wp-has-aspect-ratio\">\n<li>Attach to the prefilled message<\/li>\n\n\n\n<li>Get an email notification<\/li>\n\n\n\n<li>Call a Webhook URL to integrate with other applications.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-text-align-left wp-embed-aspect-16-9 wp-has-aspect-ratio wp-block-paragraph\">Go to <strong>Click to Chat \u2192 Greetings<\/strong> and choose <strong>Greetings Form<\/strong> under <strong>Greetings Dialog<\/strong>. The <strong>Content<\/strong> and <strong>Greetings Form<\/strong> cards contain the settings below.<\/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=\"Greetings form - Webhooks\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/4q5efRNSo3g?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 class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Customize the Content<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Use the <strong>Content<\/strong> card to edit the text shown above and below the form:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Header content<\/li>\n\n\n\n<li>Main content<\/li>\n\n\n\n<li>Bottom content<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-6b60deb4-ea8d-4b7d-8537-7d263c9edd7b\">Variables like <strong>{site},{title}<\/strong>, and <strong>{url} <\/strong>can also be used in these text editors. The values of these variables are replaced dynamically:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-8ece7007-b141-44d8-aa97-f5935a8b8bab\"><strong>{site}<\/strong> &#8211; changes to the current website name.<br><strong>{title}-<\/strong> changes to the title of the current page. (If it\u2019s the home page, then change to the website name.)<br><strong>{url}<\/strong> &#8211; replaces with the current page URL.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h5 id=\"block-8315a685-2928-4aae-b164-4bf43b135824\" class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Header Content: <\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-8315a685-2928-4aae-b164-4bf43b135824\">The text present in the header content appears at the top of the greetings dialog.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\" id=\"block-650d7552-be67-45a5-8ae1-dbee1e6877e2\"><img decoding=\"async\" width=\"503\" height=\"522\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/greetiings-header.webp\" alt=\"\" class=\"wp-image-7524\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/greetiings-header.webp 503w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/greetiings-header-289x300.webp 289w\" sizes=\"(max-width: 503px) 100vw, 503px\" \/><figcaption class=\"wp-element-caption\">Here, {site} is dynamically replaced with the website name.<\/figcaption><\/figure>\n\n\n\n<h5 id=\"block-cf82b6b2-29bb-4518-9ab8-b4116ff67967\" class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Main Content: <\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-cf82b6b2-29bb-4518-9ab8-b4116ff67967\">The content present in the main content appears inside the message box of the greetings dialog body.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\" id=\"block-5bafb707-e28f-4f34-b3f3-39acfc62a0cf\"><img decoding=\"async\" width=\"452\" height=\"472\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/main-content-greetings.webp\" alt=\"\" class=\"wp-image-7541\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/main-content-greetings.webp 452w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/main-content-greetings-287x300.webp 287w\" sizes=\"(max-width: 452px) 100vw, 452px\" \/><figcaption class=\"wp-element-caption\">Here, {title} is replaced with the current page title.<\/figcaption><\/figure>\n\n\n\n<h5 id=\"block-f8bcdfe6-1c54-4828-a6f3-1c0e39d97653\" class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Bottom Content: <\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-f8bcdfe6-1c54-4828-a6f3-1c0e39d97653\">The text present in the Bottom Content appears at the bottom part of the greetings dialog.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\" id=\"block-78add08a-e77a-4d34-af17-9bdde219ca51\"><img decoding=\"async\" width=\"501\" height=\"518\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/greetings-bottom-content.webp\" alt=\"\" class=\"wp-image-7532\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/greetings-bottom-content.webp 501w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/greetings-bottom-content-290x300.webp 290w\" sizes=\"(max-width: 501px) 100vw, 501px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-7fb8310c-94e2-4fa0-836f-cc8ae78a7db0\"\/>\n\n\n\n<h5 id=\"block-f6d7ce4d-1c98-4e93-984e-2298c4f4dc47\" class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Call to Action: <\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-f6d7ce4d-1c98-4e93-984e-2298c4f4dc47\">This text appears on the WhatsApp button of the greetings dialog.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\" id=\"block-284301db-9192-4666-bc1a-3651ed4f1153\"><img decoding=\"async\" width=\"501\" height=\"119\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/greetings-cta.webp\" alt=\"\" class=\"wp-image-7529\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/greetings-cta.webp 501w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/greetings-cta-300x71.webp 300w\" sizes=\"(max-width: 501px) 100vw, 501px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Greetings Form Builder: <\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">In the <strong>Greetings Form<\/strong> card, click <strong>Add Field<\/strong> and choose a <strong>Field Type<\/strong>. There are eight types: Text, Email, TextArea, Checkbox, Select, Date, Number, and Hidden. Add the fields we need, then drag the handle to change their order or use the remove icon to delete a field.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"827\" height=\"725\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/add-button.webp\" alt=\"\" class=\"wp-image-7734\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/add-button.webp 827w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/add-button-300x263.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/add-button-768x673.webp 768w\" sizes=\"(max-width: 827px) 100vw, 827px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h5 id=\"text\" class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Text: <\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">A test accepts a single line input.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"717\" height=\"330\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/text-field.webp\" alt=\"\" class=\"wp-image-7735\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/text-field.webp 717w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/text-field-300x138.webp 300w\" sizes=\"(max-width: 717px) 100vw, 717px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h5 id=\"email\" class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Email: <\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Email is a text box that accepts email ids as input. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"852\" height=\"393\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/email-field.webp\" alt=\"\" class=\"wp-image-7736\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/email-field.webp 852w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/email-field-767x354.webp 767w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/email-field-300x138.webp 300w\" sizes=\"(max-width: 852px) 100vw, 852px\" \/><\/figure>\n\n\n\n<h5 id=\"text-area\" class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Text Area (large field): <\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">The text Area accepts multi-line input. It can be used for Messages, and feedback which takes more data. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"876\" height=\"409\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/text-area-large.webp\" alt=\"\" class=\"wp-image-7737\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/text-area-large.webp 876w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/text-area-large-300x140.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/text-area-large-767x358.webp 767w\" sizes=\"(max-width: 876px) 100vw, 876px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Checkbox:<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">A <strong>Checkbox<\/strong> lets users confirm an option, such as accepting our privacy policy. Enable <strong>Required<\/strong> if visitors must check it before submitting.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To add a link to a checkbox label, enter it in <strong>Field Name<\/strong> using this format:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;text](link)<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"971\" height=\"390\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/check-box-field.webp\" alt=\"\" class=\"wp-image-7738\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/check-box-field.webp 971w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/check-box-field-300x120.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/check-box-field-767x308.webp 767w\" sizes=\"(max-width: 971px) 100vw, 971px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Select<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">A <strong>Select<\/strong> field lets users choose one option from a dropdown. Enter the choices in <strong>Select options (required)<\/strong>, one per line or separated by commas. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"745\" height=\"418\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/select-field.webp\" alt=\"\" class=\"wp-image-7739\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/select-field.webp 745w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/select-field-300x168.webp 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h5 id=\"date\" class=\"wp-block-heading\"><strong>Date<\/strong>:<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Date Field<\/strong> allows users to select a <strong>date or schedule a date and time<\/strong> directly from the Greetings Form before starting a WhatsApp chat. It supports <strong>Date Only<\/strong> mode and a full <strong>Scheduler (Date &amp; Time)<\/strong> with availability and duration<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"473\" height=\"491\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/date-field-1.webp\" alt=\"\" class=\"wp-image-7740\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/date-field-1.webp 473w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/date-field-1-289x300.webp 289w\" sizes=\"(max-width: 473px) 100vw, 473px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After adding a <strong>Date<\/strong> field, use the <strong>Date Field Settings<\/strong> accordion to choose <strong>Date Only<\/strong> or <strong>Scheduler (Date + Time)<\/strong>.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>Date Only Mode: <\/strong>(<a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/demo\/greetings-form-date\/\">View Demo<\/a>)<\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">Date Mode allows users to select <strong>only a date<\/strong> from the Greetings Form, without choosing a time. This is useful when the exact time is not required and only a preferred or required date needs to be collected before starting the chat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"745\" height=\"332\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/date-field-date-only.webp\" alt=\"\" class=\"wp-image-7741\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/date-field-date-only.webp 745w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/date-field-date-only-300x134.webp 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the Date Field settings, we can add <strong>min and max dates<\/strong> to show only available booking days and disable unavailable ones.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>Scheduler (Date+Time) Mode:<\/strong> (<a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/demo\/greeting-form-date-scheduler\/\">View Demo<\/a>)<\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">Scheduler Mode allows users to select both a <strong>date and a time slot<\/strong> based on defined availability. It is ideal for booking appointments, consultations, or callbacks before initiating the WhatsApp conversation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"585\" height=\"345\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/date-field-schedular.webp\" alt=\"\" class=\"wp-image-7742\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/date-field-schedular.webp 585w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/date-field-schedular-300x177.webp 300w\" sizes=\"(max-width: 585px) 100vw, 585px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the Date Field settings, we can set the <strong>minimum notice<\/strong>, <strong>schedule up to<\/strong>, and <strong>duration<\/strong> for bookings.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">In detailed Documentation of Greetings Form Date Field: <a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/docs\/greetings-form-date-field\/\">Date Field Docs<\/a><\/p>\n<\/blockquote>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Number (intl tel input)<\/strong>:<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">A <strong>Number (intl tel input)<\/strong> field collects the user\u2019s phone number with a country selector. This is the user\u2019s number, it does not change the WhatsApp number receiving the chat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Country Code Selection:<\/strong> Select your country from the dropdown menu. Enter your phone number in the provided field. The system will automatically validate that the phone number matches the format for your selected country.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"568\" height=\"279\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/inti-input.webp\" alt=\"\" class=\"wp-image-7743\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/inti-input.webp 568w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/inti-input-300x147.webp 300w\" sizes=\"(max-width: 568px) 100vw, 568px\" \/><\/figure>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>Intl Tel Input Settings<\/strong><\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">After adding a <strong>Number (intl tel input)<\/strong> field, use the <strong>Number (intl tel input) Settings<\/strong> accordion to configure its country selector and loading options.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>When to Load the intl-tel-input Library:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>No Delay:<\/strong> Load the intl-tel-input library immediately when the form is loaded.<\/li>\n\n\n\n<li><strong>Idle Time:<\/strong> Load the library after the browser becomes idle, with a short delay, or sooner if the user interacts with the widget.<\/li>\n\n\n\n<li><strong>After User Interaction with Widget:<\/strong> Load the library when the user interacts with the WhatsApp widget.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"488\" height=\"204\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/load-intil-lib-options.webp\" alt=\"\" class=\"wp-image-7744\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/load-intil-lib-options.webp 488w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/load-intil-lib-options-300x125.webp 300w\" sizes=\"(max-width: 488px) 100vw, 488px\" \/><\/figure>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>Separate Dial Code<\/strong><\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">If this option is checked, the country dial code is displayed next to the country flag in the input field.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Country Selection:<\/strong> When the user selects a country from the dropdown list, the country flag and dial code are displayed.<\/li>\n\n\n\n<li><strong>Dial Code Display:<\/strong> The dial code appears next to the flag, making it clear which code will be used when entering the phone number.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"774\" height=\"292\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/separate-dial-code.webp\" alt=\"\" class=\"wp-image-7745\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/separate-dial-code.webp 774w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/separate-dial-code-300x113.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/separate-dial-code-766x289.webp 766w\" sizes=\"(max-width: 774px) 100vw, 774px\" \/><\/figure>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>Localization<\/strong><\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">When set to &#8220;Auto,&#8221; the language used on the current page is automatically applied. Additionally, users have the option to select different languages.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"750\" height=\"309\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/localization.webp\" alt=\"\" class=\"wp-image-7746\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/localization.webp 750w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/localization-300x124.webp 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>Initial Country Settings<\/strong><\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">When set to &#8220;Auto,&#8221; the plugin automatically selects the visitor&#8217;s country using ipinfo.io based on their IP address.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"773\" height=\"295\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/initial-country.webp\" alt=\"\" class=\"wp-image-7747\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/initial-country.webp 773w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/initial-country-300x114.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/initial-country-768x293.webp 768w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/figure>\n\n\n\n<h5 id=\"hidden\" class=\"wp-block-heading\"><strong>Hidden<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">A hidden field is an invisible input field used in forms. It can utilize variables like {url}, {title}, and {number} to capture the current page&#8217;s URL, the title, and the number assigned to the WhatsApp chat widget. These fields can dynamically pull values from URL parameters or cookies. When the user submits the form, the hidden field values are sent with the form data via email notifications or webhooks.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How it Works?<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>URL Parameters<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Retrieve values directly from URL parameters by enclosing the parameter name in single square brackets <code>[ ]<\/code>.<\/li>\n\n\n\n<li>Example:\n<ul class=\"wp-block-list\">\n<li>URL: <code>https:\/\/example.com?gclid=12345&amp;utm_source=google<\/code><\/li>\n\n\n\n<li>To get the value of <code>gclid<\/code>, use <code>[gclid]<\/code>.<\/li>\n\n\n\n<li>To get the value of <code>utm_source<\/code>, use <code>[utm_source]<\/code>.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>If the parameter does not exist in the URL, the hidden field will be left blank.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Cookies<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Retrieve values stored in cookies by enclosing the cookie name in double square brackets <code>[[ ]]<\/code>.<\/li>\n\n\n\n<li>Example:\n<ul class=\"wp-block-list\">\n<li>To get the value of a cookie named <code>_ga<\/code>, use <code>[[ _ga ]]<\/code>.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>If the cookie does not exist, the hidden field will be left blank.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>Example in Context<\/strong> :<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">To track a user&#8217;s Google Ads click ID (<code>gclid<\/code>) and the source of their visit (<code>utm_source<\/code>), along with a value stored in a cookie named <code>_ga<\/code>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>URL<\/strong>: <code>https:\/\/example.com?gclid=12345&amp;utm_source=google<\/code><\/li>\n\n\n\n<li><strong>Cookie<\/strong>: <code>_ga=GA1.2.3456789<\/code><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Hidden fields might be defined as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>[gclid]<\/code> captures the value <code>12345<\/code> from the URL.<\/li>\n\n\n\n<li><code>[utm_source]<\/code> captures the value <code>google<\/code> from the URL.<\/li>\n\n\n\n<li><code>[[ _ga ]]<\/code> captures the value <code>GA1.2.3456789<\/code> from the cookie.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">You could set up your hidden fields like this:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>[gclid] will capture the value `12345` from the URL.<br>[utm_source] will capture the value `google` from the URL.<br>[[ _ga ]] will capture the value `GA1.2.3456789` from the cookie.<br><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">In this case, your hidden fields might be defined as:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>Hidden Field 1: [gclid]<br>Hidden Field 2: [utm_source]<br>Hidden Field 3: [[ _ga ]]<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Important Notes:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If the URL parameter or cookie doesn&#8217;t exist, the hidden field will remain empty.<\/li>\n\n\n\n<li>These values are dynamic and will change based on the user&#8217;s current URL and cookies.<\/li>\n\n\n\n<li>This method is often used to capture tracking information or user-specific data to be passed along to other systems.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This approach enhances forms by capturing relevant data seamlessly.<\/p>\n\n\n\n<h5 class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Required:<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">If <strong>\u201cRequired\u201d is selected,<\/strong> it becomes mandatory for the users to fill the form field. It prompts an error message when unfilled.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"475\" height=\"371\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/required.webp\" alt=\"\" class=\"wp-image-7751\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/required.webp 475w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/required-300x234.webp 300w\" sizes=\"(max-width: 475px) 100vw, 475px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"368\" height=\"116\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/01\/Required.webp\" alt=\"\" class=\"wp-image-3951\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/01\/Required.webp 368w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/01\/Required-300x95.webp 300w\" sizes=\"(max-width: 368px) 100vw, 368px\" \/><figcaption class=\"wp-element-caption\">If &#8216;Required&#8217; is selected and the form field value is empty, then an error message prompts.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h5 class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Add to Prefilled message:<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Enable <strong>Add to Prefilled message<\/strong> on each field whose value should appear in the WhatsApp message.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"476\" height=\"372\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/add-to-prefill.webp\" alt=\"\" class=\"wp-image-7750\" style=\"width:653px;height:auto\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/add-to-prefill.webp 476w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/add-to-prefill-300x234.webp 300w\" sizes=\"(max-width: 476px) 100vw, 476px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This will be automatically included in the Prefilled message, allowing us to send that data directly via WhatsApp.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"856\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/03\/Prefilled-1024x856.webp\" alt=\"\" class=\"wp-image-5767\" style=\"width:534px;height:auto\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/03\/Prefilled-1024x856.webp 1024w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/03\/Prefilled-300x251.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/03\/Prefilled-768x642.webp 768w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/03\/Prefilled.webp 1049w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 id=\"email_notification\" class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Email Notification and Webhooks:<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"504\" height=\"271\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/email-notification-webhook.webp\" alt=\"\" class=\"wp-image-7752\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/email-notification-webhook.webp 504w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/email-notification-webhook-300x161.webp 300w\" sizes=\"(max-width: 504px) 100vw, 504px\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Email Notification <\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Enter the recipient address in <strong>Email Notification<\/strong> in the <strong>Greetings Form<\/strong> card. When a user submits the form, the plugin sends the form data to the configured recipients. Leave the field blank if email notifications are not needed.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Multiple Recipients<\/strong>: We can enter multiple email addresses, separated by commas (<code>,<\/code>), to send notifications to more than one recipient.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"498\" height=\"133\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/email-notification-multi.webp\" alt=\"\" class=\"wp-image-7753\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/email-notification-multi.webp 498w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/email-notification-multi-300x80.webp 300w\" sizes=\"(max-width: 498px) 100vw, 498px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If cache plugins are active on the site, ensure the cache lifespan is set to less than 8 hours, or consider using webhooks for real-time data delivery.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Email Subject<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">To customize the subject line of the emails we receive when a customer submits the form:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use a custom email subject to identify form submissions:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the <strong>Greetings Form<\/strong> card, expand <strong>Email Notification Subject, Call to Action &#8211; button type<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enter a subject in <strong>Email Notification: Subject<\/strong>.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dynamic Fields<\/strong>: We can include dynamic placeholders like <code>{field_1}<\/code>, <code>{field_2}<\/code>, etc., which will be automatically replaced with the corresponding user input from the form fields.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"495\" height=\"399\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/email-notification-subject.webp\" alt=\"\" class=\"wp-image-7754\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/email-notification-subject.webp 495w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/email-notification-subject-300x242.webp 300w\" sizes=\"(max-width: 495px) 100vw, 495px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This allows for more personalized and informative subject lines.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Leave the subject blank to use <strong>Click to Chat &#8211; Greetings Form<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 id=\"webhooks\" class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Webhooks<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Enter the destination URL in <strong>Webhook address<\/strong> in the <strong>Greetings Form<\/strong> card. When a user submits the form, the plugin sends the form data to this URL. Leave it blank if no webhook is needed.<br><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Integration Tools:<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\"> Create Webhook URL from integration tools like<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/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 class=\"wp-block-paragraph\">Set <strong>Webhook data format<\/strong> under <strong>Click to Chat \u2192 Analytics \u2192 Webhooks<\/strong> if the receiving application needs a different format:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>JSON<\/strong><\/li>\n\n\n\n<li><strong>String (Stringify JSON)<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/webhook-data-format\/\">Webhook Data Format Documentation<\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter 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=\"Greetings form - Webhooks\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/4q5efRNSo3g?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 class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 id=\"block-4a75db84-ba72-4a33-b7b9-d3eb61cb2a2b\" class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Call to Action Button type: <\/strong><\/h4>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-4a75db84-ba72-4a33-b7b9-d3eb61cb2a2b\">Expand <strong>Email Notification Subject, Call to Action &#8211; button type<\/strong> in the <strong>Greetings Form<\/strong> card, then choose a <strong>Call to Action &#8211; button type<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\" id=\"block-f4592dc7-199b-4d5f-a844-76cfc8fbfd54\"><img decoding=\"async\" width=\"485\" height=\"395\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/call-to-action-type-greetings-fom.webp\" alt=\"\" class=\"wp-image-7755\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/call-to-action-type-greetings-fom.webp 485w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/call-to-action-type-greetings-fom-300x244.webp 300w\" sizes=\"(max-width: 485px) 100vw, 485px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-92ce8de5-2759-473e-8fad-e9f9e6ddde75\"><strong>Themes Button (style-1):<\/strong> Uses the Style-1 theme button design<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"305\" height=\"376\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/04\/image-18.webp\" alt=\"\" class=\"wp-image-3065\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/04\/image-18.webp 305w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/04\/image-18-243x300.webp 243w\" sizes=\"(max-width: 305px) 100vw, 305px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-246b426c-26c3-4738-97f8-ed4eb39ec2c8\"><strong>Button with WhatsApp Icon(style-7 Extend):<\/strong> The default option, with a WhatsApp icon beside the button text.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"310\" height=\"369\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/04\/image-19.webp\" alt=\"\" class=\"wp-image-3067\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/04\/image-19.webp 310w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/04\/image-19-252x300.webp 252w\" sizes=\"(max-width: 310px) 100vw, 310px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 id=\"block-2573b5f7-43a5-4b2b-8a89-a463f559b329\" class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Color Customization: <\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-2573b5f7-43a5-4b2b-8a89-a463f559b329\">Customize Background colors to Header content, main content, and message box. To change the colors, either enter a hexadecimal color value or select any color from the palette. Click on &#8216;Default&#8217; to apply the default color.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"473\" height=\"327\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/color-form.webp\" alt=\"\" class=\"wp-image-7756\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/color-form.webp 473w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/11\/color-form-300x207.webp 300w\" sizes=\"(max-width: 473px) 100vw, 473px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-47c0e661-d7be-4508-813b-c6bbfc4337b0\"><br>With the Default color values, the Greetings dialog- form appears like this:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"311\" height=\"545\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/01\/formfilling.webp\" alt=\"\" class=\"wp-image-3963\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/01\/formfilling.webp 311w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/01\/formfilling-171x300.webp 171w\" sizes=\"(max-width: 311px) 100vw, 311px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h4 id=\"block-6f5fe266-384c-49ef-bd59-11a4b65385bb\" class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Display: <\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-6f5fe266-384c-49ef-bd59-11a4b65385bb\">In the <strong>Additional Settings<\/strong> card, use <strong>Display<\/strong> to choose the devices where the Greetings Form appears.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\" id=\"block-bd7f5ce8-a0d3-4653-98be-4e4ebb671737\"><img decoding=\"async\" width=\"840\" height=\"523\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/greetings-action-display.webp\" alt=\"\" class=\"wp-image-7534\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/greetings-action-display.webp 840w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/greetings-action-display-300x187.webp 300w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/greetings-action-display-768x478.webp 768w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-73d8bfa7-6777-4959-9a6b-be6be6d85e03\"><strong>Desktop and Mobile:<\/strong> This is the default attribute. The greetings dialog appears on all desktop and mobile devices.<br><strong>Desktop Only:<\/strong> Greetings dialog is displayed only on desktop devices.<br><strong>Mobile Only:<\/strong> Greetings dialog is displayed only on Mobile devices.<\/p>\n\n\n\n<h4 id=\"block-a5d98315-af6c-4243-877c-b569dc99ef81\" class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong><strong>Greetings Initial Stage<\/strong>:<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\" id=\"block-9c7fde6d-cd19-4082-84cc-fc719bbb839a\"><img decoding=\"async\" width=\"749\" height=\"453\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/03\/initial-stage-1.webp\" alt=\"\" class=\"wp-image-7517\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/03\/initial-stage-1.webp 749w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2023\/03\/initial-stage-1-300x181.webp 300w\" sizes=\"(max-width: 749px) 100vw, 749px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Set <strong>Greetings Initial Stage<\/strong> in <strong>Additional Settings<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Preset:<\/strong> Opens on desktop for a first visit and stays closed on mobile; later behavior follows the user\u2019s interaction.<\/li>\n\n\n\n<li><strong>Open:<\/strong> Opens on page load. If the user closes it, it stays closed until reopened by the user or a Greetings Action.<\/li>\n\n\n\n<li><strong>Close:<\/strong> Keeps the dialog closed until the user clicks the WhatsApp widget or a Greetings Action opens it.<\/li>\n<\/ul>\n\n\n\n<h4 id=\"greeting-actions\" class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Greeting Actions<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Use the <strong>Actions<\/strong> card to open the Greetings Form after a time delay, page scroll, or user interaction.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em>&nbsp;\ud83d\udd17&nbsp;Included in the PRO plan \u2014&nbsp;<a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\/\">View Pricing<\/a><\/em><\/p>\n<\/blockquote>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set <strong>Greetings Initial Stage<\/strong> to <strong>Close<\/strong> when the form should open only after an action or widget click.<\/li>\n\n\n\n<li>In the <strong>Actions<\/strong> card, enable the option that prevents Time and Scroll actions from reopening Greetings after users close it.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Time Action:<\/strong> <\/h5>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"505\" height=\"135\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/04\/greetings-action-time.webp\" alt=\"\" class=\"wp-image-7500\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/04\/greetings-action-time.webp 505w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/04\/greetings-action-time-300x80.webp 300w\" sizes=\"(max-width: 505px) 100vw, 505px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Enter a value in <strong>Time Action (seconds)<\/strong>, such as 5, to open the dialog after that delay. Leave it blank to disable the time action.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With <strong>Open<\/strong>, the dialog can appear before the time action. Use <strong>Close<\/strong> if it should wait for the delay.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The time action can reopen the dialog on another page unless automatic reopening after closing is disabled in the <strong>Actions<\/strong> card.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><br><strong>Scroll Action:<\/strong> <\/h5>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"502\" height=\"134\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/04\/greetings-ction-scroll.webp\" alt=\"\" class=\"wp-image-7501\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/04\/greetings-ction-scroll.webp 502w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2022\/04\/greetings-ction-scroll-300x80.webp 300w\" sizes=\"(max-width: 502px) 100vw, 502px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Enter a percentage in <strong>Scroll Action (%)<\/strong>, such as <code>50<\/code>, to open the dialog after the user scrolls that percentage of the page. Leave it blank to disable the scroll action.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Time and Scroll actions work independently. If both are configured, either can open the dialog when its condition is met.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Click Action: <\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Add the&nbsp;<strong>\u2018ctc_greetings\u2019<\/strong>&nbsp;class name to any element. When the user clicks on that element, the greetings dialog appears. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click this button to see the Greetings Click Action Demo <\/p>\n\n\n\n<div class=\"wp-block-buttons ctc_greetings is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button #ctc_greetings\"><a class=\"wp-block-button__link wp-element-button\">Demo \u2013 Click Action<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\" id=\"block-d55829ce-5874-444d-b1e1-fce26f243752\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" id=\"block-ad7ac370-2543-46b0-b8a7-789e3687dc1a\"\/>\n\n\n\n<h4 id=\"block-0dcd4b62-0066-42ad-b924-33c7ce4730b3\" class=\"wp-block-heading has-ast-global-color-8-color has-text-color\"><strong>Text Editor Tips:<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Toolbar Toggle:<\/strong> To explore all the menus in the text editor, click on the toolbar toggle and customize accordingly.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\" id=\"block-2a5154c6-35e2-4cbf-b204-c1b6577ba01c\"><img decoding=\"async\" width=\"534\" height=\"214\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/editor-tips-toolbar-toggle.webp\" alt=\"\" class=\"wp-image-7540\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/editor-tips-toolbar-toggle.webp 534w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/editor-tips-toolbar-toggle-300x120.webp 300w\" sizes=\"(max-width: 534px) 100vw, 534px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Visual\/Code:<\/strong> Use Visual mode to edit the content directly, or Code mode to edit its HTML.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\" id=\"block-01a76f87-6e30-4d49-9df1-bb0c53076048\"><img decoding=\"async\" width=\"577\" height=\"138\" src=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/code-tinymce.webp\" alt=\"\" class=\"wp-image-7538\" srcset=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/code-tinymce.webp 577w, https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-content\/uploads\/2025\/10\/code-tinymce-300x72.webp 300w\" sizes=\"(max-width: 577px) 100vw, 577px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/pricing\">Buy Now<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Explore More Greetings<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-1\/\">Greetings-1: Customizable Design<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-2\/\">Greetings-2: Content Specific<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/multi-agent\/\">Multi Agent<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/holithemes.com\/plugins\/click-to-chat\/greetings-actions\/\">Greeting Actions &#8211; Click, Scroll and Time Delay<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Greetings Form can make your website visitors fill the form before initiating the chat &nbsp;\ud83d\udd17&nbsp;Included in the PRO plan \u2014&nbsp;View Pricing The Form data filled by the user: Go to Click to Chat \u2192 Greetings and choose Greetings Form under Greetings Dialog. The Content and Greetings Form cards contain the settings below. Customize the Content [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":0,"menu_order":0,"template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","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":"","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":""}},"_htd2_assets":[]},"class_list":["post-6982","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/docs\/6982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/types\/docs"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click-to-chat\/wp-json\/wp\/v2\/media?parent=6982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}