Author 詩語

How to Allow Cache Plugins to Cache the CartFlows Pages?

You might be thinking that why does the CartFlows Pages are not getting cached. Well, the only reason is that from the beginning of the CartFlows development, we have added Do not Cache constant on the CartFlows pages so as to restrict them to be cached from the Cache plugins and avoid unnecessary issues.

DONOTCACHEPAGEDONOTCACHEOBJECTDONOTCACHEDB

Some cache plugins look for these constants. If one of these constants is found then those cache plugins do not cache the page i:e it is excluded automatically.

If you want to cache the CartFlows pages and remove these constants and allow your cache plugins to cache the pages then you can disable this feature on your website and for the same, we have provided the following filter –

/*
* How to add the custom code.
*
* Please follow below instructions:
* 1. Copy the below code.
* 2. Open your child theme's functions.php file.
* 3. Paste the copied code at the very bottom of it & save the file OR upload it on your server/hosting.
*/

add_filter( 'cartflows_do_not_cache_step', 'cache_CartFlows_pages' );

function cache_CartFlows_pages( $post_id ) {

// If you want to remove more pages from the cache then add those page's id in the array.

if( in_array( $post_id , array( 'add_your_landing_page_ids_comma_separated_id_more_than_one' ) ) ){
return false; // Cache the Pages.
}

return true; // Do Not cache.
}

Note: Add the above filter to your child theme』s functions.php, here』s an article to help you Add Custom code.

How To Add Order Bumps To WooCommerce Sales Funnel?

An order bump is a feature that allows you to display an additional product on your checkout form. On average 10-30% of your buyers add on an order bump to their purchase. So, it is a great way to increase your average transaction value.

From the WordPress dashboard, edit a Flow from Cartflows > Flows.

Get into the settings of the Checkout Page by clicking on Edit.

Scroll down in the Checkout Layout section and click the Order Bump option. Tick the Enable Order Bump checkbox and the configuration options for the order bump will display.

Bump Order Skin – You can choose your bump order skin between Style 1 and Style 2.

Style 1

Style 2

Select Product – Enter 3 or more characters to display the product for your order bump.

Bump Order Position – This is where you would like to place your order bump in the checkout page. It can either be Before Checkout, After Customer Details, After Order, or After Payment.

Before Checkout

After Customer Details

After Order

After Payment

Product Image – You can select an image of the product to attract your customers.

Checkbox Label – Customize the label of the checkbox or leave it as it is.

Highlight Text – This is the title of your order bump. It could be a message with a sense of urgency to get your customers to take action.

Product Description – This is where you can add the details of your order bump product.

Discount Type – You can choose to offer your order bump at an original price or discounted one by percentage, specific price, or coupon. Enter the discount value or the coupon and it will be automatically calculated once you saved the Step.

Bump Order Style – You can customize the look and feel of your bump order by tweaking the options available in the Bump Order Style. These include:

Border StyleBorder ColorBackground ColorLabel ColorLabel Background ColorDescription Text ColorHighlight Text Color

How Does Paypal/Stripe Work in the Case of Cartflows?

CartFlows supports Supports PayPal Standard & PayPal Express Checkout & Stripe.

I. PayPal Standard :

Below are the things that are necessary to accept the payments

Enable PayPal Standard CheckboxEnable PayPal sandbox checkbox if you want to enter the test payment disable it when you want to accept the live paymentEnable logging Checkbox to record any error if occurredEnable IPN email notificationsIf you are enabling the 「IPN email notifications」 then you must have to enter the 「PayPal identity token「Set Payment action to the 「Capture」 optionEnter API credentialsEnter Sandbox API credentials for sandbox if the testing mode is enabledEnter Live API credentials want to accept the live payment

For more info: https://docs.woocommerce.com/document/paypal-standard/

II. PayPal Express Checkout:

Below are the things that are necessary to accept the payments

Enable PayPal Checkout CheckboxSet the Environment to live/sandboxAdd the sandbox/live API Credentials to accept the paymentIn the 「Advanced Settings「, Section enable the Debug LogGo to CartFlows -> Setting -> Enable the Reference Transactions. ( What are Reference Transactions? )

For more info: https://docs.woocommerce.com/document/paypal-express-checkout/

III. Stripe:

Below are the things that are necessary to accept the payments

