The store checkout is the ability to change your store’s checkout with one created by CartFlows. Prior to this update, it was challenging to find the flow of which the checkout page is set as Global checkout, especially, when you have large numbers of flows. 

So, to simplify this process and add a user-friendly touch, we have deprecated the older concept that Global Checkout, and it is replaced by Store Checkout. 

Don’t worry, the work will be the same. It will replace/redirect the users to the CartFlows Checkout page instead of WooCommerce’s default checkout page once you enable the store checkout flow.

Below are the three main things which are new in the Store Checkout.

• Option to enable/disable the store checkout.
• The checkout step cannot be prioritized/moved up-down.
• Removed the product tab from the store checkout page settings.

Let’s see them one by one.

1. Option to enable/disable the store checkout: This option control whether to display the CartFlows Checkout page instead of WooCommerce or not. If you enable it, then it will display the CartFlows page after the Cart page. Just like it was working with the Global Checkout.
   
2. Checkout step cannot be prioritized/moved up-down: As you know, the global/store checkout flow starts after the user visits the Cart page of WooCommerce and then proceed for the checkout. So, if you like to add more steps, such as upsell, and downsell pages, then that will be always after the checkout page. This is the main reason that the checkout step cannot be moved.
   
3. Removed the product tab from the store checkout page settings:  The store checkout is introduced to replace the default checkout page, which uses the normal flow of WooCommerce i:e from the shop or the single product’s page. That is why the product tab is now been removed. If still, you want to display the product tab, then you can use the filter mentioned in this article.

Let’s see how to set up the store checkout on your website.

There are two ways that you can set up the store checkout

• The first one is from the onboarding process of CartFlows. This will be carried out by the new users who have installed the CartFlows for the first time on his website. 
• And the second is, to click on the store checkout menu in the CartFlows and import the ready-made store checkout template OR you can create it by your own.

Below are the steps on how to set up the store checkout.

Step 1: Navigate to the Store Checkout menu.

Step 2: Click on the Create Store Checkout button to import the ready-made templates offered by the CartFlows.

Step 3: Select the template that you want to import and click on the Import template button.

Step 4: Once the template is imported, you can customize the template and click on the Enable Store checkout button to replace the WooCommerce checkout page with the CartFlows checkout page.

Step 5: If you want to add more steps to the store checkout flow then click on the add new step and import the steps that you require. 

Note: In the store checkout, you can import upsell and downsell steps only.

After following the above steps, your store checkout flow is ready to make it live to generate more revenue.

Frequently Asked Questions

Q. How to replace WooCommerce’s Checkout page with the CartFlows checkout page by keeping the same default checkout URL?

=> This setting is not changed. Instead, it is already available in the CartFlows -> Setting -> General tab -> Enable Override Store Checkout option.

Q. Why can’t I import the thank you and landing pages?

=> In the store checkout, the flow starts from the Cart page of WooCommerce. So, there is no need to have a landing page. And for the thank you page, there will be one thank you page.

Q. How to delete the store checkout flow?

=> In the store checkout flow, there is a setting named Flow Status. Click on the three dots to open a new menu and click on the Delete option.

Q. How to delete the checkout step from the store checkout?

=> Deleting only the checkout step is not currently possible, but if you want to import the new design of the checkout page, then it is possible from the checkout step’s setting.

Below are the steps to delete/modify the existing template to change the design of the checkout step.

• Navigate to Edit the Checkout page
• Click on the Design tab and select the change template button
• Select the new template that you required and click import.

Using this you don’t need to delete the whole step instead, you can simply change the design of the checkout page.

Do you want to use the CartFlows Checkout page instead of the default checkout page of WooCommerce?

Yes? then we have come up with a new feature which will let you do it.

This feature is named Override Global Checkout that Replaces the default checkout page of WooCommerce with the Global Checkout page of CartFlows.

As you know that by setting the Global Checkout, you can easily redirect the users to CartFlows Checkout page after cart/shop/single product pages. But here the URL of the page gets changed or has to change to make it suitable for your store and its URLs.

