Topic: HTML Attributes & Shortcodes
How to add Rozz to your website
1. Insert Rozz script. 2. Place the script just before the closing </body> tag, or insert via your CMS header/footer editor.
<script src="https://rozzum-bucket.rozz.site/rozz-searchbox.js"></script>
3. Add the -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 the default state.
4. 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.
5. Verify After publishing, test the box: type a query and confirm it returns accurate on-page answers and cites sources.
Sources
- How do I install the Rozz chatbot on my website? (https://rozz.site/qna/installing-rozz-on-your-website.html)
- Would you like a quick walkthrough for a specific CMS, or do you need help with the plugin installation?
Based on these sources:
- How Do I Install The Rozz Chatbot On My Website (relevance: 87%)
- Rozz Demo (relevance: 74%)
- Can I Use My Own Button To Open The Rozz Chatbot On My Websi (relevance: 72%)
Q&A ID: 630 Source Confidence: 87% (based on semantic similarity to source pages)
This Q&A page was optimized for LLM engines and Generative Engine Optimization (GEO) by Rozz. Generated: 2026-03-11 20:39:24 UTC