{"id":112,"date":"2023-04-21T14:57:08","date_gmt":"2023-04-21T14:57:08","guid":{"rendered":"https:\/\/docs.yithemes.com\/yith-booking-and-appointment-for-woocommerce-extended\/?p=112"},"modified":"2023-04-24T13:57:43","modified_gmt":"2023-04-24T13:57:43","slug":"how-to-insert-the-booking-form-into-the-bookable-product-page","status":"publish","type":"post","link":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/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<p>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<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-booking-and-appointment-for-woocommerce-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/41.bookable-product-form-widget.jpg\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1900\" height=\"918\" src=\"https:\/\/docs.yithemes.com\/yith-booking-and-appointment-for-woocommerce-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/41.bookable-product-form-widget.jpg\" alt=\"Bookable product form widget\" class=\"wp-image-123\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/41.bookable-product-form-widget.jpg 1900w, https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/41.bookable-product-form-widget-300x145.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/41.bookable-product-form-widget-1024x495.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/41.bookable-product-form-widget-768x371.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/41.bookable-product-form-widget-1536x742.jpg 1536w\" sizes=\"auto, (max-width: 1900px) 100vw, 1900px\" \/><\/a><\/figure>\n\n\n\n<p>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.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-booking-and-appointment-for-woocommerce-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/42.bookable-form-widget-options.jpg\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1281\" height=\"1139\" src=\"https:\/\/docs.yithemes.com\/yith-booking-and-appointment-for-woocommerce-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/42.bookable-form-widget-options.jpg\" alt=\"Bookable product form options\" class=\"wp-image-114\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/42.bookable-form-widget-options.jpg 1281w, https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/42.bookable-form-widget-options-300x267.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/42.bookable-form-widget-options-1024x910.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/42.bookable-form-widget-options-768x683.jpg 768w\" sizes=\"auto, (max-width: 1281px) 100vw, 1281px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>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 &hellip; <a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/how-to-insert-the-booking-form-into-the-bookable-product-page\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">How to insert the booking form into the bookable product page<\/span><\/a><\/p>\n","protected":false},"author":46,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-112","post","type-post","status-publish","format-standard","hentry","category-overview"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to insert the booking form into the bookable product page - YITH Booking and Appointment for WooCommerce Extended<\/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:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/how-to-insert-the-booking-form-into-the-bookable-product-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to insert the booking form into the bookable product page - YITH Booking and Appointment for WooCommerce Extended\" \/>\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 &hellip; 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-extended\/overview\/how-to-insert-the-booking-form-into-the-bookable-product-page\/\" \/>\n<meta property=\"og:site_name\" content=\"YITH Booking and Appointment for WooCommerce Extended\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-21T14:57:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-24T13:57:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.yithemes.com\/yith-booking-and-appointment-for-woocommerce-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/41.bookable-product-form-widget.jpg\" \/>\n<meta name=\"author\" content=\"michellehernandez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"michellehernandez\" \/>\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-extended\/overview\/how-to-insert-the-booking-form-into-the-bookable-product-page\/\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/how-to-insert-the-booking-form-into-the-bookable-product-page\/\",\"name\":\"How to insert the booking form into the bookable product page - YITH Booking and Appointment for WooCommerce Extended\",\"isPartOf\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/how-to-insert-the-booking-form-into-the-bookable-product-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/how-to-insert-the-booking-form-into-the-bookable-product-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.yithemes.com\/yith-booking-and-appointment-for-woocommerce-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/41.bookable-product-form-widget.jpg\",\"datePublished\":\"2023-04-21T14:57:08+00:00\",\"dateModified\":\"2023-04-24T13:57:43+00:00\",\"author\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/#\/schema\/person\/abf4311d830c9248924c9e019551dc69\"},\"breadcrumb\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/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-extended\/overview\/how-to-insert-the-booking-form-into-the-bookable-product-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/how-to-insert-the-booking-form-into-the-bookable-product-page\/#primaryimage\",\"url\":\"https:\/\/docs.yithemes.com\/yith-booking-and-appointment-for-woocommerce-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/41.bookable-product-form-widget.jpg\",\"contentUrl\":\"https:\/\/docs.yithemes.com\/yith-booking-and-appointment-for-woocommerce-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/41.bookable-product-form-widget.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/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-extended\/\"},{\"@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-extended\/#website\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/\",\"name\":\"YITH Booking and Appointment for WooCommerce Extended\",\"description\":\"Plugin documentation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/#\/schema\/person\/abf4311d830c9248924c9e019551dc69\",\"name\":\"michellehernandez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/cea0cf9a9e6d1cf5ecdafbf586eb4fbb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/cea0cf9a9e6d1cf5ecdafbf586eb4fbb?s=96&d=mm&r=g\",\"caption\":\"michellehernandez\"},\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/author\/michellehernandez\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to insert the booking form into the bookable product page - YITH Booking and Appointment for WooCommerce Extended","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:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/how-to-insert-the-booking-form-into-the-bookable-product-page\/","og_locale":"en_US","og_type":"article","og_title":"How to insert the booking form into the bookable product page - YITH Booking and Appointment for WooCommerce Extended","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 &hellip; Continue reading How to insert the booking form into the bookable product page","og_url":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/how-to-insert-the-booking-form-into-the-bookable-product-page\/","og_site_name":"YITH Booking and Appointment for WooCommerce Extended","article_published_time":"2023-04-21T14:57:08+00:00","article_modified_time":"2023-04-24T13:57:43+00:00","og_image":[{"url":"https:\/\/docs.yithemes.com\/yith-booking-and-appointment-for-woocommerce-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/41.bookable-product-form-widget.jpg","type":"","width":"","height":""}],"author":"michellehernandez","twitter_card":"summary_large_image","twitter_misc":{"Written by":"michellehernandez","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/how-to-insert-the-booking-form-into-the-bookable-product-page\/","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/how-to-insert-the-booking-form-into-the-bookable-product-page\/","name":"How to insert the booking form into the bookable product page - YITH Booking and Appointment for WooCommerce Extended","isPartOf":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/how-to-insert-the-booking-form-into-the-bookable-product-page\/#primaryimage"},"image":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/how-to-insert-the-booking-form-into-the-bookable-product-page\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.yithemes.com\/yith-booking-and-appointment-for-woocommerce-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/41.bookable-product-form-widget.jpg","datePublished":"2023-04-21T14:57:08+00:00","dateModified":"2023-04-24T13:57:43+00:00","author":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/#\/schema\/person\/abf4311d830c9248924c9e019551dc69"},"breadcrumb":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/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-extended\/overview\/how-to-insert-the-booking-form-into-the-bookable-product-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/how-to-insert-the-booking-form-into-the-bookable-product-page\/#primaryimage","url":"https:\/\/docs.yithemes.com\/yith-booking-and-appointment-for-woocommerce-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/41.bookable-product-form-widget.jpg","contentUrl":"https:\/\/docs.yithemes.com\/yith-booking-and-appointment-for-woocommerce-extended\/wp-content\/uploads\/sites\/220\/2023\/04\/41.bookable-product-form-widget.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/overview\/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-extended\/"},{"@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-extended\/#website","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/","name":"YITH Booking and Appointment for WooCommerce Extended","description":"Plugin documentation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/#\/schema\/person\/abf4311d830c9248924c9e019551dc69","name":"michellehernandez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/cea0cf9a9e6d1cf5ecdafbf586eb4fbb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cea0cf9a9e6d1cf5ecdafbf586eb4fbb?s=96&d=mm&r=g","caption":"michellehernandez"},"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/author\/michellehernandez\/"}]}},"_links":{"self":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-json\/wp\/v2\/posts\/112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-json\/wp\/v2\/users\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-json\/wp\/v2\/comments?post=112"}],"version-history":[{"count":3,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-json\/wp\/v2\/posts\/112\/revisions"}],"predecessor-version":[{"id":208,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-json\/wp\/v2\/posts\/112\/revisions\/208"}],"wp:attachment":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-json\/wp\/v2\/media?parent=112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-json\/wp\/v2\/categories?post=112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-booking-extended\/wp-json\/wp\/v2\/tags?post=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}