{"id":482,"date":"2023-07-13T10:30:58","date_gmt":"2023-07-13T10:30:58","guid":{"rendered":"https:\/\/nt.jaygregorio.com\/support\/?post_type=ht_kb&#038;p=482"},"modified":"2023-07-13T10:30:58","modified_gmt":"2023-07-13T10:30:58","slug":"how-to-embed-a-checkout-form-on-the-cartflows-checkout-page","status":"publish","type":"ht_kb","link":"https:\/\/nt.jaygregorio.com\/support\/knowledge-base\/how-to-embed-a-checkout-form-on-the-cartflows-checkout-page\/","title":{"rendered":"How To Embed A Checkout Form on the CartFlows Checkout Page?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">To embed a checkout form on the CartFlows Checkout page, you need to follow these steps:<br><br>First, [<strong>cartflows-checkout<\/strong>] is the <em>shortcode <\/em>for CartFlows. Thanks to this shortcode, the checkout fields will be visible on the checkout page so that users can add their Billing &amp; Shipping information and Checkout to buy any product.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can either directly add this shortcode to the content area of the page or use your page builder to copy it from the backend settings of CartFlows&#8217; checkout page under the shortcode tab and paste it into the checkout page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/07\/short-1024x414.webp\" alt=\"\" class=\"wp-image-483\" width=\"768\" height=\"311\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/07\/short-1024x414.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/07\/short-300x121.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/07\/short-768x311.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/07\/short-50x20.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/07\/short-1536x621.webp 1536w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/07\/short.webp 1886w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The checkout shortcode can then be inserted anywhere on the page during the checkout step.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However, the CartFlows checkout page<strong> should be the only place this shortcode is pasted. <\/strong>It will not function and possibly produce error messages if you add it to any other pages. The message &#8220;Checkout ID not Found (Place the Checkout ID in the Correct place)&#8221; will appear if you add the CartFlows checkout shortcode to any other page.<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/07\/short1-1024x376.webp\" alt=\"\" class=\"wp-image-484\" width=\"768\" height=\"282\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/07\/short1-1024x376.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/07\/short1-300x110.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/07\/short1-768x282.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/07\/short1-50x18.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/07\/short1-1536x565.webp 1536w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2023\/07\/short1.webp 1904w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can further customize the checkout page and flow settings, such as shipping options, payment gateways, order bump offers, and more. Configure these settings as per your requirements.<br><br>Once you have finished customizing your CartFlows checkout page, <strong>save <\/strong>your changes and publish the flow.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>To embed a checkout form on the CartFlows Checkout page, you need to follow these steps: First, [cartflows-checkout] is the shortcode for CartFlows. Thanks to this shortcode, the checkout fields will be visible on the checkout page so that users can add their Billing &amp; Shipping information and Checkout to buy any product. You can&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"ht-kb-category":[125],"ht-kb-tag":[],"class_list":["post-482","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-funnels"],"_links":{"self":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb\/482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/comments?post=482"}],"version-history":[{"count":1,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb\/482\/revisions"}],"predecessor-version":[{"id":485,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb\/482\/revisions\/485"}],"wp:attachment":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/media?parent=482"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb-category?post=482"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}