{"id":10799,"date":"2024-08-14T18:01:19","date_gmt":"2024-08-14T18:01:19","guid":{"rendered":"https:\/\/help.fromdoppler.com\/es\/?p=10799"},"modified":"2025-10-27T19:45:57","modified_gmt":"2025-10-27T19:45:57","slug":"como-anadir-un-chat-a-tu-landing-page-o-sitio-web","status":"publish","type":"post","link":"https:\/\/help.fromdoppler.com\/en\/how-to-add-a-chatbot-web-to-your-landing-page-or-website\/","title":{"rendered":"How to add a Chatbot Web to your landing page or website?"},"content":{"rendered":"<p>In this article you will learn how to add a chat to your website and convert visitors into potential customers through instant and personalized conversations.<\/p>\n<p>Let&#8217;s see how to do it &#x1f642;<\/p>\n<p>1. Once you have created your\u00a0 Web Chatbot room, <a href=\"https:\/\/help.fromdoppler.com\/en\/how-to-create-a-decision-tree\">configure your Decision Tree<\/a>.<\/p>\n<p>2. Go to the Rooms section, find your web room, and click Edit. A new window will open where you will find the script that you must add to your page.<\/p>\n<p><img class=\"alignnone wp-image-10801\" src=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2024\/08\/Screenshot_14.png\" alt=\"\" width=\"658\" height=\"329\" srcset=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2024\/08\/Screenshot_14.png 748w, https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2024\/08\/Screenshot_14-300x150.png 300w\" sizes=\"(max-width: 658px) 100vw, 658px\" \/><\/p>\n<p>2. If you have a Landing Page created with Doppler, you can paste the script in the \u201cAfter the opening &lt;body&gt; tag\u201d area, following the article <a href=\"https:\/\/help.fromdoppler.com\/en\/how-to-add-tracking-scripts-facebook-analytics-in-landing-page\">How to add scripts<\/a><\/p>\n<p>3. If you have your own Website, Store or Blog, copy and paste the code shown in the source code of your website, it will look similar to the following image<\/p>\n<p><img class=\"alignnone size-full wp-image-10802\" src=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2024\/08\/Screenshot_1-4.png\" alt=\"\" width=\"716\" height=\"301\" srcset=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2024\/08\/Screenshot_1-4.png 716w, https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2024\/08\/Screenshot_1-4-300x126.png 300w\" sizes=\"(max-width: 716px) 100vw, 716px\" \/><\/p>\n<p>4. Once you have completed all the steps to create the room with this communication channel and have pasted the code into your website, you will be able to view the Web Chat window as follows:<\/p>\n<p><img class=\"alignnone size-full wp-image-10803\" src=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2024\/08\/Screenshot_2-5.png\" alt=\"\" width=\"712\" height=\"364\" srcset=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2024\/08\/Screenshot_2-5.png 712w, https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2024\/08\/Screenshot_2-5-300x153.png 300w\" sizes=\"(max-width: 712px) 100vw, 712px\" \/><\/p>\n<p>Great! Now you have learned how to include a <span style=\"font-weight: 400;\">Web Chatbot\u00a0 <\/span>on your Landing Page or Website and be able to increase the reach of your communication even more &#x1f642;<\/p>","protected":false},"excerpt":{"rendered":"<p>In this article you will learn how to add a chat to your website and convert visitors into potential customers through instant and personalized conversations. Let&#8217;s see how to do it &#x1f642; 1. Once you have created your\u00a0 Web Chatbot room, configure your Decision Tree. 2. Go to the Rooms section, find your web room, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[824],"tags":[825],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to add a Chatbot Web to your landing page or website? - Doppler Help Center<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add a Chatbot Web to your landing page or website? - Doppler Help Center\" \/>\n<meta property=\"og:description\" content=\"In this article you will learn how to add a chat to your website and convert visitors into potential customers through instant and personalized conversations. Let&#8217;s see how to do it &#x1f642; 1. Once you have created your\u00a0 Web Chatbot room, configure your Decision Tree. 2. Go to the Rooms section, find your web room, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/help.fromdoppler.com\/en\/how-to-add-a-chatbot-web-to-your-landing-page-or-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Doppler Help Center\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-14T18:01:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-27T19:45:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2024\/08\/Screenshot_14.png\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Diego Noya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#website\",\"url\":\"https:\/\/help.fromdoppler.com\/es\/\",\"name\":\"Doppler Help Center\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/help.fromdoppler.com\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=10799#primaryimage\",\"url\":\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2024\/08\/Screenshot_14.png\",\"contentUrl\":\"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2024\/08\/Screenshot_14.png\",\"width\":748,\"height\":374},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=10799#webpage\",\"url\":\"https:\/\/help.fromdoppler.com\/es\/?p=10799\",\"name\":\"[:es]\u00bfC\u00f3mo a\u00f1adir un Web Chatbot a tu Landing Page o Sitio Web? [:en]How to add a Chatbot Web to your landing page or website?[:] - Doppler Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=10799#primaryimage\"},\"datePublished\":\"2024-08-14T18:01:19+00:00\",\"dateModified\":\"2025-10-27T19:45:57+00:00\",\"author\":{\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/2ac3d715bfc244f7031ba82351677013\"},\"breadcrumb\":{\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=10799#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/help.fromdoppler.com\/es\/?p=10799\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/?p=10799#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/help.fromdoppler.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfC\u00f3mo a\u00f1adir un Web Chatbot a tu Landing Page o Sitio Web?\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/2ac3d715bfc244f7031ba82351677013\",\"name\":\"Diego Noya\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f5342f26c0bf49c80f7a58542eaba499?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f5342f26c0bf49c80f7a58542eaba499?s=96&d=mm&r=g\",\"caption\":\"Diego Noya\"},\"url\":\"https:\/\/help.fromdoppler.com\/en\/author\/doppleradmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add a Chatbot Web to your landing page or website? - Doppler Help Center","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"How to add a Chatbot Web to your landing page or website? - Doppler Help Center","og_description":"In this article you will learn how to add a chat to your website and convert visitors into potential customers through instant and personalized conversations. Let&#8217;s see how to do it &#x1f642; 1. Once you have created your\u00a0 Web Chatbot room, configure your Decision Tree. 2. Go to the Rooms section, find your web room, [&hellip;]","og_url":"https:\/\/help.fromdoppler.com\/en\/how-to-add-a-chatbot-web-to-your-landing-page-or-website\/","og_site_name":"Doppler Help Center","article_published_time":"2024-08-14T18:01:19+00:00","article_modified_time":"2025-10-27T19:45:57+00:00","og_image":[{"url":"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2024\/08\/Screenshot_14.png"}],"twitter_card":"summary","twitter_misc":{"Written by":"Diego Noya","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/help.fromdoppler.com\/es\/#website","url":"https:\/\/help.fromdoppler.com\/es\/","name":"Doppler Help Center","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/help.fromdoppler.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/help.fromdoppler.com\/es\/?p=10799#primaryimage","url":"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2024\/08\/Screenshot_14.png","contentUrl":"https:\/\/help.fromdoppler.com\/wp-content\/uploads\/2024\/08\/Screenshot_14.png","width":748,"height":374},{"@type":"WebPage","@id":"https:\/\/help.fromdoppler.com\/es\/?p=10799#webpage","url":"https:\/\/help.fromdoppler.com\/es\/?p=10799","name":"[:es]\u00bfC\u00f3mo a\u00f1adir un Web Chatbot a tu Landing Page o Sitio Web? [:en]How to add a Chatbot Web to your landing page or website?[:] - Doppler Help Center","isPartOf":{"@id":"https:\/\/help.fromdoppler.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/help.fromdoppler.com\/es\/?p=10799#primaryimage"},"datePublished":"2024-08-14T18:01:19+00:00","dateModified":"2025-10-27T19:45:57+00:00","author":{"@id":"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/2ac3d715bfc244f7031ba82351677013"},"breadcrumb":{"@id":"https:\/\/help.fromdoppler.com\/es\/?p=10799#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/help.fromdoppler.com\/es\/?p=10799"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/help.fromdoppler.com\/es\/?p=10799#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/help.fromdoppler.com\/es\/"},{"@type":"ListItem","position":2,"name":"\u00bfC\u00f3mo a\u00f1adir un Web Chatbot a tu Landing Page o Sitio Web?"}]},{"@type":"Person","@id":"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/2ac3d715bfc244f7031ba82351677013","name":"Diego Noya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/help.fromdoppler.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f5342f26c0bf49c80f7a58542eaba499?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f5342f26c0bf49c80f7a58542eaba499?s=96&d=mm&r=g","caption":"Diego Noya"},"url":"https:\/\/help.fromdoppler.com\/en\/author\/doppleradmin\/"}]}},"_links":{"self":[{"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/posts\/10799"}],"collection":[{"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/comments?post=10799"}],"version-history":[{"count":5,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/posts\/10799\/revisions"}],"predecessor-version":[{"id":12422,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/posts\/10799\/revisions\/12422"}],"wp:attachment":[{"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/media?parent=10799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/categories?post=10799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.fromdoppler.com\/en\/wp-json\/wp\/v2\/tags?post=10799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}