Enable Stripe checkboxEnable Test mode if you want to test the payment.Add Live/Test Publishable KeyAdd Live/Test Secret Key

For more info: https://docs.woocommerce.com/document/stripe/

Frequently Asked Questions about the Working of PayPal/Stripe!

Does the user have to activate auto-redirect on PayPal account after payment so that it should be redirected to the upsell?

No, not compulsory.

Does the user have to add the identity token to the WooCommerce's PayPal settings?

Yes, if the IPN email notification is enabled.

What are Reference Transactions?

Reference Transactions allow you to set a Billing Agreement between a merchant and customer at the time of checkout. This Billing Agreement with the customer allows you to charge the customer at a later time.

Why Reference Transactions?

To run true 「One Click」 Upsell, CartFlows uses Reference Transactions to enable One Click Upsells after checkout. It utilizes a Billing agreement between you and your customer and charges the customer if the offer is accepted.

Can I run upsells if the reference transaction is off in my PayPal account?

Yes! You can run up-sells even if reference transactions are off. The only change in flow that it would need, one additional confirmation from PayPal to process the payment. So it』s two-click up-sells. To understand the difference in detail

How to start the process of enabling Reference Transactions?

You can also contact PayPal via email.Log into your PayPal account.Go to the Email Contact Form.Choose topic: My Account.Choose sub-topic: Changing/Updating Account Information.Copy and paste the message below, inserting your PayPal email address and name.

Hello Team,I am "Your Name", I want to enable Reference Transactions on my PayPal account. This is the email: enter@your_email.com.I need this feature to sell post-purchase upsells or one-click upsells via WooCommerce.Let me know the process.Kind regards,Your Name

Wait for their reply.

Note: The process can vary from one country to another but you can speed up the process by calling PayPal customer care directly.

How to Resolve Checkout Page Getting Redirected to Home Page of Your Website?

Is your CartFlows Checkout page getting redirected to the homepage of your website? If yes, then let's see how you can get this resolved in a few simple steps and would take less than a minute. 

First, let me tell you why it happens and when it can occur. This unnecessary redirection will occur only when you have set the CartFlows Checkout page as a Global Checkout.

So, our time starts now to resolve it –

In the Global Checkout, your checkout process becomes very simple such as the Shop page -> Cart page -> Checkout page.

So, in this case, when you click the Proceed to checkout button on the cart page, you should get redirected to the CartFlows checkout which is set as Global checkout.

But it never happens and instead, you get redirected to the homepage of the website.

This usually happens because of the WooCommerce setting i:e proceed to checkout action does not know which one is the checkout page. As it has been identified by selecting the checkout page under the WooCommerce Settings.

Yes. This is very simple, you just have to select the correct checkout page in the WooCommerce setting to stop this redirection and resolve it.

You can follow the below steps which will give you a clear and step-by-step guide –

Step 1: Goto WooCommerce -> Settings -> Advanced Tab

Step 2: Under the Page Setup section, select the checkout page that you have created or that is present.

Step 3: Click the save button to update the setting. And this should be resolved!

Note: In this setting, only the WooCommerce』s checkout page will appear and not the CartFlows.

How to Modify the Checkout Page Using the Backend Settings?

You can customize the way your Checkout Page looks simply by tweaking the configurations in the Checkout Layout section of the Checkout Step. To do this, from your WordPress admin dashboard, go to CartFlows menu > Flows. Select a Flow and Edit.

Click the corresponding Edit link for the Checkout Step.

Scroll down to the bottom and you'll see the Checkout Layout Section. This is where you can configure your Checkout Page.

Shortcodes

This is where you can find the shortcode which you can add to your checkout page. It contains the billing checkout fields, shipping checkout fields, order details, and the Place Order button.

Select Product

This is where you add the product you would like to link to your checkout page. You can also add a coupon if you're running a promotion for your product. Make sure that you enable coupons in the WooCommerce settings. Here, you can also configure restrictions, variations, and enable quantity.

Order Bump

If you want to add order bump to your checkout page, you can simply configure it in the Order Bump menu by ticking the Enable Order Bump checkbox.

To learn more about adding an order bump, check out this article.

Checkout Offer

