[{"data":1,"prerenderedAt":429},["ShallowReactive",2],{"help-\u002Fhelp\u002Fconnect-booking":3,"help-related-\u002Fhelp\u002Fconnect-booking":401},{"id":4,"title":5,"body":6,"category":169,"description":390,"extension":391,"meta":392,"navigation":393,"order":394,"path":395,"product":396,"seo":397,"stem":398,"updated":399,"__hash__":400},"help\u002Fhelp\u002Fconnect-booking.md","Connect a booking calendar",{"type":7,"value":8,"toc":372},"minimark",[9,18,21,26,51,54,71,75,79,97,100,115,118,129,132,140,155,159,205,208,212,274,278,284,287,291,301,305,323,332,342,348,354,358,361],[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.",[10,55,56,57,60,61,64,65,70],{},"Don't have a booking service, or want bookings on your own site? With the Bookings add-on, set ",[14,58,59],{},"Booking service"," to ",[14,62,63],{},"This site"," instead. See ",[66,67,69],"a",{"href":68},"\u002Fhelp\u002Fbookings","Take bookings on your site",".",[22,72,74],{"id":73},"find-your-booking-page-link","Find your booking page link",[76,77,35],"h3",{"id":78},"calendly",[80,81,82,85],"ol",{},[30,83,84],{},"Sign in to Calendly and open your scheduling page (the list of your event types).",[30,86,87,88,92,93,96],{},"To link to all your event types, copy your main link (",[89,90,91],"code",{},"https:\u002F\u002Fcalendly.com\u002Fyour-name","). To link to one event type, click ",[14,94,95],{},"Copy link"," on that event type.",[76,98,39],{"id":99},"calcom",[80,101,102,108],{},[30,103,104,105,70],{},"Sign in to Cal.com and open ",[14,106,107],{},"Event Types",[30,109,110,111,114],{},"Copy your public page link (",[89,112,113],{},"https:\u002F\u002Fcal.com\u002Fyour-name","), or copy the link for one event type.",[76,116,42],{"id":117},"square-appointments",[80,119,120,126],{},[30,121,122,123,70],{},"Sign in to your Square Dashboard and open ",[14,124,125],{},"Appointments",[30,127,128],{},"Go to the online booking settings and copy your booking site link.",[76,130,46],{"id":131},"acuity-scheduling",[80,133,134,137],{},[30,135,136],{},"Sign in to Acuity and open the page for sharing your scheduling page.",[30,138,139],{},"Copy your scheduling page link.",[10,141,142,143,146,147,150,151,154],{},"To show the Acuity calendar on your page, the link must contain ",[89,144,145],{},"acuityscheduling.com",". Your short link (ending in ",[89,148,149],{},".as.me",") works for the button, but not for the calendar. On the same sharing page, Acuity shows embed code with an address like ",[89,152,153],{},"https:\u002F\u002Fapp.acuityscheduling.com\u002Fschedule.php?owner=12345678",". Copy just that address.",[22,156,158],{"id":157},"add-the-section","Add the section",[27,160,161,185],{},[30,162,163,166,167,170,171,173,174,177,178,181,182,70],{},[14,164,165],{},"From Integrations:"," click ",[14,168,169],{},"Integrations"," in the sidebar. On the ",[14,172,16],{}," card, click ",[14,175,176],{},"Add to a page",". Choose the page under ",[14,179,180],{},"Which page?"," and click ",[14,183,184],{},"Add and edit",[30,186,187,190,191,194,195,198,199,202,203,70],{},[14,188,189],{},"From a page:"," open ",[14,192,193],{},"Pages",", choose a page, and on the ",[14,196,197],{},"Content"," tab click ",[14,200,201],{},"Add a section",". Pick ",[14,204,16],{},[10,206,207],{},"The section is added near the bottom of the page. Use the up and down arrows to move it.",[22,209,211],{"id":210},"fill-in-the-fields","Fill in the fields",[80,213,214,224,243,252,258,264],{},[30,215,216,219,220,223],{},[14,217,218],{},"Heading"," and ",[14,221,222],{},"Intro",": say what people are booking and how long it takes.",[30,225,226,228,229,36,231,36,233,43,236,239,240,70],{},[14,227,59],{},": choose ",[14,230,35],{},[14,232,39],{},[14,234,235],{},"Square",[14,237,238],{},"Acuity",". If you use something else, choose ",[14,241,242],{},"Other",[30,244,245,248,249,70],{},[14,246,247],{},"Your booking page link",": paste the link you copied. It should start with ",[89,250,251],{},"https:\u002F\u002F",[30,253,254,257],{},[14,255,256],{},"Button text",": for example, \"See available times.\"",[30,259,260,263],{},[14,261,262],{},"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,265,266,269,270,273],{},[14,267,268],{},"Helpful details",": click ",[14,271,272],{},"Add detail"," to add short points, like \"No charge for the first visit.\"",[22,275,277],{"id":276},"check-it-in-the-preview","Check it in the preview",[10,279,280,281,283],{},"The preview shows your heading, details and button. If you turned on ",[14,282,262],{},", you'll see a box with your button text and \"Opens the booking calendar.\"",[10,285,286],{},"Buttons and calendars don't open inside the preview. Test them on your live site after you publish.",[22,288,290],{"id":289},"publish","Publish",[10,292,293,294,296,297,300],{},"Click ",[14,295,290],{}," at the top right. Your changes go live in about a minute. Then click ",[14,298,299],{},"View live site"," and book a test appointment to make sure everything works. Cancel it afterward in your booking service.",[22,302,304],{"id":303},"troubleshooting","Troubleshooting",[10,306,307,310,311,313,314,316,317,319,320,322],{},[14,308,309],{},"The calendar box doesn't show, just a button."," Check three things. ",[14,312,59],{}," must match the link (Calendly with a Calendly link, Acuity with an Acuity link). The link must start with ",[89,315,251],{},". For Acuity, use the ",[89,318,145],{}," address, not your ",[89,321,149],{}," link.",[10,324,325,328,329,331],{},[14,326,327],{},"Publish is blocked with \"Add the link to your booking page so visitors can book.\""," ",[14,330,247],{}," is empty. Paste your link.",[10,333,334,337,338,341],{},[14,335,336],{},"The checks warn that the link goes to the service's main website."," You pasted the service's home page, like ",[89,339,340],{},"calendly.com",". Copy the link to your own booking page.",[10,343,344,347],{},[14,345,346],{},"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,349,350,353],{},[14,351,352],{},"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,355,357],{"id":356},"what-it-costs","What it costs",[10,359,360],{},"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,362,363,364,36,368,70],{},"Related: ",[66,365,367],{"href":366},"\u002Fhelp\u002Fbusiness-info-and-hours","Business info and hours",[66,369,371],{"href":370},"\u002Fhelp\u002Fadd-a-page","Add a page",{"title":373,"searchDepth":374,"depth":374,"links":375},"",2,[376,377,384,385,386,387,388,389],{"id":24,"depth":374,"text":25},{"id":73,"depth":374,"text":74,"children":378},[379,381,382,383],{"id":78,"depth":380,"text":35},3,{"id":99,"depth":380,"text":39},{"id":117,"depth":380,"text":42},{"id":131,"depth":380,"text":46},{"id":157,"depth":374,"text":158},{"id":210,"depth":374,"text":211},{"id":276,"depth":374,"text":277},{"id":289,"depth":374,"text":290},{"id":303,"depth":374,"text":304},{"id":356,"depth":374,"text":357},"Let customers book appointments on your site using Calendly, Cal.com, Square Appointments or Acuity.","md",{},true,110,"\u002Fhelp\u002Fconnect-booking","sites",{"title":5,"description":390},"help\u002Fconnect-booking",null,"8GgKgNemFNUft-KY8oqam5ZkrkjAC4LmM-vdhvNVtnw",[402,405,408,411,414,417,420,423,426],{"path":403,"title":404},"\u002Fhelp\u002Fadd-a-video","Add a video",{"path":406,"title":407},"\u002Fhelp\u002Fadd-audio","Add a podcast or audio",{"path":409,"title":410},"\u002Fhelp\u002Fadd-social-posts","Show Facebook and Instagram posts",{"path":412,"title":413},"\u002Fhelp\u002Fadd-embed-code","Add embed code, or write your own",{"path":415,"title":416},"\u002Fhelp\u002Fonline-store","Sell products with the online store",{"path":418,"title":419},"\u002Fhelp\u002Fstore-orders","Store orders",{"path":421,"title":422},"\u002Fhelp\u002Fmade-to-order","Made to order and files to download",{"path":424,"title":425},"\u002Fhelp\u002Fonline-ordering","Add online ordering buttons",{"path":427,"title":428},"\u002Fhelp\u002Fsite-services","Visitor stats and site services",1793984124715]