So, to avoid this case, we have come up with this feature. By enabling this setting, the CartFlows will replace the content i:e override the default checkout page of WooCommerce and that is all without changing the URL of the default Checkout page.

To use this option first, you need to set the Global Checkout page. Once it is set then you can enable the Takeover/Override checkbox. If the Global Checkout page is not set/selected then the Takeover/Override option will not work. 

These two options are dependant on each other so if you wish to use only the Takeover/Override option then it is not possible. It needs the Global Checkout page to be selected. 

Now, you might be wondering how does this feature work? Well, it is easy. Let’s see how:

When you have set the Global Checkout and enabled the override checkbox then it will show the CartFlows Checkout page after the WooCommerce’s Cart Page and that is without changing the URL of the checkout page.

That is the URL of the checkout page will be of default checkout page but the content and entire working will be of CartFlows.

Let’s see how to enable this feature.

This setting/option is added to the Global Setting page of CartFlows. Below are the steps which will guide you to enable it.

Frequently Asked Questions

How to set the Global Checkout?

Setting the global checkout page means not to search and select the CartFlows checkout page in the WooCommerce’s Settings. The Global Checkout page is a setting provided by the CartFlows and in that very setting, you have to set the Global Checkout. This article will help you to set the Global Checkout.

CartFlows checkout page is not listed in the page setting of WooCommerce?

The CartFlows page will not be listed under the WooCommerce’s page setting. Because the Global Checkout page is of CartFlows and will be displayed in the CartFlows -> Settings -> Global Checkout Tab only.

Below is the filter using which you can redirect your users to a Custom Page –

/**
 * Change the URL of the Global Checkout page.
 * @param link $link of your global checkout page.
 * @return link $your_link of your custom page.
 */

add_filter( 'cartflows_global_checkout_url', 'your_callback_function' );
function your_callback_function( $link ){ 
    // Return your custom page URL. 
    return  $your_link = get_permalink( $post->ID ); // Add your custom page's post ID
}

CartFlows can also be used to replace the global checkout if you want to still use WooCommerce in the traditional way, but improve conversions at the checkout.

The traditional WooCommerce checkout is:

Buyer views a product > Clicks on add to cart > Buyer then clicks to view the cart > Buyer makes and adjustments > Buyer clicks checkout > Buyer completes the purchase on the checkout page

With our global cart option the flow is changed to our checkout:

Buyer views a product > Clicks on add to cart > Buyer then clicks to view the cart > Buyer makes and adjustments > Buyer clicks checkout > Buyer is taken to the CartFlows checkout page > Buyer go through any upsells / downsells you have setup.

To overcome this traditional working of WooCommerce, we have introduced the Global Checkout option in the free version of CartFlows. Let’s see how we can set it up.

To create a Global Checkout:

1. Create a new flow
2. Configure the first step to be the checkout page ( Make sure to give the checkout page a name you will recognize later )
3. In the checkout step, make sure to not select a product, just leave that blank
4. Setup any order bumps, upsells, downsells, and the thank you page
5. Go to the CartFlows settings menu.
6. Click on the global checkout dropdown option and you will see an option to select the checkout you created in step 2 above.

Common cases in which the Global Checkout may not work are –

Case 1: Default Checkout page is not created & set in the WooCommerce setting:

As you may know, this option replaces the default WooCommerce checkout page with the CartFlows Checkout Page.

If this page is not created and Selected in the WooCommerce -> Settings -> Advanced Tab -> Under Page Setup section the Global Checkout page may not display or may return a 404 error message.

Case 2: Checkout end-point is changed:

If the default WooCommerce’s end-point in the WooCommerce -> Settings -> Advanced Tab -> Checkout Endpoints are changed or translated then your checkout page may not work as required. So, it is recommended not to change WooCommerce’s endpoints.

Here is the official video explanation from our getting started tutorial.