{"id":3340,"date":"2022-08-11T20:08:48","date_gmt":"2022-08-11T20:08:48","guid":{"rendered":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/?p=3340"},"modified":"2024-04-04T14:50:48","modified_gmt":"2024-04-04T14:50:48","slug":"how-to-insert-the-booking-form-into-the-bookable-product-page","status":"publish","type":"post","link":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-into-the-bookable-product-page\/","title":{"rendered":"How to insert the booking form into the bookable product page"},"content":{"rendered":"\n

You can insert the booking form into the product page by adding the \u201cBookable product form\u201d block to the sidebar of the product page or inside the product page, if you are using a block theme. <\/p>\n\n\n

\n
\"Bookable<\/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

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

If your theme doesn’t use Gutenberg blocks, like for example Avada, you can print the booking form on your product pages by using the shortcode [booking_form]<\/strong>, specifying the bookable product ID in the parameter \u201cid<\/strong>\u201c. For example: [booking_form id=123<\/em>]<\/strong><\/p>\n\n\n\n

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

You can insert the booking form into the product page by adding the \u201cBookable product form\u201d block to the sidebar of the product page or inside the product page, if you are using a block theme.  On the right side, you can also find some options to customize the form: you can choose which elements … Continue reading How to insert the booking form into the bookable product 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-3340","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 into the bookable product 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 into the bookable product page\" \/>\n<meta property=\"og:description\" content=\"You can insert the booking form into the product page by adding the \u201cBookable product form\u201d block to the sidebar of the product page or inside the product page, if you are using a block theme.  On the right side, you can also find some options to customize the form: you can choose which elements … Continue reading How to insert the booking form into the bookable product page\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-into-the-bookable-product-page\/\" \/>\n<meta property=\"og:site_name\" content=\"YITH WooCommerce Booking and Appointment\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-11T20:08:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-04T14:50:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-content\/uploads\/sites\/294\/2022\/08\/image1-2-1024x583.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=\"1 minute\" \/>\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-into-the-bookable-product-page\/\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-into-the-bookable-product-page\/\",\"name\":\"YITH Booking and Appointment: How to insert the booking form into the bookable product 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-into-the-bookable-product-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-into-the-bookable-product-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-content\/uploads\/sites\/294\/2022\/08\/image1-2-1024x583.jpg\",\"datePublished\":\"2022-08-11T20:08:48+00:00\",\"dateModified\":\"2024-04-04T14:50:48+00:00\",\"author\":{\"@id\":\"\"},\"breadcrumb\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-into-the-bookable-product-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-into-the-bookable-product-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-into-the-bookable-product-page\/#primaryimage\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-content\/uploads\/sites\/294\/2022\/08\/image1-2.jpg\",\"contentUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-content\/uploads\/sites\/294\/2022\/08\/image1-2.jpg\",\"width\":1389,\"height\":791},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-into-the-bookable-product-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 into the bookable product 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 into the bookable product 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 into the bookable product page","og_description":"You can insert the booking form into the product page by adding the \u201cBookable product form\u201d block to the sidebar of the product page or inside the product page, if you are using a block theme.  On the right side, you can also find some options to customize the form: you can choose which elements … Continue reading How to insert the booking form into the bookable product page","og_url":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-into-the-bookable-product-page\/","og_site_name":"YITH WooCommerce Booking and Appointment","article_published_time":"2022-08-11T20:08:48+00:00","article_modified_time":"2024-04-04T14:50:48+00:00","og_image":[{"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-content\/uploads\/sites\/294\/2022\/08\/image1-2-1024x583.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-into-the-bookable-product-page\/","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-into-the-bookable-product-page\/","name":"YITH Booking and Appointment: How to insert the booking form into the bookable product 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-into-the-bookable-product-page\/#primaryimage"},"image":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-into-the-bookable-product-page\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-content\/uploads\/sites\/294\/2022\/08\/image1-2-1024x583.jpg","datePublished":"2022-08-11T20:08:48+00:00","dateModified":"2024-04-04T14:50:48+00:00","author":{"@id":""},"breadcrumb":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-into-the-bookable-product-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-into-the-bookable-product-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-into-the-bookable-product-page\/#primaryimage","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-content\/uploads\/sites\/294\/2022\/08\/image1-2.jpg","contentUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-content\/uploads\/sites\/294\/2022\/08\/image1-2.jpg","width":1389,"height":791},{"@type":"BreadcrumbList","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/how-to\/how-to-insert-the-booking-form-into-the-bookable-product-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 into the bookable product 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\/3340","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=3340"}],"version-history":[{"count":4,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-json\/wp\/v2\/posts\/3340\/revisions"}],"predecessor-version":[{"id":4327,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-json\/wp\/v2\/posts\/3340\/revisions\/4327"}],"wp:attachment":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-json\/wp\/v2\/media?parent=3340"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-json\/wp\/v2\/categories?post=3340"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking\/wp-json\/wp\/v2\/tags?post=3340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}