Overview
The Smart Button is a sticky, floating button that appears on every page of your website and links directly to your DoorDash Online Ordering page. It stays visible as customers scroll, so your order prompt is always one tap away.
The Customizable Website Pop-Up is a modal that appears once when a customer first visits your site, inviting them to order delivery or pickup right away. Customers can dismiss it and continue browsing normally.
Both tools are installed with a single code snippet added to your website. They collect no customer data and make no changes to your site without your approval. You can turn them on or off at any time.
What's Included
Boost and Pro packages — Smart Button and Pop-Up included
DoorDash AI-generated (branded) websites — Smart Button included, even on the Starter package
Starter package (merchant's own website) — not included
If you are on the Starter package with your own website, contact your account team to learn about upgrading to Boost or Pro.
How Each Feature Works
Smart Button
A persistent, scroll-following button that appears on every page of your website. When a customer clicks it, they are taken directly to your DoorDash Online Ordering page to place an order. You can customize the button's color, text, size, position, and more.
Customizable Website Pop-Up
A modal that appears once when a customer first arrives on your site. It prompts them to choose delivery or pickup and links to your online ordering page. The customer can dismiss it and browse normally. The pop-up title, body text, button text, and colors are all customizable.
Both features are optimized for mobile, tablet, and desktop. They use the same JavaScript snippet — the pop-up can be turned off independently if you prefer to use only the floating button.
Supported Website Platforms
GoDaddy — Supported. Requires a modified version of the code snippet. See the GoDaddy installation guide.
Shopify — Supported.
Squarespace — Supported. Requires a Squarespace Premium plan.
Wix — Supported. Requires a Wix Premium plan.
WordPress — Supported. Requires a WordPress Business Account to add custom code.
BentoBox — Supported.
HubSpot — Supported.
PopMenu — Supported. Contact PopMenu support to add custom JavaScript.
Square Online — Supported.
Not supported: Clover, Owner.com, Beyond Menu, Menufy. These platforms do not allow custom JavaScript. If your website is on one of these platforms, DoorDash can build you a free branded website with the Smart Button included — contact your account team to learn more.
Note: Squarespace, Wix, and WordPress require a paid plan tier to add custom code. If you are on a free plan with one of these providers, you will need to upgrade your plan before installing the Smart Button.
Getting Started
Get your Smart Button code — Log in to the Merchant Portal at doordash.com/merchant/storefront and navigate to the Smart Button section, or find the installation guide in the DoorDash Help Center.
Add the code to your website — Paste the JavaScript snippet into your website, ideally at the end of the head section or the beginning of the body section. Follow the platform-specific instructions for your website builder.
Customize (optional) — Once installed, you can customize the button appearance, pop-up text, and colors. Fill out the customization form — changes are typically applied within one week.
Need help installing? DoorDash can install the Smart Button for free. Just provide edit access to your website and our team will handle the setup. Contact your account team or reach out to support to get started.
Customization Options
Smart Button
Button color (buttonBackgroundColor)
Button text — default is "Order Online," can be changed to anything (buttonText)
Text color (buttonTextColor)
Position on page — top or bottom (position)
Alignment — left, center, or right (buttonAlignment)
Button shape — fully rounded by default; set to square with buttonRadius: '0px'
Font, size, and shadow
Pop-Up
Title text (titleText)
Body text (bodyText)
Delivery and pickup button text and colors
Background color and border radius
To disable the pop-up and keep only the floating button, set showModal: false in your configuration.
Multiple Locations
If you have multiple locations under a Business Group, the Smart Button can display a Store Picker so customers can choose their nearest location. Contact your account team or DoorDash support to get this set up.
Frequently Asked Questions
How do I get the Smart Button code? Log in to the Merchant Portal at doordash.com/merchant/storefront or search for "Smart Button" in the DoorDash Help Center.
Can DoorDash install it for me? Yes. DoorDash can install the Smart Button for free if you provide edit/collaborator access to your website. Typical installation takes about 30 minutes. Contact your account team or support to request this.
Can I turn off the pop-up but keep the floating button? Yes. Set showModal: false in your Smart Button configuration. The floating button will remain active; the pop-up will not appear.
My platform isn't on the supported list. What can I do? If your platform doesn't support custom JavaScript, DoorDash can build you a free branded website with the Smart Button built in. Contact your account team to learn more.
Can I remove the Smart Button myself? Yes. You or your web developer can remove the JavaScript snippet from your website at any time. DoorDash does not have access to your website and cannot remove it remotely. The steps vary by platform — refer to your website platform's documentation for how to remove custom code.
Will the Smart Button slow down my website? The Smart Button is a lightweight JavaScript tool designed to load without impacting page performance.
Does the Smart Button collect my customers' data? No. The Smart Button does not collect any customer data.
Questions? If you need help with this process or have questions, reach out to DoorDash Support at oosupport@doordash.com.