https://docs.raffle.ai/widgets/ Recent content in Widgets on Raffle Documentation Hugo en-us https://docs.raffle.ai/widgets/layouts/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.raffle.ai/widgets/layouts/ A widget is how Raffle appears on your website. Each widget has a layout that decides where it sits on the page and how visitors open it. Raffle offers four layouts: Launcher, Pill, Overlay and Embedded. If you’d rather build your own interface, create an API widget instead. All your widgets are listed under Widgets, with their layout, data sources and scope. Click a widget to open it, or click Add new widget to create one. https://docs.raffle.ai/widgets/create/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.raffle.ai/widgets/create/ Create a widget Go to Widgets and click Add new widget. The list below it shows all your widgets, including API widgets. The Widgets page How many widgets you can have depends on your plan. When you’ve reached the limit, delete a widget or contact Raffle Support to upgrade. A short wizard guides you through the setup. Click Next after each step, or Back to change an earlier choice. 1. Select a type Choose between a widget and an API widget Choose Widget to put a ready-made search bar or chat assistant on your website. https://docs.raffle.ai/widgets/api-widget/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.raffle.ai/widgets/api-widget/ What is an API widget? An API widget gives you direct programmatic access to Raffle’s search capabilities, without a visual widget on your page. Instead of embedding a UI component on your website, you query Raffle from your own application, or connect it to an AI platform like Claude or MS Copilot via MCP. Create an API widget Go to Widgets and click Add new widget Under Select a type, choose API and click Next Choose the API type Under Choose how to use your widget, select Search. https://docs.raffle.ai/widgets/test/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.raffle.ai/widgets/test/ Preview The right side of the widget editor shows a live preview of the widget. It updates as you change settings, before you save them, so you can see their effect right away. Click the icons at the top of the preview to switch between the desktop and the phone view. The widget editor with the preview on the right The preview is a working widget: you can search and chat in it to check the answers. https://docs.raffle.ai/widgets/install/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.raffle.ai/widgets/install/ Go to Widgets Select the widget to install Click Install at the top right You can also click ⋯ next to the widget on the Widgets page and choose Install. The Install dialog with the script and the widget's UID Click Copy script and paste the script inside the <head> tag of every page that should show the widget. See Script for details, and the other installation guides for platforms such as Google Tag Manager.