Widgets

Have Ruley manage your AI widget and avoid timely development and maintenance costs.

Introduction

Ruley widgets are pre-built, embeddable components that you can add to your website or application with just a few lines of code.

Our widgets are designed to be responsive, customizable, and easy to integrate. They handle all the communication with the Ruley API, so you don't have to worry about managing state or handling API responses.

Integration

How to embed Ruley widgets into your site

Before you begin

Before integrating a widget, you must whitelist your domain on your dashboard page. This links your domain to your subscription and ensures the widget functions correctly on your site.

The easiest way to integrate a Ruley widget is by using an iframe. This allows you to host the widget on your site without any complex JavaScript integration.

<iframe
  src="https://ruley.ai/embed/is-that-a-penalty"
  width="100%"
  height="600"
  frameborder="0"
  title="Ruley Widget"
></iframe>

Customization

Tailor the widget to your brand

Widgets can be customized via URL parameters when using an iframe, or via props when using the React component.

theme: light, dark, or system
primaryColor: Hex code for the primary brand color
initialMessage: The first message the AI sends

Live Preview

Is that a Penalty? - Golf Rule Checker

Golf Rule Checker

Ask about any scenario

Welcome to 'Is That a Penalty?' I'm the authority on golf rules. Describe your situation, and I'll tell you if it's a penalty.

My ball moved when I addressed it.I hit the wrong ball in match play.Can I remove loose impediments in a bunker?My ball is plugged in the fairway.