AI web widget

The AI web widget integration lets you embed a Requiply AI chat bubble on your own website. Visitors can ask questions, and the assistant answers using your organization's public-facing Requiply data.

You can find this page under Settings → Integrations → AI web widget.

Who answers visitors

The AI assistant answers first switch on this page decides who replies in the widget:

• On (Advanced plan): the assistant answers with your catalog, prices and availability, creates bookings, and, with the inbox on, hands the conversation to your team when the visitor asks for a person. How it hands over is configured under Omnichannel inbox settings.
• Off: every message goes straight to your team in Conversations, and team replies appear in the visitor's widget.

The switch is shared with the client portal chat under Portal settings and is saved immediately. Widget conversations carry a chat bubble badge in the inbox, marked Website widget.

What the visitor sees in the widget:

• Formatting in assistant replies. Bold text, bulleted lists (shown with •) and links. Links open in a new tab.
• A note when the team takes over. When a visitor's message goes to your team without an answer from the assistant, for example after a handoff or while a team member handles the chat, the widget shows Your message went to our team. A manager will reply here. It appears once per wait and shows again only after the next reply.
• Team replies appear in the same chat as they arrive.

Why the web widget matters

The widget gives website visitors a self-serve way to ask about your rental business without leaving your site. It uses a public widget key, a controlled list of allowed origins, and the Requiply chat widget script.

Common uses include:

• Answering questions about locations, delivery options, payment methods, catalog details, and availability.
• Giving visitors a quick way to ask about rental options before they submit a booking request.
• Keeping the website chat experience visually aligned with your brand color and preferred theme.
• Letting admins rotate or revoke the widget key if the embed needs to be replaced.

What you'll see

Before a key exists, the page shows an empty state with Create widget key. On non-Advanced plans, the same area shows Upgrade to create widget key.

After a key exists, the page shows:

• Widget key - the active public site key and Active status badge.
• Embed snippet - the script block to paste into your website.
• Allowed origins - the website domains where the widget is allowed to load.
• Styling - primary color, color mode, and corner style controls.
• Actions - regenerate key, revoke key, and save changes.
• Preview - a live iframe preview of the chat bubble and panel.

Create a widget key

Embed the widget

Copy the Embed snippet and paste it just before the closing </body> tag on every website page where the chat bubble should appear.

<script>
  window.RequiplyWidget = {
    siteKey: "rq_widget_example",
    primaryColor: "#016E88",
    colorMode: "light",
    borderRadius: "round"
  };
</script>
<script async src="https://app.requiply.com/requiply-widget.js"></script>

The snippet generated in Requiply includes your real site key and current styling choices.

Allowed origins

Allowed origins control where the public widget key can be used. Add the exact origin for each website where the chat bubble should appear.

Do not include paths such as /pricing or /booking. The origin is only the protocol, host, and optional port.

Styling

The styling controls change both the saved widget configuration and the live preview.

Use Reset to brand color if you want the primary color to match the organization brand color again.

Regenerate or revoke a key

Use these actions when the embed needs to be rotated or disabled.

Common scenarios

Launch the widget on a website

1. Go to Settings → Integrations → AI web widget.
2. Click Create widget key.
3. Add your website origins.
4. Set the primary color, color mode, and corners.
5. Click Save changes.
6. Copy the embed snippet.
7. Paste the snippet before </body> on each website page where the widget should appear.
8. Open the website and confirm the chat bubble appears.

Add the widget to another domain

1. Add the new domain under Allowed origins.
2. Click Save changes.
3. Add the same embed snippet to the new site.

Rotate a leaked or old key

1. Click Regenerate key.
2. Confirm the dialog.
3. Copy the new snippet.
4. Replace the old snippet on your website.

Troubleshooting

The widget does not appear Confirm the page includes the generated snippet, the script URL loads, and the current website origin is listed under Allowed origins.

The widget appears on one domain but not another Add each exact origin separately. https://example.com and https://www.example.com are different origins.

The preview changes but the website does not Click Save changes, then refresh the website. Also confirm the website snippet contains the current primaryColor, colorMode, and borderRadius values.

Visitors see an assistant error Try again after a moment. If the issue persists, confirm your organization has AI credits available on AI usage.