You can enable Checkout Offer if you want to offer a product bundle or another related product to get your customers to buy more stuff before the payment is made. No matter which option they choose, yes or no, the order made is automatically processed.

Checkout Design

This is where you can customize the checkout form. You can set it as one column, two-column, or two-step. You can also change the typography and the primary color. If you enable the Advance Options, you'll be able to customize the heading, input fields, buttons, and background color.

Checkout Fields

In this section, you'll be able to customize the checkout fields.

The Enable Coupon Field allows you to add a coupon field for the customers to enter the coupon code. The Enable Additional Field allows you to insert additional fields so you can get some more information about your customer. The Enable Ship To Different Address adds another address field for shipping. The Enable Custom Field Editor allows you to control whether a field is displayed or hidden in the form, and in what order it should be through its drag and drop functionality.

Custom Script

Adding a custom script allows you to add live chat, bots, custom pixels, and more to your checkout page.

How to Clone / Duplicate the Flow or Step in CartFlows?

You may all know that Clone means a duplicate of the original and having the exact same features and functionality as the original does. 

So, what is the use of the Clone feature in the CartFlows? Well, you will require this feature to duplicate the Flows or Steps for your ease and to reduce the time to design new Flow/Steps from scratch. 

You will notice the Clone option for flow as well as steps too. When you clone the Flow or Step the CartFlows will create an exact duplicate of that original Flow/Step but the URLs will be different.

The Clone feature will duplicate each and every setting of the Flow/Step. Such as if you are cloning the flow then it will duplicate all the steps which are present in it along with it』s setting and the meta-data.

And if you are cloning the step then it will duplicate the current step along with its meta-data. Once the step is cloned then it will be added below the last present step.

To clone the Flow you can follow the following quick and simple steps –

Step 1: Go to CartFlows -> Flows and hover over a flow name. On hover you will get the link as Clone. Click on it to clone the flow.

Similarly, you can Clone the step which is present in your flow. Let』s see how.

Step 1: Go to CartFows -> Flows -> Your Flow.

Step 2: Click on the clone button present on the step which you want to clone.

Step 3: This will add the step to the bottom of all the steps.

Step 4: Re-arrange and add it in your flow sequence.

Step 5: Click the update button to save the flow. And your cloned Step/Flow is ready for modification and use.

VAT Field of WooCommerce EU/UK VAT Compliance (Premium) plugin is not displaying.

If you are using the 「WooCommerce EU/UK VAT Compliance (Premium)」 by 「David Anderson」 to add the VAT field on the checkout page and it is not displaying then this article will help you to display that field on the CartFlows Checkout field.

The VAT field is used to add the VAT number or the VAT amount on the checkout page on the WooCommerce Platform.

This VAT field is not required to all of the stores or countries but only required by the European countries and any other to force the country』s rules and regulations for better compliance.

While using 「WooCommerce EU/UK VAT Compliance (Premium)」, configure it completely and check that the VAT field is getting displayed on the default checkout of WooCommerce.

If that field is not displayed on the default checkout page of WooCommerce then it will not be displayed on the CartFlows Checkout page. So, to make it work with CartFlows, it is mandatory that the VAT field should be displayed on the default WooCommerce Checkout page.

The 「WooCommerce EU/UK VAT Compliance (Premium)」 plugin adds an input field on the checkout page. The label of that field will be the same which you have set from that plugin』s setting.

If that field is displayed on the default checkout page of WooCommerce and not on the CartFlows page, then this is because CartFlows modifies the checkout fields including the billing and shipping fields with our own custom field editor and as per the design of the checkout page.

These modifications are made using the default WooCommerce』s actions and filters. Due to these modifications, the priorities of those fields are changed and thus any other custom field added by the third-party plugin may or may not be displayed on the CartFlows Checkout page.

To display this field, the plugin 「WooCommerce EU/UK VAT Compliance (Premium)「 has provided a filter to change the location of that field. So that we can decide where else we have to display the field, such as after billing fields, or after shipping fields, or even after the checkout form, etc etc.

Below is the code using which you can easily display the VAT field on the CartFlows checkout page.

add_filter( 'wc_eu_vat_number_position', 'eu_change_vat_number_position', 10, 1 );

