{"id":2693,"date":"2025-07-30T12:42:15","date_gmt":"2025-07-30T12:42:15","guid":{"rendered":"https:\/\/wpbot.pro\/docs\/?post_type=kbx_knowledgebase&#038;p=2693"},"modified":"2025-07-31T10:08:08","modified_gmt":"2025-07-31T10:08:08","slug":"how-to-set-up-a-button-on-a-page-so-only-if-users-click-on-the-button-the-chatbot-would-activate","status":"publish","type":"kbx_knowledgebase","link":"https:\/\/wpbot.pro\/docs\/knowledgebase\/how-to-set-up-a-button-on-a-page-so-only-if-users-click-on-the-button-the-chatbot-would-activate\/","title":{"rendered":"How to set up a button on a page so only if users click on the button, the chatbot would activate"},"content":{"rendered":"<p>You can set up buttons on a page that users can click to open the ChatBot with a shortcode.<br \/>\nUse Shortcode: [copy]<span class=\"qc_wpbot_chat_link \" data-intent=\"\">Click to Chat<\/span><style type=\"text\/css\"><\/style>[\/copy]<\/p>\n<p>Available Parameters: text, bot_visibility, intent, display_as, bgcolor, textcolor<\/p>\n<p>text: This is for the button text. Value for this option would be a text that will be automatically linked to open the ChatBot.<br \/>\nEx: [copy]<span class=\"qc_wpbot_chat_link \" data-intent=\"\">Click to Chat<\/span><style type=\"text\/css\"><\/style>[\/copy]<\/p>\n<p>bot_visibility: This is show or hide bot floating icon. Available values: show, hide. Default value is &#8220;show&#8221;.<br \/>\nEx: [copy]<span class=\"qc_wpbot_chat_link \" data-intent=\"\">Click to Chat<\/span><style type=\"text\/css\">#wp-chatbot-chat-container{display:none}.fb_dialog{display:none !important}<\/style>[\/copy]<\/p>\n<p>intent: This parameter allow you to trigger specific intent. It does support all pre-defined &#038; custom intents. That means you can trigger a specific Simple Text Response or a Conversational form to open with the ChatBot.<br \/>\nAvailable Values:<br \/>\nPredefined Intents: Faq, Email Subscription, Site Search, Send Us Email, Leave A Feedback<br \/>\nWoocommerce Intents: Product Search, Catalog, Featured Products, Products on Sale, Order Status<br \/>\nCustom Intents: Any custom intent you create using the Conversational Forms or DialogFlow. Add the custom intent name exactly as you created. For conversational forms, use the exact form name. For Dialogflow use the exact intent name.<\/p>\n<p>Ex: [copy]<span class=\"qc_wpbot_chat_link \" data-intent=\"Email Subscription\">Click to Chat<\/span><style type=\"text\/css\">#wp-chatbot-chat-container{display:none}.fb_dialog{display:none !important}<\/style>[\/copy]<\/p>\n<p>display_as: This parameter can control the appearence. Available values: button, link. Default value is &#8220;link&#8221;.<br \/>\nEx: [copy]<span class=\"qc_wpbot_chat_link qc_click_to_button\" data-intent=\"\">Click to Chat<\/span><style type=\"text\/css\">#wp-chatbot-chat-container{display:none}.fb_dialog{display:none !important}<\/style>[\/copy]<\/p>\n<p>bgcolor: You can set the background color by using this parameter.<br \/>\nEx: [copy]<span class=\"qc_wpbot_chat_link qc_click_to_button\" data-intent=\"Email Subscription\">Click to Chat<\/span><style type=\"text\/css\">#wp-chatbot-chat-container{display:none}.fb_dialog{display:none !important}.qc_wpbot_chat_link{background-color: #3389a9 !important}<\/style>[\/copy]<\/p>\n<p>textcolor: You can set the text color by using this parameter.<br \/>\nEx: [copy]<span class=\"qc_wpbot_chat_link qc_click_to_button\" data-intent=\"Email Subscription\">Click to Chat<\/span><style type=\"text\/css\">#wp-chatbot-chat-container{display:none}.fb_dialog{display:none !important}.qc_wpbot_chat_link{background-color: #3389a9 !important}.qc_wpbot_chat_link{color: #fff !important}<\/style>[\/copy]<\/p>\n<p>Check the Settings->Embed and Click to Chat section for more details.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can set up buttons on a page that users can click to open the ChatBot with a shortcode. Use [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"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":"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":"var(--ast-global-color-4)","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":""},"kbx_category":[73],"kbx_tag":[],"class_list":["post-2693","kbx_knowledgebase","type-kbx_knowledgebase","status-publish","hentry","kbx_category-chatbot-faqs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to set up a button on a page so only if users click on the button, the chatbot would activate - WPBot Pro Docs<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpbot.pro\/docs\/knowledgebase\/how-to-set-up-a-button-on-a-page-so-only-if-users-click-on-the-button-the-chatbot-would-activate\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to set up a button on a page so only if users click on the button, the chatbot would activate - WPBot Pro Docs\" \/>\n<meta property=\"og:description\" content=\"You can set up buttons on a page that users can click to open the ChatBot with a shortcode. Use [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpbot.pro\/docs\/knowledgebase\/how-to-set-up-a-button-on-a-page-so-only-if-users-click-on-the-button-the-chatbot-would-activate\/\" \/>\n<meta property=\"og:site_name\" content=\"WPBot Pro Docs\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-31T10:08:08+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wpbot.pro\\\/docs\\\/knowledgebase\\\/how-to-set-up-a-button-on-a-page-so-only-if-users-click-on-the-button-the-chatbot-would-activate\\\/\",\"url\":\"https:\\\/\\\/wpbot.pro\\\/docs\\\/knowledgebase\\\/how-to-set-up-a-button-on-a-page-so-only-if-users-click-on-the-button-the-chatbot-would-activate\\\/\",\"name\":\"How to set up a button on a page so only if users click on the button, the chatbot would activate - WPBot Pro Docs\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpbot.pro\\\/docs\\\/#website\"},\"datePublished\":\"2025-07-30T12:42:15+00:00\",\"dateModified\":\"2025-07-31T10:08:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wpbot.pro\\\/docs\\\/knowledgebase\\\/how-to-set-up-a-button-on-a-page-so-only-if-users-click-on-the-button-the-chatbot-would-activate\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wpbot.pro\\\/docs\\\/knowledgebase\\\/how-to-set-up-a-button-on-a-page-so-only-if-users-click-on-the-button-the-chatbot-would-activate\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wpbot.pro\\\/docs\\\/knowledgebase\\\/how-to-set-up-a-button-on-a-page-so-only-if-users-click-on-the-button-the-chatbot-would-activate\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wpbot.pro\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Knowledgebase\",\"item\":\"https:\\\/\\\/wpbot.pro\\\/docs\\\/knowledgebase\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to set up a button on a page so only if users click on the button, the chatbot would activate\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wpbot.pro\\\/docs\\\/#website\",\"url\":\"https:\\\/\\\/wpbot.pro\\\/docs\\\/\",\"name\":\"Get the #1 ChatBot for WordPress \u2013 WPBot\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/wpbot.pro\\\/docs\\\/#\\\/schema\\\/person\\\/770bebd298cfb4e7525960a804bfd88d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wpbot.pro\\\/docs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/wpbot.pro\\\/docs\\\/#\\\/schema\\\/person\\\/770bebd298cfb4e7525960a804bfd88d\",\"name\":\"WPBot\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpbot.pro\\\/docs\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/chatbot-for-wordpress-wpbot-logo-1.png\",\"url\":\"https:\\\/\\\/wpbot.pro\\\/docs\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/chatbot-for-wordpress-wpbot-logo-1.png\",\"contentUrl\":\"https:\\\/\\\/wpbot.pro\\\/docs\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/chatbot-for-wordpress-wpbot-logo-1.png\",\"width\":202,\"height\":70,\"caption\":\"WPBot\"},\"logo\":{\"@id\":\"https:\\\/\\\/wpbot.pro\\\/docs\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/chatbot-for-wordpress-wpbot-logo-1.png\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to set up a button on a page so only if users click on the button, the chatbot would activate - WPBot Pro Docs","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wpbot.pro\/docs\/knowledgebase\/how-to-set-up-a-button-on-a-page-so-only-if-users-click-on-the-button-the-chatbot-would-activate\/","og_locale":"en_US","og_type":"article","og_title":"How to set up a button on a page so only if users click on the button, the chatbot would activate - WPBot Pro Docs","og_description":"You can set up buttons on a page that users can click to open the ChatBot with a shortcode. Use [&hellip;]","og_url":"https:\/\/wpbot.pro\/docs\/knowledgebase\/how-to-set-up-a-button-on-a-page-so-only-if-users-click-on-the-button-the-chatbot-would-activate\/","og_site_name":"WPBot Pro Docs","article_modified_time":"2025-07-31T10:08:08+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpbot.pro\/docs\/knowledgebase\/how-to-set-up-a-button-on-a-page-so-only-if-users-click-on-the-button-the-chatbot-would-activate\/","url":"https:\/\/wpbot.pro\/docs\/knowledgebase\/how-to-set-up-a-button-on-a-page-so-only-if-users-click-on-the-button-the-chatbot-would-activate\/","name":"How to set up a button on a page so only if users click on the button, the chatbot would activate - WPBot Pro Docs","isPartOf":{"@id":"https:\/\/wpbot.pro\/docs\/#website"},"datePublished":"2025-07-30T12:42:15+00:00","dateModified":"2025-07-31T10:08:08+00:00","breadcrumb":{"@id":"https:\/\/wpbot.pro\/docs\/knowledgebase\/how-to-set-up-a-button-on-a-page-so-only-if-users-click-on-the-button-the-chatbot-would-activate\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpbot.pro\/docs\/knowledgebase\/how-to-set-up-a-button-on-a-page-so-only-if-users-click-on-the-button-the-chatbot-would-activate\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpbot.pro\/docs\/knowledgebase\/how-to-set-up-a-button-on-a-page-so-only-if-users-click-on-the-button-the-chatbot-would-activate\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpbot.pro\/docs\/"},{"@type":"ListItem","position":2,"name":"Knowledgebase","item":"https:\/\/wpbot.pro\/docs\/knowledgebase\/"},{"@type":"ListItem","position":3,"name":"How to set up a button on a page so only if users click on the button, the chatbot would activate"}]},{"@type":"WebSite","@id":"https:\/\/wpbot.pro\/docs\/#website","url":"https:\/\/wpbot.pro\/docs\/","name":"Get the #1 ChatBot for WordPress \u2013 WPBot","description":"","publisher":{"@id":"https:\/\/wpbot.pro\/docs\/#\/schema\/person\/770bebd298cfb4e7525960a804bfd88d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpbot.pro\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/wpbot.pro\/docs\/#\/schema\/person\/770bebd298cfb4e7525960a804bfd88d","name":"WPBot","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpbot.pro\/docs\/wp-content\/uploads\/2024\/09\/chatbot-for-wordpress-wpbot-logo-1.png","url":"https:\/\/wpbot.pro\/docs\/wp-content\/uploads\/2024\/09\/chatbot-for-wordpress-wpbot-logo-1.png","contentUrl":"https:\/\/wpbot.pro\/docs\/wp-content\/uploads\/2024\/09\/chatbot-for-wordpress-wpbot-logo-1.png","width":202,"height":70,"caption":"WPBot"},"logo":{"@id":"https:\/\/wpbot.pro\/docs\/wp-content\/uploads\/2024\/09\/chatbot-for-wordpress-wpbot-logo-1.png"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wpbot.pro\/docs\/wp-json\/wp\/v2\/kbx_knowledgebase\/2693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpbot.pro\/docs\/wp-json\/wp\/v2\/kbx_knowledgebase"}],"about":[{"href":"https:\/\/wpbot.pro\/docs\/wp-json\/wp\/v2\/types\/kbx_knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/wpbot.pro\/docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbot.pro\/docs\/wp-json\/wp\/v2\/comments?post=2693"}],"version-history":[{"count":10,"href":"https:\/\/wpbot.pro\/docs\/wp-json\/wp\/v2\/kbx_knowledgebase\/2693\/revisions"}],"predecessor-version":[{"id":2731,"href":"https:\/\/wpbot.pro\/docs\/wp-json\/wp\/v2\/kbx_knowledgebase\/2693\/revisions\/2731"}],"wp:attachment":[{"href":"https:\/\/wpbot.pro\/docs\/wp-json\/wp\/v2\/media?parent=2693"}],"wp:term":[{"taxonomy":"kbx_category","embeddable":true,"href":"https:\/\/wpbot.pro\/docs\/wp-json\/wp\/v2\/kbx_category?post=2693"},{"taxonomy":"kbx_tag","embeddable":true,"href":"https:\/\/wpbot.pro\/docs\/wp-json\/wp\/v2\/kbx_tag?post=2693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}