{"id":3354,"date":"2022-08-11T20:30:32","date_gmt":"2022-08-11T20:30:32","guid":{"rendered":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/?p=3354"},"modified":"2023-01-20T13:11:32","modified_gmt":"2023-01-20T13:11:32","slug":"how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page","status":"publish","type":"post","link":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/","title":{"rendered":"How to insert the booking form of a specific bookable product into a custom page"},"content":{"rendered":"\n

<\/p>\n\n\n\n

It\u2019s also possible to show the booking form of a specific bookable product on any page of your site. For example, if you want to create a landing page and add the booking form, or show the booking form in the header of your home page, you can use the \u201cBooking Form\u201d block: <\/p>\n\n\n

\n
\"Booking<\/a><\/figure><\/div>\n\n\n
<\/div>\n\n\n\n

Insert the block and then, on the right side, associate the form with a specific bookable product: <\/p>\n\n\n

\n
\"Booking<\/a><\/figure><\/div>\n\n\n
<\/div>\n\n\n\n

On the right side, you can also find some options to customize the form: you can choose which elements to show or hide (product title, rating, meta, etc.), customize the style (border radius, padding, colors, etc.), and customize the \u201cBook\u201d button.  <\/p>\n\n\n

\n
\"Customize<\/a><\/figure><\/div>\n\n\n
<\/div>\n\n\n\n

This is an example of a custom page with a booking form that allows users to book a \u201cphysiotherapy session\u201d without redirecting them to the bookable product page.  <\/p>\n\n\n

\n
\"Booking<\/a><\/figure><\/div>\n\n\n

Shortcode<\/h4>\n\n\n\n

If your theme doesn\u2019t use Gutenberg blocks, like for example Avada, you can print the booking form of a specific product by using the shortcode\u00a0[booking_form id=123<\/em>]<\/strong> specifying the bookable product ID in the parameter “id<\/strong>“.<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

It\u2019s also possible to show the booking form of a specific bookable product on any page of your site. For example, if you want to create a landing page and add the booking form, or show the booking form in the header of your home page, you can use the \u201cBooking Form\u201d block:  Insert the … Continue reading How to insert the booking form of a specific bookable product into a custom page<\/span><\/a><\/p>\n","protected":false},"author":36,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36,34],"tags":[],"class_list":["post-3354","post","type-post","status-publish","format-standard","hentry","category-general","category-how-to"],"yoast_head":"\nYITH Booking and Appointment: How to insert the booking form of a specific bookable product into a custom page<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"YITH Booking and Appointment: How to insert the booking form of a specific bookable product into a custom page\" \/>\n<meta property=\"og:description\" content=\"It\u2019s also possible to show the booking form of a specific bookable product on any page of your site. For example, if you want to create a landing page and add the booking form, or show the booking form in the header of your home page, you can use the \u201cBooking Form\u201d block:  Insert the … Continue reading How to insert the booking form of a specific bookable product into a custom page\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/\" \/>\n<meta property=\"og:site_name\" content=\"YITH WooCommerce Booking and Appointment\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-11T20:30:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-20T13:11:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-content\/uploads\/sites\/294\/2022\/08\/image1-3-1024x796.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/\",\"name\":\"YITH Booking and Appointment: How to insert the booking form of a specific bookable product into a custom page\",\"isPartOf\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-content\/uploads\/sites\/294\/2022\/08\/image1-3-1024x796.jpg\",\"datePublished\":\"2022-08-11T20:30:32+00:00\",\"dateModified\":\"2023-01-20T13:11:32+00:00\",\"author\":{\"@id\":\"\"},\"breadcrumb\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/#primaryimage\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-content\/uploads\/sites\/294\/2022\/08\/image1-3.jpg\",\"contentUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-content\/uploads\/sites\/294\/2022\/08\/image1-3.jpg\",\"width\":1381,\"height\":1074},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to insert the booking form of a specific bookable product into a custom page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/#website\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/\",\"name\":\"YITH WooCommerce Booking and Appointment\",\"description\":\"Plugin documentation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/author\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"YITH Booking and Appointment: How to insert the booking form of a specific bookable product into a custom page","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"YITH Booking and Appointment: How to insert the booking form of a specific bookable product into a custom page","og_description":"It\u2019s also possible to show the booking form of a specific bookable product on any page of your site. For example, if you want to create a landing page and add the booking form, or show the booking form in the header of your home page, you can use the \u201cBooking Form\u201d block:  Insert the … Continue reading How to insert the booking form of a specific bookable product into a custom page","og_url":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/","og_site_name":"YITH WooCommerce Booking and Appointment","article_published_time":"2022-08-11T20:30:32+00:00","article_modified_time":"2023-01-20T13:11:32+00:00","og_image":[{"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-content\/uploads\/sites\/294\/2022\/08\/image1-3-1024x796.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/","name":"YITH Booking and Appointment: How to insert the booking form of a specific bookable product into a custom page","isPartOf":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/#primaryimage"},"image":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-content\/uploads\/sites\/294\/2022\/08\/image1-3-1024x796.jpg","datePublished":"2022-08-11T20:30:32+00:00","dateModified":"2023-01-20T13:11:32+00:00","author":{"@id":""},"breadcrumb":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/#primaryimage","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-content\/uploads\/sites\/294\/2022\/08\/image1-3.jpg","contentUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-content\/uploads\/sites\/294\/2022\/08\/image1-3.jpg","width":1381,"height":1074},{"@type":"BreadcrumbList","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-of-a-specific-bookable-product-into-a-custom-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/"},{"@type":"ListItem","position":2,"name":"How to insert the booking form of a specific bookable product into a custom page"}]},{"@type":"WebSite","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/#website","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/","name":"YITH WooCommerce Booking and Appointment","description":"Plugin documentation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-json\/wp\/v2\/posts\/3354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-json\/wp\/v2\/comments?post=3354"}],"version-history":[{"count":3,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-json\/wp\/v2\/posts\/3354\/revisions"}],"predecessor-version":[{"id":3478,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-json\/wp\/v2\/posts\/3354\/revisions\/3478"}],"wp:attachment":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-json\/wp\/v2\/media?parent=3354"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-json\/wp\/v2\/categories?post=3354"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-json\/wp\/v2\/tags?post=3354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}