{"id":15097,"date":"2021-11-17T20:40:04","date_gmt":"2021-11-18T02:40:04","guid":{"rendered":"https:\/\/launchflows.com\/?p=15097"},"modified":"2021-11-17T20:57:32","modified_gmt":"2021-11-18T02:57:32","slug":"return-to-checkout-with-long-sales-pages","status":"publish","type":"post","link":"https:\/\/launchflows.com\/return-to-checkout-with-long-sales-pages\/","title":{"rendered":"Return To Checkout With Long Sales Pages"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube eplus-5leRPW wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Return To Checkout Feature\" width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/lNg-ByArl_I?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"eplus-SbKWKK wp-block-heading\">In this video you&#8217;ll learn how to setup and use the return to checkout feature of LaunchFlows.  <\/h2>\n\n\n\n<p class=\"eplus-SOZhpF\">This make it super easy to create long-form sales and checkout pages where the prospective buyer is returned to exactly where they were before modifying the contents of their cart. <\/p>\n\n\n\n<p class=\"eplus-8SiSx5\">You will also learn how to add a scroll to checkout link to allow someone to skip right to checkout.<\/p>\n\n\n\n<p class=\"eplus-AVTZVb\">1. Using the LaunchFlows option to add a checkout page, create a long form sales \/ checkout page using any post type, including if you wish, a product.<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-llOlX1\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/scribe_documents\/073ae23f-fe8c-4000-ab00-e07a60040003\/actions\/8364e376-a2ed-4d89-89e9-3e87d906980d\/cropped_screenshot_$1637203326.jpeg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"eplus-CpmupZ\">2. Add at least two call to action buttons or text links. The first will be to add the product to the cart for this checkout page. The second will be for scrolling to the #checkout section of the layout.<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-aZoP1w\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/scribe_documents\/073ae23f-fe8c-4000-ab00-e07a60040003\/actions\/2acea6da-dc06-4a39-857a-787377560945\/cropped_screenshot_$1637203327.jpeg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"eplus-0YWD9q\">3. For the Buy It Now buttons, copy the LaunchFlows LF-Direct To Checkout link for the product you wish to sell, and paste it to the url for the first button. Be sure the product is configured to have this versy same page as the location for being redirected after the product is added to cart (Next Step option).<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-ZEwHfD\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/scribe_documents\/073ae23f-fe8c-4000-ab00-e07a60040003\/actions\/c628be5d-5f89-4508-b5c5-b62c309311c1\/cropped_screenshot_$1637203328.jpeg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"eplus-jPoV5i\">4. Create a second button that will be used for scrolling down to the location of the checkout.<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-VHsfLX\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/scribe_documents\/073ae23f-fe8c-4000-ab00-e07a60040003\/actions\/a119d89d-ad35-4bae-a18b-5b3c05e108f9\/cropped_screenshot_$1637203331.jpeg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"eplus-ZiEHgl\">5. Use the bookmark link of #checkout for this button.<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-qQmvJc\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/scribe_documents\/073ae23f-fe8c-4000-ab00-e07a60040003\/actions\/9a6a5da4-ed40-4385-b3d4-ca9b86f008f3\/cropped_screenshot_$1637203332.jpeg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"eplus-e0FJt0\">6. Add the LaunchFlows block, shortcode or Elementor Widget for &#8220;lf-return-checkout&#8221;. This is what adds the javascript code to this layout for enabling the return to checkout feature.<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-MKt5gn\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/scribe_documents\/073ae23f-fe8c-4000-ab00-e07a60040003\/actions\/43e8eeaa-bd50-4015-a8e9-fd4cd6f0d540\/cropped_screenshot_$1637203335.jpeg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"eplus-aTEyJF\">7. Open up the gutenberg List View so you can convert this block into a group.<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-jRJ6jI\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/scribe_documents\/073ae23f-fe8c-4000-ab00-e07a60040003\/actions\/de5a9099-2475-4477-ae99-f17aa4228e76\/cropped_screenshot_$1637203337.jpeg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"eplus-WFIO7q\">8. Right click on the lf-return-checkout block and choose &#8220;group&#8221; so that it becomes a Gutenber group block.<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-YtdFMe\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/scribe_documents\/073ae23f-fe8c-4000-ab00-e07a60040003\/actions\/5eb73dc6-24f7-4a6e-99b2-a08e0168a373\/cropped_screenshot_$1637203338.jpeg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"eplus-43j29R\">9. After selecting the new Group block, click the &#8220;Advanced&#8221; option on right side so that you can apply the HTML anchor tag of #checkout.<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-ZehLeV\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/scribe_documents\/073ae23f-fe8c-4000-ab00-e07a60040003\/actions\/3a39598a-24d7-4394-9f76-dc9d33f54a72\/cropped_screenshot_$1637203339.jpeg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"eplus-V6MmiC\">10. Click the &#8220;HTML anchor&#8221; field and type in the word &#8220;checkout&#8221; without the hashtag (Gutenber will add it by default).<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-CW8aPT\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/scribe_documents\/073ae23f-fe8c-4000-ab00-e07a60040003\/actions\/7376b276-c438-4634-b38c-3a1179d33e29\/cropped_screenshot_$1637203340.jpeg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"eplus-U2mgm7\">11. To hide the WooCommerce coupon component from this layout, first click &#8220;LaunchFlows LaunchFlows Woocommerce Coupon&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-eHQ7IH\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/scribe_documents\/073ae23f-fe8c-4000-ab00-e07a60040003\/actions\/fb3d137b-2000-4717-952a-89de189c6a29\/cropped_screenshot_$1637203341.jpeg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"eplus-CV8b17\">12. Then click the &#8220;Additional CSS class(es)&#8221; field and type in &#8220;lf-hide&#8221;. This will cause the component to be hidden from the public side.<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-QTB90o\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/scribe_documents\/073ae23f-fe8c-4000-ab00-e07a60040003\/actions\/9265e8fb-1159-4e7b-8595-5b3237fbd3f7\/cropped_screenshot_$1637203342.jpeg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"eplus-XS6qJD\">13. Repeat this for the Additional Fields component.<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-scHNEP\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/files\/2021-11-18\/006f78b1-dc08-4623-be84-330596f47716\/user_cropped_screenshot.jpeg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"eplus-mznMjP\">14. Switch to tab &#8220;Checkout 4 \u2013 Return To Checkout \u2013 LaunchFlows Patterns&#8221;<\/p>\n\n\n\n<p class=\"eplus-MQ2lTX\">15. Test click the &#8220;Buy It Now!&#8221; button. The product should be added to the cart.<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-2SY5It\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/scribe_documents\/073ae23f-fe8c-4000-ab00-e07a60040003\/actions\/59675c38-5d54-43de-9a69-12d4d2d863c7\/cropped_screenshot_$1637203346.jpeg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"eplus-oxnGU1\">16. Then click the scroll to checkout button, and you should be taken to the checkout anchor location.<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-KCWU08\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/scribe_documents\/073ae23f-fe8c-4000-ab00-e07a60040003\/actions\/80a07e0f-b1ee-4cb4-bba6-1f1957b3237e\/cropped_screenshot_$1637203347.jpeg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"eplus-AQHCFH\">17. Where you can complete the order with the &#8220;Place Order&#8221; button.<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-ydjIFa\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/scribe_documents\/073ae23f-fe8c-4000-ab00-e07a60040003\/actions\/8c35be15-d897-40e7-bda8-a143860e207a\/cropped_screenshot_$1637203348.jpeg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"eplus-Uz0x9P\">18. Test to see what happens when you delete the product from the order review.<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-YTB7fS\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/scribe_documents\/073ae23f-fe8c-4000-ab00-e07a60040003\/actions\/5f3312d1-efe2-4d0b-8cec-d06b9372ca9e\/cropped_screenshot_$1637203350.jpeg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"eplus-w8i5t7\">19. The checkout page\/post should reload and return to the checkout position.<\/p>\n\n\n\n<figure class=\"wp-block-image  eplus-flMTJ9\"><img decoding=\"async\" src=\"https:\/\/colony-recorder.s3.amazonaws.com\/scribe_documents\/073ae23f-fe8c-4000-ab00-e07a60040003\/actions\/652d4335-fcf5-4808-815f-662c01a368fa\/cropped_screenshot_$1637203352.jpeg\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In this video you&#8217;ll learn how to setup and use the return to checkout feature of LaunchFlows. This make it super easy to create long-form&#8230;<\/p>\n","protected":false},"author":2,"featured_media":15099,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_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":""},"categories":[231,228],"tags":[233],"acf":[],"featured_image_src_large":["https:\/\/launchflows.com\/wp-content\/uploads\/2021\/11\/LaunchFlows-Return-To-Checkout-Feature-1024x576.jpg",1024,576,true],"author_info":{"display_name":"Spencer Forman","author_link":"https:\/\/launchflows.com\/author\/cloudadmin\/"},"comment_info":"","category_info":[{"term_id":231,"name":"Layout","slug":"layout","term_group":0,"term_taxonomy_id":231,"taxonomy":"category","description":"","parent":0,"count":16,"filter":"raw","cat_ID":231,"category_count":16,"category_description":"","cat_name":"Layout","category_nicename":"layout","category_parent":0},{"term_id":228,"name":"Setup","slug":"setup","term_group":0,"term_taxonomy_id":228,"taxonomy":"category","description":"","parent":0,"count":19,"filter":"raw","cat_ID":228,"category_count":19,"category_description":"","cat_name":"Setup","category_nicename":"setup","category_parent":0}],"tag_info":[{"term_id":233,"name":"Checkout","slug":"checkout","term_group":0,"term_taxonomy_id":233,"taxonomy":"post_tag","description":"","parent":0,"count":3,"filter":"raw"}],"taxonomy_info":{"category":[{"value":231,"label":"Layout"},{"value":228,"label":"Setup"}],"post_tag":[{"value":233,"label":"Checkout"}]},"_links":{"self":[{"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/posts\/15097"}],"collection":[{"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/comments?post=15097"}],"version-history":[{"count":0,"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/posts\/15097\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/media\/15099"}],"wp:attachment":[{"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/media?parent=15097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/categories?post=15097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/tags?post=15097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}