DoorDash Drive On-Demand Web Widgets Guide
What are DoorDash Drive web widgets?
DoorDash Drive web widgets are self-serve tools that allow you to add ordering buttons or modals to your website. They direct customers to your first-party ordering site and don't include DoorDash branding.
Widgets are designed to help grow direct pickup and delivery orders by making it easier for website visitors to start an order.
Who can use DoorDash Drive web widgets?
To access DoorDash Drive web widgets, you must meet all of the following requirements:
Drive is enabled on your account
You're logged in using your unified business ID
You're a business admin or business group admin
If you're unsure which business ID to use, contact your DoorDash account manager. If widgets don't appear in your account, double-check your eligibility.
Where do I find Drive On-Demand web widgets in the Merchant Portal?
Log in to the Merchant Portal
Select Add solutions in the left navigation
Scroll down to the Grow Online section
Find the Widgets feature and click Create a widget
How do I create a new web widget?
Log in to the Merchant Portal
Select Marketing in the left navigation
Tap Run a Campaign
Select the Drive tab at the top of the page
Choose the widgets you want to create
Select the Create widget button
Customize your widget
Your store header will be the default image shown, if you do not have one or would like to change it, select your hero image.
Select the background color
Craft your messaging
Enter your headline text and select the color
Enter your body text and select the color
Add offer details (optional)
Customize your buttons
Select the number of buttons your widget should have
Choose the layout for your buttons
Add a secondary call to action (optional)
Add your button text
Select your button font
Select your button's fill and text colors
Receive more promo orders with a floating button
Decide to include a floating button or not
Schedule your widget
Choose to start now or select a custom start date
Choose to keep it going indefinitely, or select a custom end date
Decide which days of the week your widget should appear
Add any pages that the web widget should be excluded from (optional)
Install the widget manager
Web widgets — both draft and published — won't display until the snippet is installed. Add the provided code snippet to your website as a Custom HTML tag and apply the All Pages trigger. They can also be installed using Google Tag Manager.
Copy the code to your website's code editor, or Google's Tag Manager
Save your changes
Ready to publish?
Review your web widget settings, edit if needed
Before publishing, you can use a preview link to test the web widget on your website
When you're ready, click Publish widget
How do I manage a web widget after creating it?
After creating a DoorDash Drive web widget, you can install, publish, and manage it in the Merchant Portal.
Merchants can turn a web widget off or back on at any time by publishing or unpublishing it in the Merchant Portal. You won't need to reinstall the code snippet after the initial setup.
What image requirements should I follow?
All images for web widgets can't exceed 900 pixels wide. If an image upload fails due to file size, try resizing the image to 900 pixels wide to balance quality and performance. To ensure your image meets quality standards, review DoorDash's photo requirements.
For the best results:
Use images that clearly show your item
Images with items hidden in packaging or without the item tend to underperform
See more best practices in our photo glossary.
Can I create more than one web widget?
Yes, you can create multiple web widgets within the same account to support different use cases. For example:
A promotion-specific widget on certain days
A standard "Order Now" widget when no promotion is running
Avoid running multiple web widgets on the same pages at the same time. Use scheduling features or unpublish web widgets as needed to prevent overlap.
How do DoorDash Drive web widgets impact order volume?
DoorDash conducted several A/B tests on web widgets to determine the impact of frequency, placement, promotions, and design on order volume. Here are the results:
Insights from DoorDash testing
Web widgets with "Order Now" messaging and no promotion drove an average +16% lift in combined pickup and delivery orders
During $0 delivery fee promotions, web widget modals increased delivery orders by an average +31% compared to website messaging alone
How can I use web widgets to increase my order volume?
To maximize performance:
Use separate buttons for pickup and delivery instead of a single Order Now or Order Online button
Include widgets on "Free Delivery" and "$0 Delivery" promotions
Set widgets to appear on specific days or promotions — for example, you could have one widget with a "$5 Off Fridays" message, and another widget for standard business days with an "Order Now" message
Why doesn't my web widget appear after refreshing the page?
Web widgets are designed to display once per browser session. If you refresh the page and don't see the web widget again, open a new browser tab to trigger it.
Will web widget modals hurt my website's user experience?
In DoorDash testing, web widget modals improved bounce rates and increased traffic into ordering flows compared to pages without modals.
Because customer behavior can vary by business, we recommend continuously monitoring results on your own site.
Does DoorDash track performance for my web widgets?
Web widgets don't include built-in tracking or reporting.
To measure your store performance with web widgets, set up analytics using your own tools (such as Google Analytics). If you'd like native reporting in the future, share feedback at [email protected].
How do I contact support?
Use Help in your Merchant Portal for account-specific questions
Contact Drive-On Demand Support for Drive On-Demand-specific questions.
For any other questions, you can reach out to Merchant Support.
