Put your Riku app on your website.

1. Pick one place that loads on every page. The easiest is a plugin that adds code to your site’s header and footer: in Plugins → Add New, search for “header and footer”.

2. Paste the code into the plugin’s footer box (it may be called “Scripts in footer” or “Before </body>”) and save.

   <script src="https://riku.ai/widget.js" data-app="YOUR_APP_ID" defer></script>

3. No plugin? On a classic theme, go to Appearance → Widgets, add a Custom HTML block to a footer area and paste the code there.

4. Comfortable with theme files? Paste it just before </body> in footer.php, in a child theme so a theme update doesn’t remove it.

5. Then test it

   Open your site in a private window. The launcher appears in the bottom-right corner (or the left, if you moved it). Send it a message: it shows up in the Inbox like any other chat.

   Nothing there? Check your site is on the allowed list first. Your browser’s console says why the widget stayed hidden, on a line starting “[Riku widget]”. Testing on a staging site? Add that address too, and clear its cache.

Block themes have no Widgets screen, so use a plugin there. On WordPress.com, adding plugins or scripts can depend on your plan.

1. Open your site’s settings and go to Custom code.

2. Paste the code into Footer code (the box that goes before </body>) and save.

   <script src="https://riku.ai/widget.js" data-app="YOUR_APP_ID" defer></script>

3. Publish the site. Custom code only runs on the published site, not in the Designer.

4. Then test it

   Open your site in a private window. The launcher appears in the bottom-right corner (or the left, if you moved it). Send it a message: it shows up in the Inbox like any other chat.

   Nothing there? Check your site is on the allowed list first. Your browser’s console says why the widget stayed hidden, on a line starting “[Riku widget]”. Testing on a staging site? Add that address too, and clear its cache.

Webflow may ask for a paid site plan before it saves custom code.

1. Go to Settings, then Advanced, then Code injection.

2. Paste the code into the Footer box and save.

   <script src="https://riku.ai/widget.js" data-app="YOUR_APP_ID" defer></script>

3. Open your live site (not the editor preview) to check it.

4. Then test it

   Open your site in a private window. The launcher appears in the bottom-right corner (or the left, if you moved it). Send it a message: it shows up in the Inbox like any other chat.

   Nothing there? Check your site is on the allowed list first. Your browser’s console says why the widget stayed hidden, on a line starting “[Riku widget]”. Testing on a staging site? Add that address too, and clear its cache.

Code injection is only on some Squarespace plans. A Code block on one page works too, but only on that page.

1. In your site’s dashboard, open Settings and find Custom code (usually under Advanced).

2. Add custom code and paste it in.

   <script src="https://riku.ai/widget.js" data-app="YOUR_APP_ID" defer></script>

3. Choose All pages, load the code once, and place it in Body – end. Apply.

4. Publish, then open the live site.

5. Then test it

   Open your site in a private window. The launcher appears in the bottom-right corner (or the left, if you moved it). Send it a message: it shows up in the Inbox like any other chat.

   Nothing there? Check your site is on the allowed list first. Your browser’s console says why the widget stayed hidden, on a line starting “[Riku widget]”. Testing on a staging site? Add that address too, and clear its cache.

Wix only runs custom code on a published site with a connected domain, which can need a paid plan.

1. Go to Online Store → Themes. On your current theme, open the menu and choose Edit code.

2. Open layout/theme.liquid.

3. Paste the code on its own line just before </body>, then Save.

   <script src="https://riku.ai/widget.js" data-app="YOUR_APP_ID" defer></script>

4. Then test it

   Open your site in a private window. The launcher appears in the bottom-right corner (or the left, if you moved it). Send it a message: it shows up in the Inbox like any other chat.

   Nothing there? Check your site is on the allowed list first. Your browser’s console says why the widget stayed hidden, on a line starting “[Riku widget]”. Testing on a staging site? Add that address too, and clear its cache.

The code lives in that theme. If you switch or update themes, check it’s still there.

1. Open Settings, then the SEO / metatags tab.

2. Paste the code into the box for scripts in the body, so it loads on every page.

   <script src="https://riku.ai/widget.js" data-app="YOUR_APP_ID" defer></script>

3. Or, for one page only: drop an HTML element on the page and paste the code into it.

4. Deploy to Live, then open the live app.

