{"id":95144,"date":"2024-05-20T11:51:44","date_gmt":"2024-05-20T08:51:44","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=95144"},"modified":"2025-11-30T07:33:42","modified_gmt":"2025-11-30T05:33:42","slug":"tutorial-how-to-create-appointment-booking-website","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/","title":{"rendered":"How To Add Appointment Scheduling Slots to Your Website With Elementor Pro"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>Streamline Your Business Scheduling with Elementor Pro and Google&#8217;s Latest Feature<\/strong><\/h2>\n\n\n\n<p>In the ever-evolving world of digital convenience, Google has recently unveiled Appointment Scheduling, a new feature tailored for users of the Google Business Suite, designed to streamline the appointment-booking process. This feature allows businesses and service providers to create custom appointment slots, offering a dynamic and user-friendly experience for your business and your clients. Using Elementor Pro, you can seamlessly add scheduling options to your website.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>The Dynamic Scheduling Solution<\/strong><\/h2>\n\n\n\n<p>Imagine being able to offer your clients the flexibility to book appointments based on the specific nature and duration of the service they require. Whether it&#8217;s a 45-minute consultation or a 1.5-hour session. Leveraging Google&#8217;s new feature with Elementor Pro allows you to display available slots to your clients, according to their duration, to streamline your appointment scheduling process and improve the visitor experience.&nbsp;<\/p>\n\n\n\n<p>Virtually any appointment-based business can use this feature to enhance operational efficiency and customer satisfaction. Here&#8217;s are a few examples for businesses that can benefit from streamlining their booking process:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Healthcare Services: From doctors&#8217; offices to specialist medical services, healthcare providers.<\/li>\n\n\n\n<li>Beauty and Personal Care: Salons, spas, barbers, hairdressers, and tattoo studios.<\/li>\n\n\n\n<li>Wellness and Fitness: Personal trainers, yoga studios, and nutritionists.<\/li>\n\n\n\n<li>Professional Services: Legal, financial, and consulting services.<\/li>\n\n\n\n<li>Educational and Tutoring Services: Tutors and instructors across disciplines.<\/li>\n\n\n\n<li>Pet Services: Veterinary clinics, grooming services, and boarding facilities.<\/li>\n\n\n\n<li>Leisure and Recreation: Businesses offering activities like golf, climbing, or private tours or party rooms.<\/li>\n\n\n\n<li>And many others.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How Does it Work?&nbsp;<\/strong><\/h2>\n\n\n\n<p>First, you\u2019ll start by determining how long you would like to reserve for each appointment. Let\u2019s take for example a pet grooming business. Pets differ significantly in size and coat type, which influences the time required for grooming services. Once you\u2019ve decided the duration of each appointment type, you can set up a flow on your website where visitors can book the most suitable time slots. That way you can avoid incorrect bookings and improve customer satisfaction.<\/p>\n\n\n\n<p><strong>For the sake of this example, let\u2019s breakdown the duration of various pet grooming services:&nbsp;<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Basic Grooming Package: For cats and small to medium breed dogs, including bathing, drying, and more, lasting 1 to 2 hours.<\/li>\n\n\n\n<li>Basic Grooming Package for Large Breed Dogs: Similar services tailored for larger breeds, with a duration of 2 to 3 hours.<\/li>\n\n\n\n<li>Full Grooming Packages: An extensive grooming session for all sizes, including detailed styling and health checks, ranging from 2 to 4 hours.<\/li>\n<\/ul>\n\n\n\n<p>Now that we have a breakdown of services, their details and durations let\u2019s get started building our appointment schedules.<\/p>\n\n\n\n<p><strong>Step 1: Create Your Appointment Schedule In Google Calendar<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the \u2018Create\u2019 button in your Google calendar to see the appointment schedule option.<\/li>\n\n\n\n<li>Write the title, select the appointment duration and the days available to set appointments on, and follow further instructions within your Google Calendar.&nbsp;<\/li>\n\n\n\n<li>Repeat these steps for every appointment type you want to offer, as demonstrated above with the Pet Grooming example.&nbsp;&nbsp;<\/li>\n\n\n\n<li>Now all the slots available for bookings are presented in your calendar.<\/li>\n\n\n\n<li>Click on one of them to display or share your booking page. You can share your appointment schedules individually or as a group where your visitors can select the appointment type<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/05\/Create-Appointment-Schedules-On-Google-Calendar.gif\" alt=\"\" \/><\/figure>\n\n\n\n<p><strong>Step 2: Design Your Appointment Schedule Flow On Elementor Pro<\/strong><\/p>\n\n\n\n<p><strong><\/strong>There are many approaches to get your visitors to schedule appointments. One of them is to invite them to book an appointment right away from a button in the header section. A \u201cBook Now\u201d button in your header ensures an immediate engagement, maximum visibility and accessibility, making it easy for users to find and use the booking feature at any point during their site visit. You can use the <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/theme-builder\/\" title=\"Theme Builder\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"24185\">theme builder<\/a> to design your header any way you like and display it throughout your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/05\/image-58-1024x576.png\" alt=\"\" class=\"wp-image-95147\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2024\/05\/image-58-1024x576.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2024\/05\/image-58-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2024\/05\/image-58-768x432.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2024\/05\/image-58-1536x864.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1600\/blog\/wp-content\/uploads\/2024\/05\/image-58.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Another approach is to place a \u2018Book Now\u2019 button on the first section of your home page that we call the hero section. The hero section is the prime real estate of your website and it gives you a huge opportunity to make a strong first impression. You can leverage this high-value space with high-impact visuals and big, attention-grabbing headlines, taking advantage of the full attention of your visitors. You can access the rich <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/all-categories\/\" title=\"Alle categorie\u00ebn\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"24186\">template<\/a> library to get inspired or to ensure using a high-converting hero section layout.&nbsp;<\/p>\n\n\n\n<p>And last but not least, a good complementary approach to placing it in the header and in the hero section is to add a CTA in the pricing areas. Elementor Pro\u2019s price table widget is a very versatile widget that allows you to to list the details of your services with their prices and more details. It is highly configurable, and its call to action button has all the capabilities of the button widget. This approach is best when you offer different services and would like your visitors to see the differences between them when placed next to each other.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 3: Add Google\u2019s Appointment Scheduling to Your Website&nbsp;<\/strong><\/h2>\n\n\n\n<p>Once you decide on the best approach to start your booking appointment user flow, it\u2019s time to implement them.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From your calendar,&nbsp; select an appointment and click share. Select the \u2018website embed\u2019 option and all appointment schedules. And finally, expand the inline booking page option to copy the code provided.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/05\/image-1.gif\" alt=\"\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Back to your website, create a new popup and name it. Its width should be around 90% vw<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Add an HTML widget to your popup and paste the code you copied from your calendar. Save and close.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/05\/image-59-1024x572.png\" alt=\"\" class=\"wp-image-95149\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2024\/05\/image-59-1024x572.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2024\/05\/image-59-300x168.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2024\/05\/image-59-768x429.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2024\/05\/image-59-1536x858.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1600\/blog\/wp-content\/uploads\/2024\/05\/image-59.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>Go to the \u201cBook Now\u201d call to action button you created earlier on your website.<\/li>\n\n\n\n<li>Click on the dynamic tags icon next to the link field of your button. Select \u2018popup\u2019 and type the popup name you want to open. And we are done.&nbsp;<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"573\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/05\/image-60-1024x573.png\" alt=\"\" class=\"wp-image-95150\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2024\/05\/image-60-1024x573.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2024\/05\/image-60-300x168.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2024\/05\/image-60-768x430.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2024\/05\/image-60-1536x859.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1600\/blog\/wp-content\/uploads\/2024\/05\/image-60.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Opening the calendar as a popup allows your visitors to accomplish actions without leaving your website. This is always a recommended user flow to reduce the bounce rate and keep the focus on your website and on your services.&nbsp;<\/p>\n\n\n\n<p>If you would like to keep each appointment individual, you can take the following steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>On an appointment schedule from your calendar, select \u2018share\u2019 and this time select a \u2018single booking page\u2019.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/05\/image-61.png\" alt=\"\" style=\"width:557px;height:auto\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Copy the code provided under the \u2018inline booking page\u2019 option,<\/li>\n\n\n\n<li>Then paste the code in an HTML widget in a popup you create on your Elementor website. <strong>You need to have separate popups for different appointment types.<\/strong><\/li>\n\n\n\n<li>Then you can also assign individual popups to each price table widget\u2019s button, providing more detailed information about your services.&nbsp;<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/05\/image-62-1024x577.png\" alt=\"\" class=\"wp-image-95152\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2024\/05\/image-62-1024x577.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2024\/05\/image-62-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2024\/05\/image-62-768x433.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2024\/05\/image-62-1536x866.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1600\/blog\/wp-content\/uploads\/2024\/05\/image-62.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>By creating separate flows for different services, businesses can cater to the specific needs of their clients, ensuring a smooth and efficient booking experience.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Bonus: Create a Call to Action Button That Actually Collects Payments And Schedules Appointments&nbsp;<\/strong><\/h3>\n\n\n\n<p>&nbsp; You can go a step further and ask for a provision payment to secure your client appointment and allow them to schedule appointments with you. That way you can reduce the no-show rates and make-up for the time if this would be the case.&nbsp;<\/p>\n\n\n\n<p>&nbsp;&nbsp; Stripe or PayPal buttons in Elementor Pro offer a \u201credirect after success\u201d field where it gives you the opportunity to paste the direct link to your appointment schedules, create a separate page to embed the schedule, or open a popup that you embedded the schedule .<\/p>\n\n\n\n<p>So here is how it works:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Add a stripe \/paypal button and style it. You can copy and paste style from a regular button you have on your website.<\/li>\n\n\n\n<li>Connect your account on your preferred payment gateway service.<\/li>\n\n\n\n<li>Go to the additional options tab on Stripe\/Paypal widget and find the \u201cRedirect After Success\u201d link field.<\/li>\n\n\n\n<li>Link your appointment scheduling page or popup you created using the methods above, using the dynamic tags.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2024\/05\/image-63-1024x576.png\" alt=\"\" class=\"wp-image-95153\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2024\/05\/image-63-1024x576.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2024\/05\/image-63-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2024\/05\/image-63-768x432.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2024\/05\/image-63-1536x864.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1600\/blog\/wp-content\/uploads\/2024\/05\/image-63.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Utilize External Links:<\/strong>&nbsp;<\/h3>\n\n\n\n<p>Google allows you to copy a link to a page where&nbsp; visitors can select among \u200c all appointment schedules or individual links to each of your appointment schedules, which would keep visitors focused on what service they would like to receive.&nbsp;<\/p>\n\n\n\n<p>You can paste those links to link fields on buttons, text or wherever possible on your website. This will take your visitors out of your website.<\/p>\n\n\n\n<p>While this method is quicker to implement, it has a risk of creating higher bounce rates.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Embrace the Future of Appointment Scheduling<\/strong><\/h2>\n\n\n\n<p>Now that Google has introduced the new Appointment Scheduling feature, you can seamlessly allow visitors to book appointments on your website using Elementor Pro.&nbsp;<\/p>\n\n\n\n<p>When combined with additional&nbsp; Elementor Pro\u2019s features such as the <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/popup-builder\/\" title=\"Popup Builder\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"24187\">popup builder<\/a> and versatile widgets like the price table widget and HTML widget, you can create infinite booking experiences on your website, based on your specific needs,&nbsp; without having to use a separate booking plugin. You can even combine with Stripe or PayPal buttons by creating a new page and embedding the appointment schedule on it or directly pasting the appointment schedule link to \u201credirect after success\u201d field and creating a whole new booking flow where your clients are creating an appointment after having paid.&nbsp;<\/p>\n\n\n\n<p>By embracing these methods, you can enhance your service delivery, satisfy your clients, increase revenue and ultimately, achieve greater success while managing your time.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Leverage Elementor Pro\u2019s integration with Google Business Suite\u2019s Appointment Scheduling feature to allow visitors to book an appointment on your website, without requiring any additional plugins! <\/p>\n","protected":false},"author":2024235,"featured_media":95145,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[44,167,28],"tags":[173],"marketing_persona":[],"marketing_intent":[],"class_list":["post-95144","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-elementor-team-writes","category-tips-tricks","tag-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How To Add Appointment Scheduling Slots to Your Website With Elementor Pro<\/title>\n<meta name=\"description\" content=\"Leverage Elementor Pro\u2019s integration with Google Business Suite\u2019s Appointment Scheduling feature to allow visitors to book an appointment on your website, without requiring any additional plugins!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Add Appointment Scheduling Slots to Your Website With Elementor Pro\" \/>\n<meta property=\"og:description\" content=\"Leverage Elementor Pro\u2019s integration with Google Business Suite\u2019s Appointment Scheduling feature to allow visitors to book an appointment on your website, without requiring any additional plugins!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-20T08:51:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-30T05:33:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/05\/Featured-Image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Selin Romano\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Selin Romano\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/\"},\"author\":{\"name\":\"Selin Romano\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/ea38870d03cdba3f7d6938cd1026ba42\"},\"headline\":\"How To Add Appointment Scheduling Slots to Your Website With Elementor Pro\",\"datePublished\":\"2024-05-20T08:51:44+00:00\",\"dateModified\":\"2025-11-30T05:33:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/\"},\"wordCount\":1565,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/05\/Featured-Image.png\",\"keywords\":[\"Video\"],\"articleSection\":[\"Elementor\",\"Elementor Team Writes\",\"Tips &amp; Tricks\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/\",\"url\":\"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/\",\"name\":\"How To Add Appointment Scheduling Slots to Your Website With Elementor Pro\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/05\/Featured-Image.png\",\"datePublished\":\"2024-05-20T08:51:44+00:00\",\"dateModified\":\"2025-11-30T05:33:42+00:00\",\"description\":\"Leverage Elementor Pro\u2019s integration with Google Business Suite\u2019s Appointment Scheduling feature to allow visitors to book an appointment on your website, without requiring any additional plugins!\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/05\/Featured-Image.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/05\/Featured-Image.png\",\"width\":2400,\"height\":1260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor\",\"item\":\"https:\/\/elementor.com\/blog\/category\/elementor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How To Add Appointment Scheduling Slots to Your Website With Elementor Pro\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/ea38870d03cdba3f7d6938cd1026ba42\",\"name\":\"Selin Romano\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ffc854dca35f4bfd73a1250fd85e606244d419ac4aa7a6e5246f1634e222cbb1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ffc854dca35f4bfd73a1250fd85e606244d419ac4aa7a6e5246f1634e222cbb1?s=96&d=mm&r=g\",\"caption\":\"Selin Romano\"},\"description\":\"Selin is an Expert Elementorsit and content creator in Elementor, committed to revealing the hidden gems within the platform. She enjoys reading and talking about technology, human evolution, psychology and UX.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/selinr\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Add Appointment Scheduling Slots to Your Website With Elementor Pro","description":"Leverage Elementor Pro\u2019s integration with Google Business Suite\u2019s Appointment Scheduling feature to allow visitors to book an appointment on your website, without requiring any additional plugins!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/","og_locale":"en_US","og_type":"article","og_title":"How To Add Appointment Scheduling Slots to Your Website With Elementor Pro","og_description":"Leverage Elementor Pro\u2019s integration with Google Business Suite\u2019s Appointment Scheduling feature to allow visitors to book an appointment on your website, without requiring any additional plugins!","og_url":"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2024-05-20T08:51:44+00:00","article_modified_time":"2025-11-30T05:33:42+00:00","og_image":[{"width":2400,"height":1260,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/05\/Featured-Image.png","type":"image\/png"}],"author":"Selin Romano","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Selin Romano","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/"},"author":{"name":"Selin Romano","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/ea38870d03cdba3f7d6938cd1026ba42"},"headline":"How To Add Appointment Scheduling Slots to Your Website With Elementor Pro","datePublished":"2024-05-20T08:51:44+00:00","dateModified":"2025-11-30T05:33:42+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/"},"wordCount":1565,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/05\/Featured-Image.png","keywords":["Video"],"articleSection":["Elementor","Elementor Team Writes","Tips &amp; Tricks"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/","url":"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/","name":"How To Add Appointment Scheduling Slots to Your Website With Elementor Pro","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/05\/Featured-Image.png","datePublished":"2024-05-20T08:51:44+00:00","dateModified":"2025-11-30T05:33:42+00:00","description":"Leverage Elementor Pro\u2019s integration with Google Business Suite\u2019s Appointment Scheduling feature to allow visitors to book an appointment on your website, without requiring any additional plugins!","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/05\/Featured-Image.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2024\/05\/Featured-Image.png","width":2400,"height":1260},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/tutorial-how-to-create-appointment-booking-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Elementor","item":"https:\/\/elementor.com\/blog\/category\/elementor\/"},{"@type":"ListItem","position":3,"name":"How To Add Appointment Scheduling Slots to Your Website With Elementor Pro"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/ea38870d03cdba3f7d6938cd1026ba42","name":"Selin Romano","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ffc854dca35f4bfd73a1250fd85e606244d419ac4aa7a6e5246f1634e222cbb1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ffc854dca35f4bfd73a1250fd85e606244d419ac4aa7a6e5246f1634e222cbb1?s=96&d=mm&r=g","caption":"Selin Romano"},"description":"Selin is an Expert Elementorsit and content creator in Elementor, committed to revealing the hidden gems within the platform. She enjoys reading and talking about technology, human evolution, psychology and UX.","url":"https:\/\/elementor.com\/blog\/author\/selinr\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/95144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/2024235"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=95144"}],"version-history":[{"count":4,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/95144\/revisions"}],"predecessor-version":[{"id":145873,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/95144\/revisions\/145873"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/95145"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=95144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=95144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=95144"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=95144"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=95144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}