--- title: "Create an Ordering.co AI agent" description: "Configure an AI agent, customize its web widget, preview it, and share its default site URL." canonical: https://docs.ordering.co/docs/products/ai-dashboard/build-your-ai-agent/creating-a-finitless-ai-agent/ --- # Create an Ordering.co AI agent _Configure an AI agent and its web widget._ [Video: Create an Ordering.co AI agent video walkthrough](https://docs.ordering.co/media/ai-dashboard/videos/creating-a-finitless-ai-agent.mp4) 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. [Video: Create an Ordering.co AI agent — animated step 1](https://docs.ordering.co/media/ai-dashboard/clips/creating-a-finitless-ai-agent/gif-01.mp4) **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 `` tag. [Video: Create an Ordering.co AI agent — animated step 2](https://docs.ordering.co/media/ai-dashboard/clips/creating-a-finitless-ai-agent/gif-02.mp4) **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. [Video: Create an Ordering.co AI agent — animated step 3](https://docs.ordering.co/media/ai-dashboard/clips/creating-a-finitless-ai-agent/gif-03.mp4) --- ### 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. Was this page helpful?