\n ```\n\n2. **Add the search‑box element** \n Wherever you want the search box to appear, place:\n\n ```html\n \n ```\n\n *Optional:* use `data-initial-status=\"closed|open|static|link\"` to set its default state.\n\n3. **CMS‑specific steps** \n - **WordPress** – install the Rozz plugin and activate it. \n - **Squarespace/Wix/Webflow** – use the “Custom Code” / “Embed” block to add the above snippets. \n - **Shopify** – add the script in Theme settings → Custom code. \n - **Drupal/Joomla/Ghost** – insert via the theme’s custom HTML blocks or use a module/plugin if available.\n\n4. **Verify** \n After publishing, test the box: type a query and confirm it returns accurate on‑page answers and cites sources.\n\n**Sources** \n[How do I install the Rozz chatbot on my website?](https://rozz.site/qna/installing-rozz-on-your-website.html)\n\nWould you like a quick walkthrough for a specific CMS, or do you need help with the plugin installation?", "author": { "@type": "Organization", "name": "rozz.site", "url": "https://rozz.rozz.site" }, "dateCreated": "2026-04-13", "isBasedOn": [ { "@type": "WebPage", "url": "https://rozz.rozz.site/pages/how-do-i-install-the-rozz-chatbot-on-my-website.html", "name": "How Do I Install The Rozz Chatbot On My Website" }, { "@type": "WebPage", "url": "https://rozz.rozz.site/pages/can-i-use-my-own-button-to-open-the-rozz-chatbot-on-my-websi.html", "name": "Can I Use My Own Button To Open The Rozz Chatbot On My Websi" }, { "@type": "WebPage", "url": "https://rozz.rozz.site/pages/what-are-the-shortcodes-available-in-wordpress-to-customize.html", "name": "What Are The Shortcodes Available In Wordpress To Customize" } ] } }, "about": { "@type": "Thing", "name": "Content Embedding" }, "url": "https://rozz.rozz.site/qna/how-do-i-integrate-rozz-into-my-website.html" }

How do I integrate Rozz into my website?

High Confidence (87%)
How to add Rozz to your website

1. Insert the Rozz script Add this line just before the closing </body> tag (or through your CMS’s header/footer editor):

   <script src="https://rozzum-bucket.rozz.site/rozz-searchbox.js"></script>
   

2. Add the search‑box element Wherever you want the search box to appear, place:

   <rozz-searchbox data-theme-color="blue"></rozz-searchbox>
   

Optional: use data-initial-status="closed|open|static|link" to set its default state.

3. CMS‑specific steps

  • WordPress – install the Rozz plugin and activate it.
  • Squarespace/Wix/Webflow – use the “Custom Code” / “Embed” block to add the above snippets.
  • Shopify – add the script in Theme settings → Custom code.
  • Drupal/Joomla/Ghost – insert via the theme’s custom HTML blocks or use a module/plugin if available.

4. Verify After publishing, test the box: type a query and confirm it returns accurate on‑page answers and cites sources.

Sources

Would you like a quick walkthrough for a specific CMS, or do you need help with the plugin installation?