{"id":163,"date":"2016-09-12T21:29:14","date_gmt":"2016-09-12T19:29:14","guid":{"rendered":"https:\/\/booking-activities.fr\/fr\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/display-calendars-on-product-page\/"},"modified":"2021-08-09T17:11:34","modified_gmt":"2021-08-09T15:11:34","slug":"display-calendars-on-product-page","status":"publish","type":"docs","link":"https:\/\/booking-activities.fr\/en\/docs\/user-documentation\/get-started-with-booking-activities\/display-calendars-on-product-page\/","title":{"rendered":"Display calendars on a WooCommerce product page"},"content":{"rendered":"<p>If you use WooCommerce, the next step after having <a href=\"https:\/\/booking-activities.fr\/en\/docs\/user-documentation\/get-started-with-booking-activities\/display-a-booking-form-or-a-calendar-on-the-frontend\/\">created your booking form<\/a> is to display it on your product pages.<\/p>\n<ul>\n<li>Go to your product admin panel<\/li>\n<li>Check the Activity checkbox. The virtual checkbox will be automatically checked because activities have same properties as virtual product. Also notice that an Activity tab has appeared.<\/li>\n<li>Select the new Activity tab<\/li>\n<li>Select the booking form\u00a0you want to use<\/li>\n<li>Click on the &#8220;Update&#8221; button to save your product data<\/li>\n<\/ul>\n<p><img decoding=\"async\" data-src=\"https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-simple-product-1024x308.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"\" width=\"800\" height=\"241\" class=\"aligncenter size-large wp-image-8871 lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-simple-product-1024x308.png\" alt=\"\" width=\"800\" height=\"241\" class=\"aligncenter size-large wp-image-8871\" srcset=\"https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-simple-product-1024x308.png 1024w, https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-simple-product-300x90.png 300w, https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-simple-product-150x45.png 150w, https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-simple-product-768x231.png 768w, https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-simple-product.png 1079w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/noscript><\/p>\n<p>Please note that Booking Activities also works with variable products! You can link a different booking form to each variation.<\/p>\n<ul>\n<li>Create your variations<\/li>\n<li>In each variation, select the Activity checkbox. Once again, the Virtual box will be automatically checked. A new Activity section appears.<\/li>\n<li>Select the booking form you want to use<\/li>\n<li>Click the &#8220;Update&#8221; button to save your variations data<\/li>\n<\/ul>\n<p><img decoding=\"async\" data-src=\"https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-variable-product-1024x823.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"\" width=\"800\" height=\"643\" class=\"aligncenter size-large wp-image-8872 lazyload\" \/><noscript><img decoding=\"async\" src=\"https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-variable-product-1024x823.png\" alt=\"\" width=\"800\" height=\"643\" class=\"aligncenter size-large wp-image-8872\" srcset=\"https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-variable-product-1024x823.png 1024w, https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-variable-product-300x241.png 300w, https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-variable-product-150x121.png 150w, https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-variable-product-768x617.png 768w, https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-variable-product.png 1080w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/noscript><\/p>\n<p>Now on your product page in the frontend, a booking form with your available events calendar will be displayed. Your customers will have to select an event in order to add it to cart. Then a temporary booking is made until your customer places order. You can <a href=\"https:\/\/booking-activities.fr\/en\/docs\/user-documentation\/advanced-use-of-booking-activities\/manage-cart-expiration-settings\/\">change cart expiration parameters<\/a> in the plugin settings. They will find this booking on their order page or on the page where you <a href=\"https:\/\/booking-activities.fr\/en\/docs\/user-documentation\/get-started-with-booking-activities\/display-customers-bookings-list-on-the-frontend\/\">display your customers&#8217; bookings list<\/a>.<\/p>\n<p>As for you, you can <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.<\/p>","protected":false},"featured_media":0,"parent":130,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_is_vendor_doc":"0","footnotes":""},"doc_tag":[],"class_list":["post-163","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 calendars on a WooCommerce product page - 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-le-planning-de-une-activite-sur-une-page-produit\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Display calendars on a WooCommerce product page - Booking Activities\" \/>\n<meta property=\"og:description\" content=\"If you use WooCommerce, the next step after having created your booking form is to display it on your product pages. Go to your product admin panel Check the Activity ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-le-planning-de-une-activite-sur-une-page-produit\/\" \/>\n<meta property=\"og:site_name\" content=\"Booking Activities\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-09T15:11:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-simple-product-1024x308.png\" \/>\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-le-planning-de-une-activite-sur-une-page-produit\\\/\",\"url\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/docs\\\/documentation-utilisateur\\\/demarrer-avec-booking-activities\\\/afficher-le-planning-de-une-activite-sur-une-page-produit\\\/\",\"name\":\"Display calendars on a WooCommerce product page - Booking Activities\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/docs\\\/documentation-utilisateur\\\/demarrer-avec-booking-activities\\\/afficher-le-planning-de-une-activite-sur-une-page-produit\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/fr\\\/docs\\\/documentation-utilisateur\\\/demarrer-avec-booking-activities\\\/afficher-le-planning-de-une-activite-sur-une-page-produit\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/booking-activities.fr\\\/wp-content\\\/uploads\\\/wc-integration-simple-product-1024x308.png\",\"datePublished\":\"2016-09-12T19:29:14+00:00\",\"dateModified\":\"2021-08-09T15:11:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/docs\\\/documentation-utilisateur\\\/demarrer-avec-booking-activities\\\/afficher-le-planning-de-une-activite-sur-une-page-produit\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[[\"https:\\\/\\\/booking-activities.fr\\\/en\\\/docs\\\/documentation-utilisateur\\\/demarrer-avec-booking-activities\\\/afficher-le-planning-de-une-activite-sur-une-page-produit\\\/\"]]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/docs\\\/documentation-utilisateur\\\/demarrer-avec-booking-activities\\\/afficher-le-planning-de-une-activite-sur-une-page-produit\\\/#primaryimage\",\"url\":\"https:\\\/\\\/booking-activities.fr\\\/wp-content\\\/uploads\\\/wc-integration-simple-product-1024x308.png\",\"contentUrl\":\"https:\\\/\\\/booking-activities.fr\\\/wp-content\\\/uploads\\\/wc-integration-simple-product-1024x308.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/en\\\/docs\\\/documentation-utilisateur\\\/demarrer-avec-booking-activities\\\/afficher-le-planning-de-une-activite-sur-une-page-produit\\\/#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 le planning d&#8217;une activit\u00e9 sur une page produit WooCommerce\"}]},{\"@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 calendars on a WooCommerce product page - 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-le-planning-de-une-activite-sur-une-page-produit\/","og_locale":"en_US","og_type":"article","og_title":"Display calendars on a WooCommerce product page - Booking Activities","og_description":"If you use WooCommerce, the next step after having created your booking form is to display it on your product pages. Go to your product admin panel Check the Activity ...","og_url":"https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-le-planning-de-une-activite-sur-une-page-produit\/","og_site_name":"Booking Activities","article_modified_time":"2021-08-09T15:11:34+00:00","og_image":[{"url":"https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-simple-product-1024x308.png","type":"","width":"","height":""}],"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-le-planning-de-une-activite-sur-une-page-produit\/","url":"https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-le-planning-de-une-activite-sur-une-page-produit\/","name":"Display calendars on a WooCommerce product page - Booking Activities","isPartOf":{"@id":"https:\/\/booking-activities.fr\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-le-planning-de-une-activite-sur-une-page-produit\/#primaryimage"},"image":{"@id":"https:\/\/booking-activities.fr\/fr\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-le-planning-de-une-activite-sur-une-page-produit\/#primaryimage"},"thumbnailUrl":"https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-simple-product-1024x308.png","datePublished":"2016-09-12T19:29:14+00:00","dateModified":"2021-08-09T15:11:34+00:00","breadcrumb":{"@id":"https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-le-planning-de-une-activite-sur-une-page-produit\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":[["https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-le-planning-de-une-activite-sur-une-page-produit\/"]]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-le-planning-de-une-activite-sur-une-page-produit\/#primaryimage","url":"https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-simple-product-1024x308.png","contentUrl":"https:\/\/booking-activities.fr\/wp-content\/uploads\/wc-integration-simple-product-1024x308.png"},{"@type":"BreadcrumbList","@id":"https:\/\/booking-activities.fr\/en\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-le-planning-de-une-activite-sur-une-page-produit\/#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 le planning d&#8217;une activit\u00e9 sur une page produit WooCommerce"}]},{"@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\/163","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=163"}],"version-history":[{"count":5,"href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/docs\/163\/revisions"}],"predecessor-version":[{"id":11368,"href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/docs\/163\/revisions\/11368"}],"up":[{"embeddable":true,"href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/docs\/130"}],"next":[{"title":"[:fr]Afficher la liste des r\u00e9servations de vos clients sur votre site[:en]Display customers bookings list on the frontend[:]","link":"https:\/\/booking-activities.fr\/en\/docs\/user-documentation\/get-started-with-booking-activities\/display-customers-bookings-list-on-the-frontend\/","href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/docs\/789"}],"prev":[{"title":"[:fr]Afficher un formulaire de r\u00e9servation ou un calendrier sur votre site[:en]Display a booking form or a calendar on the frontend[:]","link":"https:\/\/booking-activities.fr\/en\/docs\/user-documentation\/get-started-with-booking-activities\/display-a-booking-form-or-a-calendar-on-the-frontend\/","href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/docs\/786"}],"wp:attachment":[{"href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/media?parent=163"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/booking-activities.fr\/en\/wp-json\/wp\/v2\/doc_tag?post=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}