{"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\/fr\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\/","title":{"rendered":"Afficher un formulaire de r\u00e9servation ou un calendrier sur votre site"},"content":{"rendered":"<p>Apr\u00e8s avoir <a href=\"https:\/\/booking-activities.fr\/fr\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/ajouter-des-evenements-aux-plannings\/\">construit votre planning<\/a> vous voudrez certainement\u00a0l&#8217;afficher\u00a0sur l&#8217;une des pages de votre site. <\/p>\n<ul>\n<li>Acc\u00e9dez \u00e0 l&#8217;\u00e9diteur de plannings<\/li>\n<li>Choisissez le planning d\u00e9sir\u00e9<\/li>\n<li>Au bas de la page, sous votre planning, cliquez sur le lien pour cr\u00e9er un formulaire de r\u00e9servation \u00e0 partir de ce planning<\/li>\n<\/ul>\n<p>Vous vous trouvez \u00e0 pr\u00e9sent sur l\u2019\u00e9diteur de formulaire. Votre calendrier se trouve dans le champ \u00ab\u00a0Calendrier\u00a0\u00bb, aux c\u00f4t\u00e9s des champs \u00ab\u00a0Connexion \/ Inscription\u00a0\u00bb, \u00ab\u00a0Quantit\u00e9\u00a0\u00bb et \u00ab\u00a0Bouton de soumission\u00a0\u00bb.<br \/>\nVous pouvez personnaliser chacun de ces champs en cliquant sur la roue de r\u00e9glage pr\u00e8s de leur nom.<br \/>\nSupprimez tous les champs sauf \u00ab\u00a0Calendrier\u00a0\u00bb pour n&#8217;afficher que le calendrier.<br \/>\nVous pouvez \u00e9galement les r\u00e9organiser en les faisant glisser et en les d\u00e9posant \u00e0 la position souhait\u00e9e.<\/p>\n<p>Sur cette m\u00eame page se trouve un encart \u00ab\u00a0Comment int\u00e9grer ce formulaire\u00a0\u00bb vous expliquant la marche \u00e0 suivre:<\/p>\n<ul>\n<li>Copiez le code court donn\u00e9 dans cet encart<\/li>\n<li>Rendez-vous maintenant sur l&#8217;article ou la page o\u00f9 vous souhaitez afficher le planning<\/li>\n<li>Collez le shortcode o\u00f9 bon vous semble dans l&#8217;article \/ la page<\/li>\n<li>Cliquez sur le bouton Mettre \u00e0 jour\u00a0pour enregistrer les donn\u00e9es de votre article \/ page<\/li>\n<\/ul>\n<p>Ou bien si vous utilisez WooCommerce, rendez-vous sur <a href=\"https:\/\/booking-activities.fr\/fr\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-le-planning-de-une-activite-sur-une-page-produit\/\">cette page<\/a>.<\/p>\n<p>Maintenant sur l&#8217;article \/ la\u00a0page sur\u00a0votre site, un formulaire de r\u00e9servation (ou un calendrier seul) sera affich\u00e9. Vos clients pourront r\u00e9server les \u00e9v\u00e8nements affich\u00e9s en un clic, qu\u2019ils soient enregistr\u00e9s ou non.<\/p>\n<p>Ils pourront ensuite voir le r\u00e9capitulatif de leurs r\u00e9servations sur la page o\u00f9 vous avez <a href=\"https:\/\/booking-activities.fr\/fr\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-la-liste-des-reservations-de-vos-clients-sur-votre-site\/\">affich\u00e9 la liste de r\u00e9servations de vos clients<\/a>.<\/p>\n<p>Quant \u00e0 vous, allez <a href=\"https:\/\/booking-activities.fr\/fr\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/gerer-vos-listes-de-reservations\/\">voir la liste des r\u00e9servations<\/a> sur votre panneau d&#8217;administration. Choisissez ainsi de valider ou d&#8217;annuler les r\u00e9servations imm\u00e9diatement, ou bien \u00e0 r\u00e9ception de paiement, ou encore lorsque vos clients se pr\u00e9sentent \u00e0 vous.<\/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>Afficher un formulaire de r\u00e9servation ou un calendrier sur votre site - 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\/fr\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Afficher un formulaire de r\u00e9servation ou un calendrier sur votre site - Booking Activities\" \/>\n<meta property=\"og:description\" content=\"Apr\u00e8s avoir construit votre planning vous voudrez certainement\u00a0l&#8217;afficher\u00a0sur l&#8217;une des pages de votre site. Acc\u00e9dez \u00e0 l&#8217;\u00e9diteur de plannings Choisissez le planning d\u00e9sir\u00e9 Au bas de la page, sous votre ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/booking-activities.fr\/fr\/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=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\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\\\/fr\\\/docs\\\/documentation-utilisateur\\\/demarrer-avec-booking-activities\\\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\\\/\",\"url\":\"https:\\\/\\\/booking-activities.fr\\\/fr\\\/docs\\\/documentation-utilisateur\\\/demarrer-avec-booking-activities\\\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\\\/\",\"name\":\"Afficher un formulaire de r\u00e9servation ou un calendrier sur votre site - Booking Activities\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/fr\\\/#website\"},\"datePublished\":\"2017-02-17T02:23:06+00:00\",\"dateModified\":\"2021-08-09T15:11:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/fr\\\/docs\\\/documentation-utilisateur\\\/demarrer-avec-booking-activities\\\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[[\"https:\\\/\\\/booking-activities.fr\\\/fr\\\/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\\\/fr\\\/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\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Documentation utilisateur\",\"item\":\"https:\\\/\\\/booking-activities.fr\\\/fr\\\/docs\\\/documentation-utilisateur\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Booking Activities (bases)\",\"item\":\"https:\\\/\\\/booking-activities.fr\\\/fr\\\/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\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/booking-activities.fr\\\/fr\\\/\",\"name\":\"Booking Activities\",\"description\":\"Extension de r\u00e9servation pour sites Wordpress\",\"publisher\":{\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/booking-activities.fr\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/fr\\\/#organization\",\"name\":\"Booking Activities\",\"url\":\"https:\\\/\\\/booking-activities.fr\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/booking-activities.fr\\\/fr\\\/#\\\/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\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Afficher un formulaire de r\u00e9servation ou un calendrier sur votre site - 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\/fr\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\/","og_locale":"fr_FR","og_type":"article","og_title":"Afficher un formulaire de r\u00e9servation ou un calendrier sur votre site - Booking Activities","og_description":"Apr\u00e8s avoir construit votre planning vous voudrez certainement\u00a0l&#8217;afficher\u00a0sur l&#8217;une des pages de votre site. Acc\u00e9dez \u00e0 l&#8217;\u00e9diteur de plannings Choisissez le planning d\u00e9sir\u00e9 Au bas de la page, sous votre ...","og_url":"https:\/\/booking-activities.fr\/fr\/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":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/booking-activities.fr\/fr\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\/","url":"https:\/\/booking-activities.fr\/fr\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\/","name":"Afficher un formulaire de r\u00e9servation ou un calendrier sur votre site - Booking Activities","isPartOf":{"@id":"https:\/\/booking-activities.fr\/fr\/#website"},"datePublished":"2017-02-17T02:23:06+00:00","dateModified":"2021-08-09T15:11:33+00:00","breadcrumb":{"@id":"https:\/\/booking-activities.fr\/fr\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-un-formulaire-de-reservation-ou-un-planning-sur-votre-site\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":[["https:\/\/booking-activities.fr\/fr\/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\/fr\/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\/fr\/"},{"@type":"ListItem","position":2,"name":"Documentation utilisateur","item":"https:\/\/booking-activities.fr\/fr\/docs\/documentation-utilisateur\/"},{"@type":"ListItem","position":3,"name":"Booking Activities (bases)","item":"https:\/\/booking-activities.fr\/fr\/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\/fr\/#website","url":"https:\/\/booking-activities.fr\/fr\/","name":"Booking Activities","description":"Extension de r\u00e9servation pour sites Wordpress","publisher":{"@id":"https:\/\/booking-activities.fr\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/booking-activities.fr\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/booking-activities.fr\/fr\/#organization","name":"Booking Activities","url":"https:\/\/booking-activities.fr\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/booking-activities.fr\/fr\/#\/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\/fr\/#\/schema\/logo\/image\/"}}]}},"comment_count":0,"_links":{"self":[{"href":"https:\/\/booking-activities.fr\/fr\/wp-json\/wp\/v2\/docs\/786","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/booking-activities.fr\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/booking-activities.fr\/fr\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/booking-activities.fr\/fr\/wp-json\/wp\/v2\/comments?post=786"}],"version-history":[{"count":5,"href":"https:\/\/booking-activities.fr\/fr\/wp-json\/wp\/v2\/docs\/786\/revisions"}],"predecessor-version":[{"id":11300,"href":"https:\/\/booking-activities.fr\/fr\/wp-json\/wp\/v2\/docs\/786\/revisions\/11300"}],"up":[{"embeddable":true,"href":"https:\/\/booking-activities.fr\/fr\/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\/fr\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-le-planning-de-une-activite-sur-une-page-produit\/","href":"https:\/\/booking-activities.fr\/fr\/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\/fr\/docs\/documentation-utilisateur\/demarrer-avec-booking-activities\/afficher-un-formulaire-de-connexion-enregistrement\/","href":"https:\/\/booking-activities.fr\/fr\/wp-json\/wp\/v2\/docs\/10656"}],"wp:attachment":[{"href":"https:\/\/booking-activities.fr\/fr\/wp-json\/wp\/v2\/media?parent=786"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/booking-activities.fr\/fr\/wp-json\/wp\/v2\/doc_tag?post=786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}