Direct Answer
- It’s really easy to install Rozz on your website.
- You can do it by editing the HTML of your site, or 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>
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, 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:
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 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.
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.
- 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”.
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
---
Notes and attributions
- 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 of experience building AI systems including Aristotle (conversational AI analytics) and products for eBay and Cartier.
[End of content; navigation, headers, footers, and CTAs removed]