{"id":6830,"date":"2024-05-16T10:20:04","date_gmt":"2024-05-16T10:20:04","guid":{"rendered":"https:\/\/addify.store\/documentation\/?page_id=6830"},"modified":"2024-05-16T10:20:05","modified_gmt":"2024-05-16T10:20:05","slug":"how-to-display-time-slots-on-both-product-and-checkout-pages","status":"publish","type":"page","link":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/","title":{"rendered":"How to Display Time Slots on Both Product and Checkout Pages?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Displaying Time Slots on Both Product and Checkout Pages<\/h2>\n\n\n\n<p>Here are the steps to display time slots on both the product and checkout pages using the WooCommerce Delivery Dates and Time Slots plugin:<\/p>\n\n\n\n<p><strong>Install and Activate the Plugin: <\/strong>Begin by installing and activating the WooCommerce Delivery Dates and Time Slots plugin on your WordPress\/WooCommerce website.<\/p>\n\n\n\n<p><strong>Navigate to Settings: <\/strong>Once the plugin is activated, go to <strong>WooCommerce <\/strong>&gt; <strong>Delivery Date and Time Slot Schedule<\/strong>r &gt; <strong>Settings<\/strong>.<\/p>\n\n\n\n<p><strong>Enable Product and Order Delivery Time Slot:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable Product Delivery and Time Slot: <\/strong>Check this option to enable the delivery date selection on the single product page.<\/li>\n\n\n\n<li><strong>Enable Order Delivery and Time Slot: <\/strong>Check this option to enable the delivery date selection at the checkout page.<\/li>\n\n\n\n<li><strong>Choose Display Position: <\/strong>Select the desired position for displaying delivery information fields or expected date text on the checkout page. You have several options to choose from:\n<ul class=\"wp-block-list\">\n<li>Before Checkout, Customer Details<\/li>\n\n\n\n<li>Before Checkout Billing Form<\/li>\n\n\n\n<li>After Checkout Billing Form<\/li>\n\n\n\n<li>Before Order Notes<\/li>\n\n\n\n<li>After Order Notes<\/li>\n\n\n\n<li>After Checkout Form<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>Once you&#8217;ve configured the settings according to your preferences, click on &#8220;Save Changes&#8221; to apply the changes.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/dHj7ctfo6nWIqw__snbPQvodZkSxkr08vceZP-QiB9AC6tKg2qfQ1X0_TNWb9Sydm4A0xLNYIWpf6IF9vqysL_4QJfpm6QCWIh7VVPy2M6d9z7sRTA8Hi63I4rSGwIhxwSoKCArsjT87AA2qt-O03Y0\" alt=\"\"\/><\/figure>\n\n\n\n<p>By following these steps, you can effectively display time slots for delivery on both the product and checkout pages of your WooCommerce store. This feature enhances the user experience by providing customers with convenient access to delivery options directly on the product page, allowing them to select their preferred delivery date and time slot seamlessly during the checkout process. Displaying time slots at these key touchpoints ensures clarity and transparency in delivery schedules, reducing customer queries and enhancing overall satisfaction with the shopping experience.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Displaying Time Slots on Both Product and Checkout Pages Here are the steps to display time slots on both the product and checkout pages using the WooCommerce Delivery Dates and Time Slots plugin: Install and Activate the Plugin: Begin by installing and activating the WooCommerce Delivery Dates and Time Slots plugin on your WordPress\/WooCommerce website. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":6819,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"template-parts\/multiple-page-template.php","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-6830","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Display Time Slots on Both Product and Checkout Pages? - Documentation<\/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:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Display Time Slots on Both Product and Checkout Pages? - Documentation\" \/>\n<meta property=\"og:description\" content=\"Displaying Time Slots on Both Product and Checkout Pages Here are the steps to display time slots on both the product and checkout pages using the WooCommerce Delivery Dates and Time Slots plugin: Install and Activate the Plugin: Begin by installing and activating the WooCommerce Delivery Dates and Time Slots plugin on your WordPress\/WooCommerce website. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-16T10:20:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh7-us.googleusercontent.com\/dHj7ctfo6nWIqw__snbPQvodZkSxkr08vceZP-QiB9AC6tKg2qfQ1X0_TNWb9Sydm4A0xLNYIWpf6IF9vqysL_4QJfpm6QCWIh7VVPy2M6d9z7sRTA8Hi63I4rSGwIhxwSoKCArsjT87AA2qt-O03Y0\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/\",\"url\":\"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/\",\"name\":\"How to Display Time Slots on Both Product and Checkout Pages? - Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/addify.store\/documentation\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/lh7-us.googleusercontent.com\/dHj7ctfo6nWIqw__snbPQvodZkSxkr08vceZP-QiB9AC6tKg2qfQ1X0_TNWb9Sydm4A0xLNYIWpf6IF9vqysL_4QJfpm6QCWIh7VVPy2M6d9z7sRTA8Hi63I4rSGwIhxwSoKCArsjT87AA2qt-O03Y0\",\"datePublished\":\"2024-05-16T10:20:04+00:00\",\"dateModified\":\"2024-05-16T10:20:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/#primaryimage\",\"url\":\"https:\/\/lh7-us.googleusercontent.com\/dHj7ctfo6nWIqw__snbPQvodZkSxkr08vceZP-QiB9AC6tKg2qfQ1X0_TNWb9Sydm4A0xLNYIWpf6IF9vqysL_4QJfpm6QCWIh7VVPy2M6d9z7sRTA8Hi63I4rSGwIhxwSoKCArsjT87AA2qt-O03Y0\",\"contentUrl\":\"https:\/\/lh7-us.googleusercontent.com\/dHj7ctfo6nWIqw__snbPQvodZkSxkr08vceZP-QiB9AC6tKg2qfQ1X0_TNWb9Sydm4A0xLNYIWpf6IF9vqysL_4QJfpm6QCWIh7VVPy2M6d9z7sRTA8Hi63I4rSGwIhxwSoKCArsjT87AA2qt-O03Y0\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/addify.store\/documentation\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce\",\"item\":\"https:\/\/addify.store\/documentation\/woocommerce\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"WooCommerce Delivery Dates and Time Slots\",\"item\":\"https:\/\/addify.store\/documentation\/?page_id=6808\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How To\u2019s WDDTS\",\"item\":\"https:\/\/addify.store\/documentation\/?page_id=6819\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"How to Display Time Slots on Both Product and Checkout Pages?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/addify.store\/documentation\/#website\",\"url\":\"https:\/\/addify.store\/documentation\/\",\"name\":\"Documentation\",\"description\":\"Documentation for Addify Extensions\",\"publisher\":{\"@id\":\"https:\/\/addify.store\/documentation\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/addify.store\/documentation\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/addify.store\/documentation\/#organization\",\"name\":\"Documentation\",\"url\":\"https:\/\/addify.store\/documentation\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png\",\"contentUrl\":\"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png\",\"width\":6761,\"height\":1853,\"caption\":\"Documentation\"},\"image\":{\"@id\":\"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Display Time Slots on Both Product and Checkout Pages? - Documentation","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:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/","og_locale":"en_US","og_type":"article","og_title":"How to Display Time Slots on Both Product and Checkout Pages? - Documentation","og_description":"Displaying Time Slots on Both Product and Checkout Pages Here are the steps to display time slots on both the product and checkout pages using the WooCommerce Delivery Dates and Time Slots plugin: Install and Activate the Plugin: Begin by installing and activating the WooCommerce Delivery Dates and Time Slots plugin on your WordPress\/WooCommerce website. [&hellip;]","og_url":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/","og_site_name":"Documentation","article_modified_time":"2024-05-16T10:20:05+00:00","og_image":[{"url":"https:\/\/lh7-us.googleusercontent.com\/dHj7ctfo6nWIqw__snbPQvodZkSxkr08vceZP-QiB9AC6tKg2qfQ1X0_TNWb9Sydm4A0xLNYIWpf6IF9vqysL_4QJfpm6QCWIh7VVPy2M6d9z7sRTA8Hi63I4rSGwIhxwSoKCArsjT87AA2qt-O03Y0","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/","url":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/","name":"How to Display Time Slots on Both Product and Checkout Pages? - Documentation","isPartOf":{"@id":"https:\/\/addify.store\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/#primaryimage"},"image":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/#primaryimage"},"thumbnailUrl":"https:\/\/lh7-us.googleusercontent.com\/dHj7ctfo6nWIqw__snbPQvodZkSxkr08vceZP-QiB9AC6tKg2qfQ1X0_TNWb9Sydm4A0xLNYIWpf6IF9vqysL_4QJfpm6QCWIh7VVPy2M6d9z7sRTA8Hi63I4rSGwIhxwSoKCArsjT87AA2qt-O03Y0","datePublished":"2024-05-16T10:20:04+00:00","dateModified":"2024-05-16T10:20:05+00:00","breadcrumb":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/#primaryimage","url":"https:\/\/lh7-us.googleusercontent.com\/dHj7ctfo6nWIqw__snbPQvodZkSxkr08vceZP-QiB9AC6tKg2qfQ1X0_TNWb9Sydm4A0xLNYIWpf6IF9vqysL_4QJfpm6QCWIh7VVPy2M6d9z7sRTA8Hi63I4rSGwIhxwSoKCArsjT87AA2qt-O03Y0","contentUrl":"https:\/\/lh7-us.googleusercontent.com\/dHj7ctfo6nWIqw__snbPQvodZkSxkr08vceZP-QiB9AC6tKg2qfQ1X0_TNWb9Sydm4A0xLNYIWpf6IF9vqysL_4QJfpm6QCWIh7VVPy2M6d9z7sRTA8Hi63I4rSGwIhxwSoKCArsjT87AA2qt-O03Y0"},{"@type":"BreadcrumbList","@id":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-delivery-dates-and-time-slots\/how-tos\/how-to-display-time-slots-on-both-product-and-checkout-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/addify.store\/documentation\/"},{"@type":"ListItem","position":2,"name":"WooCommerce","item":"https:\/\/addify.store\/documentation\/woocommerce\/"},{"@type":"ListItem","position":3,"name":"WooCommerce Delivery Dates and Time Slots","item":"https:\/\/addify.store\/documentation\/?page_id=6808"},{"@type":"ListItem","position":4,"name":"How To\u2019s WDDTS","item":"https:\/\/addify.store\/documentation\/?page_id=6819"},{"@type":"ListItem","position":5,"name":"How to Display Time Slots on Both Product and Checkout Pages?"}]},{"@type":"WebSite","@id":"https:\/\/addify.store\/documentation\/#website","url":"https:\/\/addify.store\/documentation\/","name":"Documentation","description":"Documentation for Addify Extensions","publisher":{"@id":"https:\/\/addify.store\/documentation\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/addify.store\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/addify.store\/documentation\/#organization","name":"Documentation","url":"https:\/\/addify.store\/documentation\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/","url":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png","contentUrl":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png","width":6761,"height":1853,"caption":"Documentation"},"image":{"@id":"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/6830","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/comments?post=6830"}],"version-history":[{"count":1,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/6830\/revisions"}],"predecessor-version":[{"id":6831,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/6830\/revisions\/6831"}],"up":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/6819"}],"wp:attachment":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/media?parent=6830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}