Skip to main content

Create an Ordering.co AI agent

Configure an AI agent and its web widget.

This narrated walkthrough demonstrates the same workflow documented in the written, step-by-step guide directly below.

The AI Agents feature allows business owners to deploy conversational interfaces across multiple channels—such as WhatsApp or direct web widgets—enabling automated order processing and customer support.

This article walks through agent setup, widget options, preview, and deployment fields.

Step-by-step feature guide​

1. Creating and Configuring Your Agent

The process begins in the AI Agents dashboard. By selecting the "Create Agent" button, you initiate a configuration wizard. First, you choose your Channel (the platform where the AI will live) and select your specific Brand from your pre-loaded list.

This step is crucial as it links the AI to your specific menu, locations, and brand identity. Once you enable the agent and set the default language, the system generates a unique environment tailored to that brand.

2. Visual Customization and Widget Integration

Once the agent is created, Ordering.co offers a "Widget" configuration tool to ensure the interface feels like a native part of your website.

  • Widget Type: You can choose between a Floating Chat (a persistent bubble in the corner) or a Popup Modal (a centered window triggered by a button).
  • Styling: The platform allows for granular control over aesthetics, including primary and secondary brand colors, gradient previews, and button positioning (bottom-left or bottom-right).
  • Deployment: Under the Code tab, Ordering.co generates a JavaScript snippet that you can add to your website's HTML before the closing </body> tag.

3. Testing and Live Preview

Before going live, the Interactive Preview tool allows you to simulate the user experience. You can toggle between Desktop and Mobile views to ensure the responsiveness of the chat window. This stage allows you to see exactly how the AI greets customers and how the interface handles transitions, ensuring a friction-less experience for the end-user.

Use the default site URL​

Once your Ordering.co AI Agent is configured, it is immediately assigned a dedicated Default Site URL, providing an instant gateway for your customers. This web-based interface serves as a fully functional, standalone landing page that eliminates the need for complex website integrations during your initial launch.

By navigating to the Configure section under "Sites & Domains," you can access this direct link and share it immediately. From the moment the agent is active, any customer visiting this URL can start a conversation—simply by typing a request like "I want a pepperoni pizza"—and the AI will begin the ordering flow.

You can share the URL in a social profile, email campaign, or QR code after testing the order flow.

Tips and tricks for success​

  • Match Your Brand Voice: Use the configuration settings to ensure the AI's language matches your restaurant's vibe—whether that is formal and professional or casual and friendly.
  • Optimize Button Placement: If your mobile site has a "Back to Top" button or a "Call Now" button on the right, move your Ordering.co widget to the bottom-left to avoid overlapping UI elements.
  • Use High-Resolution Icons: When adding a custom button icon, use a clear, transparent PNG to ensure the widget looks polished on high-definition screens.

Best practices​

  • Test on Multiple Devices: Use the Mobile and Desktop preview modes before publishing the widget.
  • Monitor Performance Metrics: Regularly check the "Conversion Rate" and "Avg First Response Time" on your dashboard. If conversions are low, consider adjusting the "Floating Chat" text to be more inviting.
  • Keep Data Current: Review the brand's menu and store information in the Ordering.co dashboard before testing the AI Agent.

Conclusion​

After configuration, preview the agent on desktop and mobile and confirm its menu and store data before sharing the default URL or widget code.