---
title: "Configure the Ordering Widget"
description: "Choose and embed a modal, chat-style, or inline ordering surface for an eligible website."
canonical: https://docs.ordering.co/docs/products/dashboard/my-products/ordering-website-2/widget/
---

# Configure the Ordering Widget

In an existing Ordering website, look under **Integrations → Ordering Widgets**. The section is available for the standard website editor when supported. Choose the existing website before generating code.

## Choose a widget type

Select a widget type from the options the editor shows. Use the code generated for that site.

### Button with modal style

Use the button and modal option when a button should open the ordering experience.

### Chat-style integration

Use the chat-style option when you want a small control that opens the ordering experience.

### Inline integration

Use the inline option to place ordering within the page.

## Select the placement for the customer journey

Choose the placement on the site where the widget will be embedded. Verify the ordering URL and the intended store or marketplace.

## Validate the embed safely

Add the code to the approved host site, then test opening, navigation, and checkout behavior in an authorized environment.