[{"data":1,"prerenderedAt":427},["ShallowReactive",2],{"help-\u002Fhelp\u002Fonline-ordering":3,"help-related-\u002Fhelp\u002Fonline-ordering":399},{"id":4,"title":5,"body":6,"category":182,"description":388,"extension":389,"meta":390,"navigation":391,"order":392,"path":393,"product":394,"seo":395,"stem":396,"updated":397,"__hash__":398},"help\u002Fhelp\u002Fonline-ordering.md","Add online ordering buttons",{"type":7,"value":8,"toc":366},"minimark",[9,18,21,26,60,64,67,71,85,88,99,102,114,117,132,135,143,146,157,160,168,172,218,221,225,263,266,270,273,277,287,291,300,309,319,325,331,337,341,344,348,354],[10,11,12,13,17],"p",{},"The ",[14,15,16],"strong",{},"Order online"," section is a bold band with a heading, a short intro and up to five large buttons. Each button opens your ordering page in a new tab, for example \"Order pickup\" or \"Get delivery.\" Your ordering service handles the menu, checkout and payment. You don't need any code or API key.",[10,19,20],{},"The first button is solid and stands out most. Any others are outlined. Put the option you want people to choose first at the top.",[22,23,25],"h2",{"id":24},"what-you-need-first","What you need first",[27,28,29,57],"ul",{},[30,31,32,33,36,37,36,40,36,43,36,46,36,49,52,53,56],"li",{},"An account with an ordering service, such as ",[14,34,35],{},"SpotOn",", ",[14,38,39],{},"Toast",[14,41,42],{},"Square Online",[14,44,45],{},"Clover",[14,47,48],{},"DoorDash",[14,50,51],{},"ChowNow"," or ",[14,54,55],{},"Grubhub",", with your menu already set up there.",[30,58,59],{},"The link to your ordering page for each service you want to show.",[22,61,63],{"id":62},"find-your-ordering-link","Find your ordering link",[10,65,66],{},"The surest test for any service: open the link in a private browser window. If you see your menu as a customer would, it's the right link.",[68,69,35],"h3",{"id":70},"spoton",[72,73,74,77],"ol",{},[30,75,76],{},"Open your restaurant's SpotOn online ordering page as a customer would.",[30,78,79,80,84],{},"Copy the address from your browser's address bar. It usually starts with ",[81,82,83],"code",{},"https:\u002F\u002Forder.spoton.com\u002F",".",[68,86,39],{"id":87},"toast",[72,89,90,93],{},[30,91,92],{},"Sign in to Toast Web and open your online ordering settings.",[30,94,95,96,84],{},"Copy your online ordering link. It usually starts with ",[81,97,98],{},"https:\u002F\u002Forder.toasttab.com\u002Fonline\u002F",[68,100,42],{"id":101},"square-online",[72,103,104,107],{},[30,105,106],{},"Sign in to Square Online and open your site overview.",[30,108,109,110,113],{},"Copy your site address (often ending in ",[81,111,112],{},".square.site","), or the address of your ordering page.",[68,115,45],{"id":116},"clover",[72,118,119,125],{},[30,120,121,122,84],{},"Sign in to your Clover dashboard and open ",[14,123,124],{},"Online Ordering",[30,126,127,128,131],{},"Copy your online ordering link (it contains ",[81,129,130],{},"clover.com\u002Fonline-ordering\u002F",").",[68,133,48],{"id":134},"doordash",[27,136,137,140],{},[30,138,139],{},"If you use DoorDash Storefront (ordering on your own link), copy your Storefront link from the DoorDash Merchant Portal.",[30,141,142],{},"Otherwise, search for your restaurant on doordash.com, open your store page, and copy the address from your browser's address bar.",[68,144,51],{"id":145},"chownow",[72,147,148,151],{},[30,149,150],{},"Sign in to your ChowNow dashboard.",[30,152,153,154,131],{},"Copy your direct ordering link (it contains ",[81,155,156],{},"chownow.com",[68,158,55],{"id":159},"grubhub",[72,161,162,165],{},[30,163,164],{},"Search for your restaurant on grubhub.com and open your menu page.",[30,166,167],{},"Copy the address from your browser's address bar.",[22,169,171],{"id":170},"add-the-section","Add the section",[27,173,174,198],{},[30,175,176,179,180,183,184,186,187,190,191,194,195,84],{},[14,177,178],{},"From Integrations:"," click ",[14,181,182],{},"Integrations"," in the sidebar. On the ",[14,185,16],{}," card, click ",[14,188,189],{},"Add to a page",". Choose the page under ",[14,192,193],{},"Which page?"," and click ",[14,196,197],{},"Add and edit",[30,199,200,203,204,207,208,211,212,215,216,84],{},[14,201,202],{},"From a page:"," open ",[14,205,206],{},"Pages",", choose a page, and on the ",[14,209,210],{},"Content"," tab click ",[14,213,214],{},"Add a section",". Pick ",[14,217,16],{},[10,219,220],{},"The section is added near the bottom of the page. Use the up and down arrows to move it. On a restaurant site, it often works best near the top of the home page.",[22,222,224],{"id":223},"fill-in-the-fields","Fill in the fields",[72,226,227,237,248,254],{},[30,228,229,232,233,236],{},[14,230,231],{},"Heading"," and ",[14,234,235],{},"Intro",": for example, \"Order online\" and \"Pickup or delivery, ready when you are.\"",[30,238,239,240,243,244,247],{},"Under ",[14,241,242],{},"Ordering links",", open each sample link, or click ",[14,245,246],{},"Add link"," for a new one.",[30,249,250,253],{},[14,251,252],{},"Button text",": what the button says, like \"Order pickup\" or \"Order on DoorDash.\"",[30,255,256,259,260,84],{},[14,257,258],{},"Link",": paste your ordering link. It should start with ",[81,261,262],{},"https:\u002F\u002F",[10,264,265],{},"To remove a button, click the trash icon next to it. To reorder buttons, use the up and down arrows.",[22,267,269],{"id":268},"check-it-in-the-preview","Check it in the preview",[10,271,272],{},"The preview shows your buttons as visitors will see them. Buttons don't open inside the preview. Test them on your live site after you publish.",[22,274,276],{"id":275},"publish","Publish",[10,278,279,280,282,283,286],{},"Click ",[14,281,276],{}," at the top right. Your changes go live in about a minute. Then click ",[14,284,285],{},"View live site"," and press each button to make sure it opens the right ordering page.",[22,288,290],{"id":289},"troubleshooting","Troubleshooting",[10,292,293,296,297,299],{},[14,294,295],{},"Publish is blocked because a button \"has no ordering link.\""," That button's ",[14,298,258],{}," is empty. Paste your ordering link, or remove that button.",[10,301,302,305,306,308],{},[14,303,304],{},"A button is missing."," Buttons with no ",[14,307,252],{}," are hidden. Type some text for it.",[10,310,311,314,315,318],{},[14,312,313],{},"The checks warn that a button goes to the service's main website."," You pasted a home page, like ",[81,316,317],{},"doordash.com",". Copy the link to your own ordering page.",[10,320,321,324],{},[14,322,323],{},"The link opens a login page."," You copied a link from your own dashboard, which only you can use. Copy the customer-facing ordering link instead.",[10,326,327,330],{},[14,328,329],{},"The link opens the wrong location."," If you have more than one location, each has its own ordering link. Copy the one for this location, or add a button for each.",[10,332,333,336],{},[14,334,335],{},"The link opens a search page instead of your menu."," You copied a search results address. Click into your restaurant first, then copy the address.",[22,338,340],{"id":339},"what-it-costs","What it costs",[10,342,343],{},"The Order online section is included in your plan. Your ordering service charges its own fees. Delivery apps usually take a commission on each order, and direct ordering often costs less. Check each service's pricing. We add nothing on top.",[22,345,347],{"id":346},"moving-from-your-old-website","Moving from your old website",[10,349,350,351,353],{},"When we move your existing website over, your online ordering stays where it is. If your old site sent customers to SpotOn, Toast, ChowNow, DoorDash or another ordering service, your new site's order buttons go to the same ordering page, so you keep taking orders without changing anything. Your import notes say which service we found. If your old site showed ordering in a box we couldn't read, the notes ask you to paste your ordering link in an ",[14,352,16],{}," section.",[10,355,356,357,36,362,84],{},"Related: ",[358,359,361],"a",{"href":360},"\u002Fhelp\u002Fbusiness-info-and-hours","Business info and hours",[358,363,365],{"href":364},"\u002Fhelp\u002Fadd-a-page","Add a page",{"title":367,"searchDepth":368,"depth":368,"links":369},"",2,[370,371,381,382,383,384,385,386,387],{"id":24,"depth":368,"text":25},{"id":62,"depth":368,"text":63,"children":372},[373,375,376,377,378,379,380],{"id":70,"depth":374,"text":35},3,{"id":87,"depth":374,"text":39},{"id":101,"depth":374,"text":42},{"id":116,"depth":374,"text":45},{"id":134,"depth":374,"text":48},{"id":145,"depth":374,"text":51},{"id":159,"depth":374,"text":55},{"id":170,"depth":368,"text":171},{"id":223,"depth":368,"text":224},{"id":268,"depth":368,"text":269},{"id":275,"depth":368,"text":276},{"id":289,"depth":368,"text":290},{"id":339,"depth":368,"text":340},{"id":346,"depth":368,"text":347},"Send customers to your SpotOn, Toast, Square Online, Clover, DoorDash, ChowNow or Grubhub ordering page with big, clear buttons.","md",{},true,130,"\u002Fhelp\u002Fonline-ordering","sites",{"title":5,"description":388},"help\u002Fonline-ordering",null,"21RqEg5uMDHRwjzS7RiJ2ClBfM3FrLbWHU-GPMlq_uw",[400,403,406,409,412,415,418,421,424],{"path":401,"title":402},"\u002Fhelp\u002Fadd-a-video","Add a video",{"path":404,"title":405},"\u002Fhelp\u002Fadd-audio","Add a podcast or audio",{"path":407,"title":408},"\u002Fhelp\u002Fadd-social-posts","Show Facebook and Instagram posts",{"path":410,"title":411},"\u002Fhelp\u002Fadd-embed-code","Add embed code, or write your own",{"path":413,"title":414},"\u002Fhelp\u002Fconnect-booking","Connect a booking calendar",{"path":416,"title":417},"\u002Fhelp\u002Fonline-store","Sell products with the online store",{"path":419,"title":420},"\u002Fhelp\u002Fstore-orders","Store orders",{"path":422,"title":423},"\u002Fhelp\u002Fmade-to-order","Made to order and files to download",{"path":425,"title":426},"\u002Fhelp\u002Fsite-services","Visitor stats and site services",1793984124833]