{"id":109,"date":"2025-11-01T06:58:01","date_gmt":"2025-11-01T06:58:01","guid":{"rendered":"https:\/\/demo.add-ons.org\/woocommerce-demo\/?page_id=109"},"modified":"2025-11-01T08:23:11","modified_gmt":"2025-11-01T08:23:11","slug":"integrate-woocommerce-checkout-with-contact-form","status":"publish","type":"page","link":"https:\/\/demo.add-ons.org\/woocommerce-demo\/integrate-woocommerce-checkout-with-contact-form\/","title":{"rendered":"Integrate WooCommerce Checkout with Contact Form"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"109\" class=\"elementor elementor-109\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-576dfe7 e-flex e-con-boxed e-con e-parent\" data-id=\"576dfe7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67613ab elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"67613ab\" data-element_type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"109\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"67613ab\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Integrate WooCommerce Checkout with Contact Form\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"109\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail *\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-yeekit_woo_product elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tProducts Select\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t        <div class=\"yeekit-woo-product-field yeekit-woo-product-type-select yeekit-redirect-yes \">\n                            <select name=\"form_fields[message]\"  class=\"\">\n                    <option value=\"\">Select a product<\/option>\n                                            <option value=\"66|Beanie\" data-thumbnail=\"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-content\/uploads\/sites\/5\/2025\/11\/beanie-2-150x150.jpg\">\n                            Beanie \u2014 <span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>18.00<\/span>                        <\/option>\n                                            <option value=\"83|Beanie with Logo\" data-thumbnail=\"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-content\/uploads\/sites\/5\/2025\/11\/beanie-with-logo-1-150x150.jpg\">\n                            Beanie with Logo \u2014 <span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>18.00<\/span>                        <\/option>\n                                            <option value=\"67|Belt\" data-thumbnail=\"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-content\/uploads\/sites\/5\/2025\/11\/belt-2-150x150.jpg\">\n                            Belt \u2014 <span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>55.00<\/span>                        <\/option>\n                                            <option value=\"68|Cap\" data-thumbnail=\"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-content\/uploads\/sites\/5\/2025\/11\/cap-2-150x150.jpg\">\n                            Cap \u2014 <span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>16.00<\/span>                        <\/option>\n                                            <option value=\"69|Sunglasses\" data-thumbnail=\"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-content\/uploads\/sites\/5\/2025\/11\/sunglasses-2-150x150.jpg\">\n                            Sunglasses \u2014 <span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>90.00<\/span>                        <\/option>\n                                    <\/select>\n                    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-yeekit_woo_product elementor-field-group elementor-column elementor-field-group-field_4a586da elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_4a586da\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tProducts List\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t        <div class=\"yeekit-woo-product-field yeekit-woo-product-type-list yeekit-redirect-yes \">\n                            <ul class=\"yeekit-woo-product-list\">\n                                            <li>\n                            <label>\n                                <input type=\"checkbox\"\n                                    name=\"form_fields[field_4a586da]\"\n                                    value=\"86|Hoodie - Blue, Yes (Color: Blue, Logo: Yes)\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-content\/uploads\/sites\/5\/2025\/11\/hoodie-with-logo-2-150x150.jpg\" alt=\"Hoodie - Blue, Yes (Color: Blue, Logo: Yes)\" \/>\n                                                                <span class=\"yeekit-woo-product-name\">Hoodie - Blue, Yes (Color: Blue, Logo: Yes)<\/span>\n                                <span class=\"yeekit-woo-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>45.00<\/span><\/span>\n                            <\/label>\n                        <\/li>\n                                            <li>\n                            <label>\n                                <input type=\"checkbox\"\n                                    name=\"form_fields[field_4a586da]\"\n                                    value=\"79|Hoodie - Red, No (Color: Red, Logo: No)\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-content\/uploads\/sites\/5\/2025\/11\/hoodie-2-150x150.jpg\" alt=\"Hoodie - Red, No (Color: Red, Logo: No)\" \/>\n                                                                <span class=\"yeekit-woo-product-name\">Hoodie - Red, No (Color: Red, Logo: No)<\/span>\n                                <span class=\"yeekit-woo-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>42.00<\/span><\/span>\n                            <\/label>\n                        <\/li>\n                                            <li>\n                            <label>\n                                <input type=\"checkbox\"\n                                    name=\"form_fields[field_4a586da]\"\n                                    value=\"80|Hoodie - Green, No (Color: Green, Logo: No)\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-content\/uploads\/sites\/5\/2025\/11\/hoodie-green-1-150x150.jpg\" alt=\"Hoodie - Green, No (Color: Green, Logo: No)\" \/>\n                                                                <span class=\"yeekit-woo-product-name\">Hoodie - Green, No (Color: Green, Logo: No)<\/span>\n                                <span class=\"yeekit-woo-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>45.00<\/span><\/span>\n                            <\/label>\n                        <\/li>\n                                            <li>\n                            <label>\n                                <input type=\"checkbox\"\n                                    name=\"form_fields[field_4a586da]\"\n                                    value=\"81|Hoodie - Blue, No (Color: Blue, Logo: No)\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-content\/uploads\/sites\/5\/2025\/11\/hoodie-blue-1-150x150.jpg\" alt=\"Hoodie - Blue, No (Color: Blue, Logo: No)\" \/>\n                                                                <span class=\"yeekit-woo-product-name\">Hoodie - Blue, No (Color: Blue, Logo: No)<\/span>\n                                <span class=\"yeekit-woo-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>45.00<\/span><\/span>\n                            <\/label>\n                        <\/li>\n                                            <li>\n                            <label>\n                                <input type=\"checkbox\"\n                                    name=\"form_fields[field_4a586da]\"\n                                    value=\"64|Hoodie with Logo\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-content\/uploads\/sites\/5\/2025\/11\/hoodie-with-logo-2-150x150.jpg\" alt=\"Hoodie with Logo\" \/>\n                                                                <span class=\"yeekit-woo-product-name\">Hoodie with Logo<\/span>\n                                <span class=\"yeekit-woo-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>45.00<\/span><\/span>\n                            <\/label>\n                        <\/li>\n                                            <li>\n                            <label>\n                                <input type=\"checkbox\"\n                                    name=\"form_fields[field_4a586da]\"\n                                    value=\"70|Hoodie with Pocket\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-content\/uploads\/sites\/5\/2025\/11\/hoodie-with-pocket-2-150x150.jpg\" alt=\"Hoodie with Pocket\" \/>\n                                                                <span class=\"yeekit-woo-product-name\">Hoodie with Pocket<\/span>\n                                <span class=\"yeekit-woo-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>35.00<\/span><\/span>\n                            <\/label>\n                        <\/li>\n                                            <li>\n                            <label>\n                                <input type=\"checkbox\"\n                                    name=\"form_fields[field_4a586da]\"\n                                    value=\"71|Hoodie with Zipper\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-content\/uploads\/sites\/5\/2025\/11\/hoodie-with-zipper-2-150x150.jpg\" alt=\"Hoodie with Zipper\" \/>\n                                                                <span class=\"yeekit-woo-product-name\">Hoodie with Zipper<\/span>\n                                <span class=\"yeekit-woo-product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>45.00<\/span><\/span>\n                            <\/label>\n                        <\/li>\n                                    <\/ul>\n                    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-109","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-json\/wp\/v2\/pages\/109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-json\/wp\/v2\/comments?post=109"}],"version-history":[{"count":13,"href":"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-json\/wp\/v2\/pages\/109\/revisions"}],"predecessor-version":[{"id":126,"href":"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-json\/wp\/v2\/pages\/109\/revisions\/126"}],"wp:attachment":[{"href":"https:\/\/demo.add-ons.org\/woocommerce-demo\/wp-json\/wp\/v2\/media?parent=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}