Fast installation
Add one script tag instead of rebuilding the restaurant website.
Why restaurants use it
A new ordering channel without rebuilding the restaurant website.
The widget connects an existing restaurant website to the configured InsightBridge menu and ordering experience.
Mobile friendly
The assistant opens as a comfortable full-screen ordering experience on phones.
Restaurant-specific menu
The restaurant slug loads the correct restaurant, menu items and branding.
Customisable appearance
Choose the assistant title, greeting, position and primary widget colour.
Simple installation
Install it in three clear steps.
It can be added to normal HTML and PHP websites, WordPress themes, Laravel layouts and website builders that allow custom JavaScript.
Publish the widget file
Make sure restaurant-ai-widget.js is available inside the platform widget folder.
Copy the generated script
Place the script immediately before the restaurant website’s closing body tag.
Use the restaurant slug
Replace the example slug with the live slug assigned to that restaurant.
Embed-code generator
Configure the widget and copy the code.
The restaurant slug is required. The assistant title, greeting, position and colour can be adjusted for each restaurant website.
Restaurant widget embed code
Add it before the closing body tag.
<script
src="https://welcome.ibridgeai.com/widget/restaurant-ai-widget.js"
data-restaurant-slug="first-last"
data-base-url="https://welcome.ibridgeai.com"
data-title="AI Ordering Assistant"
data-greeting="Order with AI"
data-position="right"
data-color="#F97316"
defer
></script>
Widget settings
Understand each script attribute.
Only the restaurant slug identifies which menu to load. The other values control presentation and can be changed without modifying the widget JavaScript file.
| Attribute | Required | Purpose |
|---|---|---|
data-restaurant-slug |
Yes | Loads the correct restaurant record, menu and ordering flow. |
data-base-url |
Recommended | Points the widget to the installed InsightBridge platform URL. |
data-title |
No | Changes the title displayed inside the ordering assistant. |
data-greeting |
No | Changes the short text displayed beside the widget launcher. |
data-position |
No | Places the launcher on the right or left side of the restaurant website. |
data-color |
No | Applies the restaurant’s preferred primary widget colour. |
Before launch
Complete the restaurant setup before sharing the widget.
The script can be installed quickly, but the customer experience depends on the restaurant’s menu, payment and notification settings.
Confirm the restaurant slug
Use the exact active slug assigned to the restaurant.
Publish menu items
Check categories, prices, descriptions, images and availability.
Review checkout settings
Confirm supported cash or Stripe payment options before launch.
Test notifications
Verify kitchen alerts, customer email and SMS notifications.
Frequently asked questions
Common integration questions.
Does the restaurant need a new website?
No. The widget is designed to sit on an existing website and open the InsightBridge ordering experience when clicked.
What identifies the restaurant?
The required data-restaurant-slug value tells the widget which restaurant record and menu to load.
Will it work on mobile phones?
Yes. The launcher stays compact on the restaurant website and the ordering interface can open in a mobile-friendly full-screen presentation.
Can the colour and text be changed?
Yes. The embed attributes can change the title, greeting, position and primary colour without editing the core widget file.
Can the same widget file support several restaurants?
Yes. Each restaurant website can load the same widget JavaScript file while using its own restaurant slug and appearance settings.
Need help installing the restaurant widget?
InsightBridge can help confirm the restaurant slug, validate the live menu, install the embed code and test the complete ordering journey.