{"id":786,"date":"2017-02-17T03:23:06","date_gmt":"2017-02-17T02:23:06","guid":{"rendered":"https:\/\/booking-activities.fr\/fr\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/display-a-booking-form-or-a-calendaron-the-frontend\/"},"modified":"2021-08-09T17:11:33","modified_gmt":"2021-08-09T15:11:33","slug":"display-a-booking-form-or-a-calendar-on-the-frontend","status":"publish","type":"docs","link":"https:\/\/booking-activities.fr\/en\/docs\/user-documentation\/get-started-with-booking-activities\/display-a-booking-form-or-a-calendar-on-the-frontend\/","title":{"rendered":"Display a booking form or a calendar on the frontend"},"content":{"rendered":"<p>The next step after having <a href=\"https:\/\/booking-activities.fr\/en\/docs\/user-documentation\/get-started-with-booking-activities\/add-events-on-calendars\/\">built up your calendar<\/a> is to display it on your website.<\/p>\n<ul>\n<li>Go to the calendars editor<\/li>\n<li>Pick the desired calendar<\/li>\n<li>At the bottom of the page under your planning, click on the link to create a booking form from the current schedule<\/li>\n<\/ul>\n<p>You are now on the form editor. Your calendar is in the &#8220;Calendar&#8221; field, alongside the &#8220;Login \/ Register&#8221;, &#8220;Quantity&#8221; and &#8220;Submit&#8221; fields.<br \/>\nYou can customize all these fields by clicking on the settings wheel next to their name.<br \/>\nDelete all the fields but &#8220;Calendar&#8221; to display only the calendar.<br \/>\nYou can also reorder them by dragging and dropping them to the desired position.<\/p>\n<p>On this same page you will find the &#8220;How to integrate this form&#8221; area, explaining the following process:<\/p>\n<ul>\n<li>Copy the shortcode given in this area<\/li>\n<li>Go now on the post or the page where you want to display the calendar<\/li>\n<li>Paste the shortcode wherever you want the post \/ page<\/li>\n<li>Click on the update button to save your post \/ page data<\/li>\n<\/ul>\n<p>Or, if you are using WooCommerce, go to <a href=\"https:\/\/booking-activities.fr\/en\/docs\/user-documentation\/get-started-with-booking-activities\/display-calendars-on-product-page\/\">this page<\/a>.<\/p>\n<p>Now on the post \/ page on your site, a booking form (or only a calendar) will be displayed. Your customers will be able to book the events displayed in one click, whether they are logged in or not. <\/p>\n<p>Then, they will be able to view a summary of their bookings on the page where you have <a href=\"https:\/\/booking-activities.fr\/en\/docs\/user-documentation\/get-started-with-booking-activities\/display-customers-bookings-list-on-the-frontend\/\">displayed user&#8217;s bookings list<\/a>.<\/p>\n<p>As for you, go <a href=\"https:\/\/booking-activities.fr\/en\/docs\/user-documentation\/get-started-with-booking-activities\/manage-your-bookings-lists\/\">see the bookings list<\/a> on your admin panel. Choose whether to confirm or cancel pending reservations immediately, or upon receipt of payment, or when your customers come to you.<\/p>","protected":false},"featured_media":0,"parent":130,"menu_order":8,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_is_vendor_doc":"0","footnotes":""},"doc_tag":[],"class_list":["post-786","docs","type-docs","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Display a booking form or a calendar on the frontend - Booking Activities<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Display a booking form or a calendar on the frontend - Booking Activities\" \/>\n<meta property=\"og:description\" content=\"The next step after having built up your calendar is to display it on your website. Go to the calendars editor Pick the desired calendar At the bottom of the ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Booking Activities\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-09T15:11:33+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/docs\\\/documentation-utilisateur\\\/demarrer-avec-booking-activities\\\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\\\/\",\"url\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/docs\\\/documentation-utilisateur\\\/demarrer-avec-booking-activities\\\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\\\/\",\"name\":\"Display a booking form or a calendar on the frontend - Booking Activities\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/#website\"},\"datePublished\":\"2017-02-17T02:23:06+00:00\",\"dateModified\":\"2021-08-09T15:11:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/docs\\\/documentation-utilisateur\\\/demarrer-avec-booking-activities\\\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[[\"https:\\\/\\\/booking-activities.fr\\\/en\\\/docs\\\/documentation-utilisateur\\\/demarrer-avec-booking-activities\\\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\\\/\"]]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/docs\\\/documentation-utilisateur\\\/demarrer-avec-booking-activities\\\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Documentation utilisateur\",\"item\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/docs\\\/documentation-utilisateur\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Booking Activities (bases)\",\"item\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/docs\\\/documentation-utilisateur\\\/demarrer-avec-booking-activities\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Afficher un formulaire de r\u00e9servation ou un calendrier sur votre site\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/\",\"name\":\"Booking Activities\",\"description\":\"Booking plugin for Wordpress websites\",\"publisher\":{\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/#organization\",\"name\":\"Booking Activities\",\"url\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/booking-activities.fr\\\/wp-content\\\/uploads\\\/Logo_Booking_Activities_light_bg.png\",\"contentUrl\":\"https:\\\/\\\/booking-activities.fr\\\/wp-content\\\/uploads\\\/Logo_Booking_Activities_light_bg.png\",\"width\":512,\"height\":83,\"caption\":\"Booking Activities\"},\"image\":{\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Display a booking form or a calendar on the frontend - Booking Activities","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:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\/","og_locale":"en_US","og_type":"article","og_title":"Display a booking form or a calendar on the frontend - Booking Activities","og_description":"The next step after having built up your calendar is to display it on your website. Go to the calendars editor Pick the desired calendar At the bottom of the ...","og_url":"https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\/","og_site_name":"Booking Activities","article_modified_time":"2021-08-09T15:11:33+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\/","url":"https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\/","name":"Display a booking form or a calendar on the frontend - Booking Activities","isPartOf":{"@id":"https:\/\/booking-activities.fr\/en\/#website"},"datePublished":"2017-02-17T02:23:06+00:00","dateModified":"2021-08-09T15:11:33+00:00","breadcrumb":{"@id":"https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":[["https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\/"]]}]},{"@type":"BreadcrumbList","@id":"https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/booking-activities.fr\/en\/"},{"@type":"ListItem","position":2,"name":"Documentation utilisateur","item":"https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/"},{"@type":"ListItem","position":3,"name":"Booking Activities (bases)","item":"https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/"},{"@type":"ListItem","position":4,"name":"Afficher un formulaire de r\u00e9servation ou un calendrier sur votre site"}]},{"@type":"WebSite","@id":"https:\/\/booking-activities.fr\/en\/#website","url":"https:\/\/booking-activities.fr\/en\/","name":"Booking Activities","description":"Booking plugin for Wordpress websites","publisher":{"@id":"https:\/\/booking-activities.fr\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/booking-activities.fr\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/booking-activities.fr\/en\/#organization","name":"Booking Activities","url":"https:\/\/booking-activities.fr\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/booking-activities.fr\/en\/#\/schema\/logo\/image\/","url":"https:\/\/booking-activities.fr\/wp-content\/uploads\/Logo_Booking_Activities_light_bg.png","contentUrl":"https:\/\/booking-activities.fr\/wp-content\/uploads\/Logo_Booking_Activities_light_bg.png","width":512,"height":83,"caption":"Booking Activities"},"image":{"@id":"https:\/\/booking-activities.fr\/en\/#\/schema\/logo\/image\/"}}]}},"comment_count":0,"_links":{"self":[{"href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/docs\/786","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/comments?post=786"}],"version-history":[{"count":5,"href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/docs\/786\/revisions"}],"predecessor-version":[{"id":11300,"href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/docs\/786\/revisions\/11300"}],"up":[{"embeddable":true,"href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/docs\/130"}],"next":[{"title":"[:fr]Afficher le planning d'une activit\u00e9 sur une page produit WooCommerce[:en]Display calendars on a WooCommerce product page[:]","link":"https:\/\/booking-activities.fr\/en\/docs\/user-documentation\/get-started-with-booking-activities\/display-calendars-on-product-page\/","href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/docs\/163"}],"prev":[{"title":"[:fr]Afficher un formulaire de connexion \/ enregistrement[:en]Display a login \/ registration form[:]","link":"https:\/\/booking-activities.fr\/en\/docs\/user-documentation\/get-started-with-booking-activities\/display-a-login-registration-form\/","href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/docs\/10656"}],"wp:attachment":[{"href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/media?parent=786"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/doc_tag?post=786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}