/**
* Function to change the position of VAT field only for the CartFlows checkout page.
*
* @param $current_page current visited page
* @return $current_page current page.
*/
function eu_change_vat_number_position( $position ){

/* Get global post object */
global $post;

/* Get current post type */
$post_type = get_post_type();

/* Check the current type of the page */
$is_checkout = get_post_meta( $post->ID, 'wcf-step-type', true );

/* Change position only of the CartFlows checkout page */
if( 'cartflows_step' == $post_type && 'checkout' === $is_checkout){
$position = 'woocommerce_after_order_notes';
}

return $position;

}

Note: Add the above filter to your child theme』s functions.php, here』s an article to help you Add Custom code.

How To Import/Export Flows & Individual Page Builder Templates?

With CartFlows, you can make your flows portable. This means that you'll be able to use the flows to any other website through the export/import functionality.

From the WordPress dashboard, go to Cartflows > Flows.

You can use the Export and Import buttons in exporting and importing the settings and structure of the flow, not the design for each individual step.

To Export A Flow, select a flow by ticking on the checkbox, and click on the Export button. Or, mouse hover over a flow and click on the Export link. This will automatically download a .JSON file on your local computer.

[NEW] Note: With CartFlows v1.5.10, you can import the Flow / Steps with all of its content from the CartFlows Import / Export option. P.S. If you are exporting the flow from the Localhost to the Live website then it not work. It will work with live website only.

To Import A Flow, click on the Import button. Upload the .JSON file that contains the flow, then click Import. Once the import is completed, a success message will display.

Go back to the Flows and you'll find that the imported flow is already there and is in Draft mode.

Every page builder handles content differently. But, as long as it has an import/export functionality, you can move your templates around different websites.

To import a design template of Elementor, Divi, Beaver Builder, or Thrive Architect, go to the individual step and edit the page using your favorite page builder. Import your preferred template (JSON or .zip file).

To export a design template, save your design as a template and export it. The JSON file will automatically be downloaded.

Click on the following links to learn more about how to import/export templates with the corresponding page builders:

ElementorDiviBeaver BuilderThrive Architect

Learn more in this video.

How to Enable Paypal Reference Transactions?

Before, when using One-Click Upsell for WooCommerce with CartFlows, it is required that you enable PayPal reference transactions for it to work. But now, you can already offer WooCommerce One-Click Upsells even without enabling it. Learn more about this here.

Although enabling PayPal reference transactions is not required, but if you are offering Upsell / Downsell from CartFlows here are the steps on how you can get this enabled for one-click Upsell –

Step 1. Log into your PayPal account. Note that you should have a business account.

Step 2. Go to: https://www.paypal.com/smarthelp/contact-us

Step 3. Scroll down to the button and you will find the option to Call the support.

Step 4. You'll be redirected to a page with the dialing instructions.

Step 5. Choose the Technical Support and request for enabling PayPal reference transactions.

Step 6. After enabling PayPal Reference Transactions from PayPal account you have to enable reference transactions from the CartFlows settings as well.

Related Articles –

How Does Paypal/Stripe Work in the Case of CartFlows?

How to Enable Google Analytics Tracking in CartFlows?

CartFlows introduces the Google Analytics Tracking feature in CartFlows v1.5.0.

Pre-requisites –

There are few Pre-requisites like –

You need to create a Google Analytics Account. Haven't Setup yet? – follow the steps hereNext, you need to get the Google Analytics ID, follow the steps hereCopy the Google Analytics ID, you will need to paste it in the CartFlows Settings

Steps to Add Google Analytics ID in the CartFlows Settings –

Step 1: From your WordPress dashboard, go to CartFlows > Settings

Step 2: Scroll down to the Google Analytics Settings and enable the option – Enable Google Analytics Tracking

Let's see how we can enable this feature. Navigate to WordPress Dashboard > CartFlows > Settings > Google Analytics Tracking section.

Enabling the above option adds the Google Analytics code on the CartFlows Steps.

And the next checkbox option will enable the Google Analytics Tracking Code on the whole website.

Step 3: Now, you will see a field to insert the Tracking ID in the Google Analytics ID field. If you do not have the Tracking ID you can get it from here.

Step 4: After inserting the ID, you will see a list of Events which CartFlows provides, they are –

Begin CheckoutAdd To CartAdd Payment InfoPurchase

If you are facing any issues, you can refer to our Troubleshooting article of Google Analytics!