[{"data":1,"prerenderedAt":400},["ShallowReactive",2],{"help-\u002Fhelp\u002Fconnect-booking":3,"help-related-\u002Fhelp\u002Fconnect-booking":375},{"id":4,"title":5,"body":6,"category":153,"description":366,"extension":367,"meta":368,"navigation":369,"order":370,"path":371,"seo":372,"stem":373,"__hash__":374},"help\u002Fhelp\u002Fconnect-booking.md","Connect a booking calendar",{"type":7,"value":8,"toc":348},"minimark",[9,18,21,26,51,54,58,62,80,83,99,102,113,116,124,139,143,189,192,196,259,263,269,272,276,286,290,308,317,323,329,333,336],[10,11,12,13,17],"p",{},"The ",[14,15,16],"strong",{},"Booking"," section gives visitors a clear way to book a time with you. It shows a heading, a short intro, up to four helpful details (like \"Free 30-minute visit\") and a button to your booking page.",[10,19,20],{},"With Calendly and Acuity, you can also show the calendar right on your page. It loads only when a visitor clicks, which keeps the page fast. With Cal.com, Square and other services, the button opens your booking page in a new tab.",[22,23,25],"h2",{"id":24},"what-you-need-first","What you need first",[27,28,29,48],"ul",{},[30,31,32,33,36,37,36,40,43,44,47],"li",{},"An account with ",[14,34,35],{},"Calendly",", ",[14,38,39],{},"Cal.com",[14,41,42],{},"Square Appointments"," or ",[14,45,46],{},"Acuity Scheduling",", with your services and hours already set up there.",[30,49,50],{},"The link to your booking page. You don't need any code or API key.",[10,52,53],{},"Your booking service handles everything after the click, like available times, reminders and confirmation emails.",[22,55,57],{"id":56},"find-your-booking-page-link","Find your booking page link",[59,60,35],"h3",{"id":61},"calendly",[63,64,65,68],"ol",{},[30,66,67],{},"Sign in to Calendly and open your scheduling page (the list of your event types).",[30,69,70,71,75,76,79],{},"To link to all your event types, copy your main link (",[72,73,74],"code",{},"https:\u002F\u002Fcalendly.com\u002Fyour-name","). To link to one event type, click ",[14,77,78],{},"Copy link"," on that event type.",[59,81,39],{"id":82},"calcom",[63,84,85,92],{},[30,86,87,88,91],{},"Sign in to Cal.com and open ",[14,89,90],{},"Event Types",".",[30,93,94,95,98],{},"Copy your public page link (",[72,96,97],{},"https:\u002F\u002Fcal.com\u002Fyour-name","), or copy the link for one event type.",[59,100,42],{"id":101},"square-appointments",[63,103,104,110],{},[30,105,106,107,91],{},"Sign in to your Square Dashboard and open ",[14,108,109],{},"Appointments",[30,111,112],{},"Go to the online booking settings and copy your booking site link.",[59,114,46],{"id":115},"acuity-scheduling",[63,117,118,121],{},[30,119,120],{},"Sign in to Acuity and open the page for sharing your scheduling page.",[30,122,123],{},"Copy your scheduling page link.",[10,125,126,127,130,131,134,135,138],{},"To show the Acuity calendar on your page, the link must contain ",[72,128,129],{},"acuityscheduling.com",". Your short link (ending in ",[72,132,133],{},".as.me",") works for the button, but not for the calendar. On the same sharing page, Acuity shows embed code with an address like ",[72,136,137],{},"https:\u002F\u002Fapp.acuityscheduling.com\u002Fschedule.php?owner=12345678",". Copy just that address.",[22,140,142],{"id":141},"add-the-section","Add the section",[27,144,145,169],{},[30,146,147,150,151,154,155,157,158,161,162,165,166,91],{},[14,148,149],{},"From Integrations:"," click ",[14,152,153],{},"Integrations"," in the sidebar. On the ",[14,156,16],{}," card, click ",[14,159,160],{},"Add to a page",". Choose the page under ",[14,163,164],{},"Which page?"," and click ",[14,167,168],{},"Add and edit",[30,170,171,174,175,178,179,182,183,186,187,91],{},[14,172,173],{},"From a page:"," open ",[14,176,177],{},"Pages",", choose a page, and on the ",[14,180,181],{},"Content"," tab click ",[14,184,185],{},"Add a section",". Pick ",[14,188,16],{},[10,190,191],{},"The section is added near the bottom of the page. Use the up and down arrows to move it.",[22,193,195],{"id":194},"fill-in-the-fields","Fill in the fields",[63,197,198,208,228,237,243,249],{},[30,199,200,203,204,207],{},[14,201,202],{},"Heading"," and ",[14,205,206],{},"Intro",": say what people are booking and how long it takes.",[30,209,210,213,214,36,216,36,218,43,221,224,225,91],{},[14,211,212],{},"Booking service",": choose ",[14,215,35],{},[14,217,39],{},[14,219,220],{},"Square",[14,222,223],{},"Acuity",". If you use something else, choose ",[14,226,227],{},"Other",[30,229,230,233,234,91],{},[14,231,232],{},"Your booking page link",": paste the link you copied. It should start with ",[72,235,236],{},"https:\u002F\u002F",[30,238,239,242],{},[14,240,241],{},"Button text",": for example, \"See available times.\"",[30,244,245,248],{},[14,246,247],{},"Show the calendar on this page",": turn this on to show the calendar on your page (Calendly and Acuity only). Leave it off to show a button instead.",[30,250,251,254,255,258],{},[14,252,253],{},"Helpful details",": click ",[14,256,257],{},"Add detail"," to add short points, like \"No charge for the first visit.\"",[22,260,262],{"id":261},"check-it-in-the-preview","Check it in the preview",[10,264,265,266,268],{},"The preview shows your heading, details and button. If you turned on ",[14,267,247],{},", you'll see a box with your button text and \"Opens the booking calendar.\"",[10,270,271],{},"Buttons and calendars don't open inside the preview. Test them on your live site after you publish.",[22,273,275],{"id":274},"publish","Publish",[10,277,278,279,281,282,285],{},"Click ",[14,280,275],{}," at the top right. Your changes go live in about a minute. Then click ",[14,283,284],{},"View live site"," and book a test appointment to make sure everything works. Cancel it afterward in your booking service.",[22,287,289],{"id":288},"troubleshooting","Troubleshooting",[10,291,292,295,296,298,299,301,302,304,305,307],{},[14,293,294],{},"The calendar box doesn't show, just a button."," Check three things. ",[14,297,212],{}," must match the link (Calendly with a Calendly link, Acuity with an Acuity link). The link must start with ",[72,300,236],{},". For Acuity, use the ",[72,303,129],{}," address, not your ",[72,306,133],{}," link.",[10,309,310,313,314,316],{},[14,311,312],{},"The button goes nowhere."," ",[14,315,232],{}," is empty. Paste your link.",[10,318,319,322],{},[14,320,321],{},"Visitors see \"page not found\" at your booking service."," You may have copied a link from inside your account, like a settings page. Copy the public link that customers use, and open it in a private browser window to check it.",[10,324,325,328],{},[14,326,327],{},"The wrong services show up."," You linked to your main page instead of one event type, or the other way around. Copy the other link.",[22,330,332],{"id":331},"what-it-costs","What it costs",[10,334,335],{},"The Booking section is included in your plan. Your booking service charges its own plan prices, and some have free plans. We add nothing on top.",[10,337,338,339,36,344,91],{},"Related: ",[340,341,343],"a",{"href":342},"\u002Fhelp\u002Fbusiness-info-and-hours","Business info and hours",[340,345,347],{"href":346},"\u002Fhelp\u002Fadd-a-page","Add a page",{"title":349,"searchDepth":350,"depth":350,"links":351},"",2,[352,353,360,361,362,363,364,365],{"id":24,"depth":350,"text":25},{"id":56,"depth":350,"text":57,"children":354},[355,357,358,359],{"id":61,"depth":356,"text":35},3,{"id":82,"depth":356,"text":39},{"id":101,"depth":356,"text":42},{"id":115,"depth":356,"text":46},{"id":141,"depth":350,"text":142},{"id":194,"depth":350,"text":195},{"id":261,"depth":350,"text":262},{"id":274,"depth":350,"text":275},{"id":288,"depth":350,"text":289},{"id":331,"depth":350,"text":332},"Let customers book appointments on your site using Calendly, Cal.com, Square Appointments or Acuity.","md",{},true,110,"\u002Fhelp\u002Fconnect-booking",{"title":5,"description":366},"help\u002Fconnect-booking","-bxUxOQ8PqMvLHccOLLpn2yqGy-pCifAaDDxE-iSrzA",[376,379,382,385,388,391,394,397],{"path":377,"title":378},"\u002Fhelp\u002Fadd-a-video","Add a video",{"path":380,"title":381},"\u002Fhelp\u002Fadd-audio","Add a podcast or audio",{"path":383,"title":384},"\u002Fhelp\u002Ftake-payments","Take payments with payment links",{"path":386,"title":387},"\u002Fhelp\u002Fonline-store","Sell products with the online store",{"path":389,"title":390},"\u002Fhelp\u002Fconnect-stripe","Turn on the online store and connect Stripe",{"path":392,"title":393},"\u002Fhelp\u002Fstore-orders","Store orders",{"path":395,"title":396},"\u002Fhelp\u002Fonline-ordering","Add online ordering buttons",{"path":398,"title":399},"\u002Fhelp\u002Fnewsletter-signup","Add a newsletter signup",1792990988985]