How do I install the Rozz chatbot on my website?

Direct Answer

It’s really easy to install Rozz on your website.

You can do it by editing the HTML of your site.

You can also do it with a plugin if your site is on WordPress.

Detailed Explanation

Adding Rozz to a Website Using HTML

1. Insert the Script

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>

Using Rozz with Common Website Builders

Most major CMS and site builders provide a dedicated panel for inserting code into the <head> or at the end of </body>.

Squarespace: Settings → Advanced → Code Injection.
Wix: Settings → Advanced → Custom Code.
Webflow: Project Settings → Custom Code (before </head> or before </body>).
Shopify: Online Store → Themes → Customize → Theme settings → Custom Code.
Drupal / Joomla: Many themes/modules provide "Custom Code" or "Head scripts" fields.
Ghost (blog CMS): Insert in Code Injection under Site Header or use HTML card in posts.
If you're on a big enterprise site, 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 you want Rozz to 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 (blog CMS): Use an "Embed Block" on the page or a HTML card in posts.
If you're on a big enterprise site, it might be easier to use Google Tag Manager.

2. Insert the HTML

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.

Configure its various parameters using attributes.

Just paste the following example into the block:

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

Then save and publish. This method works per page. This method also works 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. Here’s how to use Embed Blocks on Squarespace:

3. Set Initial Status (optional)

The initial-status attribute controls whether the searchbox is open or closed by default.

data-initial-status="closed" <!-- default option where the bar is closed, button to open it is displayed -->
data-initial-status="open" <!-- bar is open by default but can be closed -->
data-initial-status="static" <!-- bar is open by default and cannot be closed -->
data-initial-status="link" <!-- bar is closed by default and opened with a custom
HTML
element -->

4. Place in a DIV or Flex Container (optional)

You can place the searchbox inside a div or a flex container.

The searchbox will inherit many features of the container.

In a flex container, align and justify properties can help in positioning the searchbox more precisely.

Integrating Rozz with WordPress

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

1. Install the plugin

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.

2. Insert the Rozz Shortcode and Use Attributes to Customize Appearance

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

Verification and Research Foundation Details

Verified March 2026.

Data confirmed against live LLM crawler logs from rozz.site.

Active LLM bots crawling this content in the past 30 days:

ClaudeBot (595 requests)
GPTBot (239 requests)
Meta AI (193 requests)

Citation rates based on analysis of 12,595 AI crawler requests.

→ Research Foundation: This answer synthesizes findings from 35+ peer-reviewed research papers on GEO, RAG systems, and LLM citation behavior.

Author Information

Author: Adrien Schmidt, Co-Founder & CEO, ROZZ.

Serial tech entrepreneur with 10+ years experience building AI systems including Aristotle (conversational AI analytics) and products for eBay and Cartier.