How do I install the Rozz chatbot on my website?

Direct Answer

Add the following script to your website.
If you can, simply copy/paste it into the code.
A good practice is to insert this code before the closing </body> tag for better performance and user experience:

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

Most major CMS and site builders provide a dedicated panel for inserting code into the head or at the end of the body.
In Squarespace, Settings → Advanced → Code Injection.
In Wix, Settings → Advanced → Custom Code.
In Webflow, Project Settings → Custom Code (before </head> or before </body>).
In Shopify, Online Store → Themes → Customize → Theme settings → Custom Code.
In Drupal / Joomla, many themes/modules provide "Custom Code" or "Head scripts" fields.
In Ghost (blog CMS), insert in Code Injection under Site Header or use an HTML card in posts.
For large enterprise sites, it might be easier to use Google Tag Manager.
If that doesn’t work, as a workaround you can use an "Embed Block" on the pages where Rozz should be:
Squarespace / Webflow / Wix: Drag & drop an "Embed" or "Custom HTML" block into a page/section.
Drupal / Joomla: Use modules like Custom Block, Custom HTML, or Modules Anywhere.
Ghost: Use an "Embed Block" on the page or an HTML card in posts.
If you’re on a big enterprise site, it might be easier to use Google Tag Manager.

All major builders (Squarespace, Wix, Webflow, Shopify, Drupal, Joomla, Ghost, etc.) have an "Embed" or "Custom HTML" block.
Add a new section, or block.
Add the rozz-searchbox tag to the HTML block, configuring its various parameters using attributes. An example of the HTML is shown below. Just paste it into the block.

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

Then Save, and Publish.
This method works per page, or in a shared footer/header block if you want Rozz everywhere.
There’s a lot of documentation online on how to embed code in your website for each website builder. For example, here’s how to use Embed Blocks on Squarespace:

The initial-status attribute controls whether the searchbox is open or closed by default.
data-initial-status="closed"
data-initial-status="open"
data-initial-status="static"
data-initial-status="link"

You can place the searchbox inside a div or a flex container and it will inherit many features of the container.
In a flex container, align and justify properties can help in positioning the searchbox more precisely.

If you’re running your site on WordPress, Rozz uses a standard WordPress feature called a plugin. Just follow the steps below.

Download the plugin here: Rozz Searchbox Plugin.
Download Now
Install the Rozz plugin in WordPress.
In your WordPress dashboard, navigate to ‘Plugins’ > ‘Add New’ > ‘Upload Plugin’. Choose the downloaded file and install it.
Activate the plugin once installed by clicking “Activate Plugin”.
Here’s a video on how to do just that. As we said, super simple.

Place the following shortcode where you want the searchbox to appear:
[rozz-searchbox]
Add attributes to the shortcode to configure the button as you like. Check out the page dedicated to WordPress attributes here.
For a briefing about WordPress shortcodes check out this video.
Posted September 12, 2025
Research Foundation: This answer synthesizes findings from 35+ peer-reviewed research papers on GEO, RAG systems, and LLM citation behavior.
Author: Adrien Schmidt, Co-Founder & CEO, ROZZ
Former AI Product Manager with 10+ years experience building AI systems including Aristotle (conversational AI analytics) and products for eBay and Cartier.