5. Then test it

   Open your site in a private window. The launcher appears in the bottom-right corner (or the left, if you moved it). Send it a message: it shows up in the Inbox like any other chat.

   Nothing there? Check your site is on the allowed list first. Your browser’s console says why the widget stayed hidden, on a line starting “[Riku widget]”. Testing on a staging site? Add that address too, and clear its cache.

1. Open Site settings. Custom code is under General.

2. Paste the code into the box for the end of the <body> tag.

   <script src="https://riku.ai/widget.js" data-app="YOUR_APP_ID" defer></script>

3. Publish, then open the published site. Custom code doesn’t run in the editor preview.

4. Then test it

   Open your site in a private window. The launcher appears in the bottom-right corner (or the left, if you moved it). Send it a message: it shows up in the Inbox like any other chat.

   Nothing there? Check your site is on the allowed list first. Your browser’s console says why the widget stayed hidden, on a line starting “[Riku widget]”. Testing on a staging site? Add that address too, and clear its cache.

1. Add an Embed element to your site.

2. Set its type to Code and paste the code in.

   <script src="https://riku.ai/widget.js" data-app="YOUR_APP_ID" defer></script>

3. If it asks where to put the code, choose the end of the body (it can be hidden; the launcher draws itself). Publish.

4. Then test it

   Open your site in a private window. The launcher appears in the bottom-right corner (or the left, if you moved it). Send it a message: it shows up in the Inbox like any other chat.

   Nothing there? Check your site is on the allowed list first. Your browser’s console says why the widget stayed hidden, on a line starting “[Riku widget]”. Testing on a staging site? Add that address too, and clear its cache.

Embeds are on Carrd’s paid plans.

1. In your container, add a new tag and choose Custom HTML.

2. Paste the code.

   <script src="https://riku.ai/widget.js" data-app="YOUR_APP_ID" defer></script>

3. For triggering, pick All Pages. Save the tag.

4. Submit and publish the container. Until you publish, only Preview mode loads it.

5. Then test it

   Open your site in a private window. The launcher appears in the bottom-right corner (or the left, if you moved it). Send it a message: it shows up in the Inbox like any other chat.

   Nothing there? Check your site is on the allowed list first. Your browser’s console says why the widget stayed hidden, on a line starting “[Riku widget]”. Testing on a staging site? Add that address too, and clear its cache.

1. Next.js: add next/script to your root layout with strategy="afterInteractive".

   // app/layout.tsx: inside <body>, after {children}
   import Script from 'next/script';
   
   <Script
     src="https://riku.ai/widget.js"
     data-app="YOUR_APP_ID"
     strategy="afterInteractive"
   />

2. Other React apps: paste the plain tag before </body> in index.html, or add it once from a component like this one, rendered in your top-level App.

   import { useEffect } from 'react';
   
   export function RikuWidget() {
     useEffect(() => {
       if (document.querySelector('script[data-app="YOUR_APP_ID"]')) return;
       const s = document.createElement('script');
       s.src = 'https://riku.ai/widget.js';
       s.defer = true;
       s.dataset.app = 'YOUR_APP_ID';
       document.body.appendChild(s);
     }, []);
     return null;
   }

3. Deploy, then open the deployed site.

4. Then test it

   Open your site in a private window. The launcher appears in the bottom-right corner (or the left, if you moved it). Send it a message: it shows up in the Inbox like any other chat.

   Nothing there? Check your site is on the allowed list first. Your browser’s console says why the widget stayed hidden, on a line starting “[Riku widget]”. Testing on a staging site? Add that address too, and clear its cache.

The widget draws itself inside a Shadow DOM, so your CSS can’t change it and its styles can’t leak into your app. Route changes don’t reload it; it stays put.

1. Open each page’s HTML (or the shared footer include, if your site has one).

2. Paste the code on its own line just before </body>.

   <script src="https://riku.ai/widget.js" data-app="YOUR_APP_ID" defer></script>

3. Upload the changed files.

4. Then test it

   Open your site in a private window. The launcher appears in the bottom-right corner (or the left, if you moved it). Send it a message: it shows up in the Inbox like any other chat.

   Nothing there? Check your site is on the allowed list first. Your browser’s console says why the widget stayed hidden, on a line starting “[Riku widget]”. Testing on a staging site? Add that address too, and clear its cache.

1. Notion doesn’t let pages run scripts, so the widget can’t sit on a Notion site.

2. Share the app’s link instead: make one in the app’s Links tab and paste it into your page as a link or a button.