Introducing Personalization Shortcodes in CartFlows!

Introducing Personalization Shortcodes in CartFlows!

CartFlows introduces Personalization Shortcodes in CartFlows v1.5.0. Now you will be able to personalize the CartFlows pages for more conversions and sales.

In this article, we will see the overview of the Personalization Shortcodes so that you can better utilize them on CartFlows pages –

We have provided these Personalization Shortcodes in the CartFlows so that you can personalize the display and the messages on the Upsell / Downsell or on the Thank You pages. 

Why Personalization?

Personalization helps build trust with users by engaging with them during the checkout process. When you display the user's name by personalizing the headline or message while they are completing their order, people are more likely to complete the order.

For example, you have placed an order from the checkout page of the CartFlows using the email as [email protected] and now on the upsell & thank you page you want to display the personalized messages such as 「Hello [email protected], here is the 50% OFF on this product」 OR 「Thank you [email protected] for your order」 Or any other as per your requirements.

These shortcodes will display the user's email ID or the email or any other field that you have added in the shortcode for the current order. 

Currently, we have two types of Personalization shortcodes available for the use. They are divided in two sections and they are

Display the Order Fields value on the Upsell / Downsell / Thank You page i:e displaying the checkout fields' valueDisplay the value of the Fields that are sent via URL parameter

Let's see the personalization shortcodes type and how exactly it can be used –

Display the Order/Checkout fields values

This shortcode can be used on the upsell & downsell & thank you page to display the user's billing information which is filled on the checkout fields on the checkout page of the CartFlows.

The proper format of the shortcode is as follows:

[cartflows_order_fields field='first_name' default='Dear']

In the above shortcode, there are two parameters as

1. field: This represents, which field's value you want to display on the page.

2. default: Default value to display if the checkout field is not filled. 

You can use any field to display it's value on the desired page. 

For example: 

– To display the user's first name you can use 

[cartflows_order_fields field='first_name' default='My Name']

– To display the user's last name you can use 

[cartflows_order_fields field='last_name' default='My Surname']

In the same way, you can use the rest of the fields. 

To Display the value of the Fields that are send via URL parameter

This is the second shortcode which you can also use to display the user's billing info on the upsell/downsell/thank you pages such as first name, last name, email etc. 

But, this shortcode will take the values of the parameters which are sent via URL. That is if there is first name of the user is sent from the URL as www.mydomain.com/thank-you/?first_name=myname&[email protected]

In this case, this shortcode will get the value of the first_name parameter and display it on the page where you have added this shortcode. 

The proper format of this shortcode is as follows:

[cartflows_url_fields field='first_name' default='Dear']

In the above shortcode, there are two parameters as

1. field: This represents, which field's value you want to display on the page.

2. default: Default value to display if the checkout field is not filled. 

You can use any field to display it's value on the desired page. 

For example: 

– To display the user's first name you can use 

[cartflows_url_fields field='first_name' default='My Name']

– To display the user's last name you can use 

[cartflows_url_fields field='last_name' default='My Surname']

In the same way, you can use the rest of the fields. 

Note: In WooCommerce all the field's name starts with the 「billing_」 key for the billing fields and 「shipping_」 for shipping fields.  Such as billing_first_name, billing_last_name, shipping_first_name, shipping_last_name. So, you have to add the field name without the 「billing_」 or 「shipping_」 prefix.

How to Enable/Disable the Shipping Fields & Ship to Different Address on CartFlows Checkout Page?

How to Enable/Disable the Shipping Fields & Ship to Different Address on CartFlows Checkout Page?

We will see in this article on how to set up shipping options and the shipping zones for your store. Also, we will see how you can effectively enable/disable the shipping fields section for specific CartFlows checkout pages along with some common questions.

Let』s begin!

Sometimes some products are physical products and we have to ship it to the user』s address at their doorstep and while shipping some courier companies charge some shipping charges which we have to apply and display on our store while purchasing the product.

To apply the shipping charges on the product we have to set the shipping rates and the shipping zones in the WooCommerce Settings. So that we can display the zone/area wise shipping charges. 

By setting the shipping zones and the options it will display the Shipping fields section on the checkout page. If it is not set then the shipping fields will not be displayed.

You can follow this simple & easy article to set up the shipping options to display the shipping fields. 

Now, after setting up the shipping, there might be a case, that you want to hide it on any particular checkout page of the CartFlows, for the same we have provided the option to enable & disable it.

You can follow below simple steps to enable/disable the shipping fields section on the CartFlows checkout page. 

Step 1: Go to CartFlows -> Flows -> Your Flow

Step 2: Click on the edit button on the checkout page.

Step 3: Scroll to the Custom Fields tab & disable the 「Ship to Different Address」 checkbox.

Step 4: Click Update button to save the changes. And check on the frontend.

——–

A few common questions.

Ship to different address checkbox is pre-checked

If the 「Shipping Destination「 is set to 「Default to customer shipping address」 then the Ship to Different Address checkbox will be pre-selected.

Ship to Different Address is not displaying on the checkout page

 If the shipping zones and the shipping options are not set in the WooCommerce』s setting then the Ship to Different Address checkbox and the Shipping fields will not be displayed.

How to Enable/Insert Coupons on the CartFlows Checkout page?

How to Enable/Insert Coupons on the CartFlows Checkout page?

In this article we will see the below steps to –

Enable/Setup the coupon fieldDisable/enable the Coupon on a particular Checkout page of the CartFlowsChange the coupon field & the button text

Enable/Setup the coupon field

First, let's see how to create a coupon.

The Coupon plays an important role on the E-commerce website. As they are mostly used to offer the discount based on various aspects such as Cart total, Product based as well as on the Shipping too. 

So, to create the coupon, you will need to enable the coupon setting from the WooCommerce -> Setting page and set up the coupon as per your needs and for that WooCommerce has done a great job by making in-depth and step-by-step documentation on the coupon. 

This is the article you can follow to enable the coupon and create a coupon on your store.

Once you have done creating and setting up a coupon on the CartFlows checkout page, the Coupon field will automatically be displayed on the frontend.

Disable/enable the Coupon on a particular Checkout page of the CartFlows

If you want to disable the coupon of a particular checkout page then we have provided the setting in the backend setting of the checkout page of the CartFlows.

To enable/disable the coupon field you can follow below steps –

Step 1: Go to CartFlows -> Flows -> Your Flow

Step 2: Click on the Edit button of the checkout page

Step 3: Navigate to the Custom Fields tab and Enable the Coupon field option.

Change the coupon field & the button text

In some cases, you might have to change the string/text of the coupon input field and the button. For this customization, we have added the filter using which you can change the field texts as per your needs.

The name of the filter is 「cartflows_coupon_field_options」 and it accepts one parameter in the array format which contains the field text and the button text.

Below is the code for the filter –

/**
* Change the CartFlows Coupon Field text and Button text.
*
* @param array $coupon_field array of field strings/texts.
* @return array
*/
add_filter( 'cartflows_coupon_field_options', 'change_cartFlows_coupon_field_strings', 10, 1 );

function change_cartFlows_coupon_field_strings( $coupon_field ){

$coupon_field = array(
'field_text' => __( 'Coupon Code', 'cartflows' ), // Coupon input field text/placeholder.
'button_text' => __( 'Apply', 'cartflows' ), // Apply coupon button text.
'class' => '', // Coupon input field class.
);

return $coupon_field; // Returning the modified data with new strings.
}

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

How to Activate the 「API Key/License」 of the CartFlows Pro?

How to Activate the 「API Key/License」 of the CartFlows Pro?

Are you looking on how to Activate the API / License Key of the CartFlows Pro plugin?

CartFlows Pro is a plugin that extends the CartFlows Free plugin and adds more features to it.

You can activate the license of CartFlows Pro from WordPress Dashboard > Plugins > CartFlows Pro > Activate License.

Note: Make sure you have the CartFlows Pro installed and activated to find the License Activation option below the CartFlows Pro on the plugins page. Here's an article to help you install and activate the CartFlows Pro plugin.

Following are the benefits of activating the CartFlows Pro License key –

Access to all the Pro FeaturesGet the plugin』s Auto Updates.Import the ready-made templatesCreate unlimited Flows

Follow the below steps which will help you to activate the API / License key of CartFlows Pro.

Step 1: Get the API / License Key

To get the API / License Key, please login to your CartFlows account from here.

Navigate to the API Keys section & copy the API / License Key & store it in your favorite text editor for later use.

Step 2: Activating the License.

Go to the WordPress Dashboard > Plugins pageClick on the Activate License button which is marked in green color

After clicking on the button, a popup will appear and Enter the License key in the text box and click the Activate button.

Note: Make sure that you have Cleared the cache and Deactivated any Caching plugin before activating the License key.

Common Issues while activating the license –

License is already activated for this domain/resource/website.

This error message will be displayed only if the current license key is already activated for the current site i:e entry for this website is present in your account under API Keys section. So, to solve this error, you need to delete the entry from your CartFlows Account for the same website on which you are currently activating the license.

License is activated for the same instance ID.

This error message will be displayed in two conditions. Firstly, if you have migrated the website from one domain to another. Secondly, if you are re-trying to activate the license and the cache is in place.

So to solve this error, you need to follow a few simple steps as mentioned below –

Clear the cacheDeactivate any Caching pluginDeactivate the CartFlows Pro PluginReactivate the CartFlows PluginTry adding activating the License key.

This should fix this issue.

No resource available for this API key

This error message will be displayed if the entered API Key is not correct. So, to solve this issue you need to login to your CartFlows account and copy the API Key as it is and paste it in the API / License Key text box for the activation.

So to activate the API / License Key of the CartFlows Pro, you will need to install & activate the plugin on your website. Refer to this article which will help you in case you are facing some difficulties while installing the plugin.

Troubleshooting Google Analytics Issues!

Troubleshooting Google Analytics Issues!

If you are looking to set up your Google Analytics you can follow this article on – How to Enable Google Analytics Tracking in CartFlows?

Or if you have enabled Google Analytics Tracking from the CartFlows settings, and still unable to find or track any Analytics data?

There could be primarily one reason –

Errors in the Browser's Console

For the Google Analytics to function or Track properly on your pages you need not have any JavaScript errors.

Or else –

Invalid Tracking ID

Apart, from that, you need to make sure the Google Analytics code is valid and working correctly.

If you are still facing issues, Google Chrome Browser provides a tool to verify your Tracking ID. If you are still facing issues with the same, you can reach out to our support.

Facebook Pixel Integration

Facebook Pixel Integration

CartFlows offers native Facebook pixel integration, but we also directly integrate with the 2 most popular Facebook pixel plugins for WordPress.

If you already use PixelYourSite or PixelCaffene you will be happy to know that CartFlows fully integrates with them.

But if you don't use either of those, as of CartFlows version 1.3, we offer native integration.

Enabling Facebook pixel integration is very simple.

Go to CartFlows > Setting > Scroll down to 「Facebook Pixel Setting」

Click on the checkbox to enable and the setting will be displayed.

This is where you can enter your Facebook pixel ID and enable the events you would like tracked.

Save your settings and you are done.

Read More on –

How to Enable Facebook Pixel Support in Cartflows?

How to Solve the Never-Ending Loading Issue on the Checkout Page?

How to Solve the Never-Ending Loading Issue on the Checkout Page?

Are you noticing a Never Ending loading Icon on the CartFlows Checkout Page? Let us diagnose and resolve the issue –

Why does this error occurs?

This loading icon issue can be seen due to the following reasons –

Firstly, if you are using a firewall plugin.Next, if the hosting server is not allowing the request for pages other than WooCommerce.Or usually due to the Caching plugins or server-side cache.

In simple terms, what happens is that – whenever you are adding a product on the Checkout Page or making a transaction using the Payment Gateway or Changing the Address Fields.

In such scenarios, an Ajax request that is made to the server to fetch the data, receives and 403 error response i.e. not the expected response to complete the above process from the server.

As the website does not receive the expected response thereby failing to display the desired output.

Hence, you notice the a continuous loading icon.

What is the 403 Response Error?

Receiving a 403 response is the server telling you, 「I'm sorry. I know who you are – I believe who you say you are – but you don't have permission to access this resource. Maybe if you ask the system administrator nicely, you'll get permission. But please don't bother me again until your predicament changes.」In summary, a 403 Forbidden response should be used afterward, when the user is authenticated but isn't authorized to perform the requested operation on the given resource.

How to solve this 403 error?

Get in touch with your host and share the screenshot of the 403 error from the browser's console. Ask them to clear the cache of your server and exclude the CartFlows Pages from the cache.

What is the 「Refund Offer」 Feature in CartFlows?

What is the 「Refund Offer」 Feature in CartFlows?

CartFlows introduces the Refund Offer feature. This feature will be available in the CartFlows Pro version 1.5.3 and above. This will allow you to refund the offer products i.e the products Purchased / Sold from the Upsell & Downsell pages.

The Refund Offer feature will only work with the Payment Gateways supported by CartFlows. This includes PayPal, Stripe, Authorize.net payment gateway. 

This feature will not work with the offline Payment gateways such as Cash on Delviery, BACS, Cheque Payment gateways. 

How it works?

This feature will add a meta box to the following section – WooCommerce > Orders > Current Order.

You will see this meta box only if the Offer Product is purchased. Here in that meta box, the products which are purchased from the Upsell & Downsell pages will also be displayed as shown below.

Now, to refund the Offer Product you need to click on the Refund Button in front of the product which you want to refund. 

After, clicking on the Refund Button you will be asked to enter the refund reason in the popup. Enter the reason and click OK to proceed.

Now, the refund will be processed using the same Payment Gateway that was used while placing the order.

After successful completion of the refund, a popup will be displayed and an Order Note will be added in the respective order notes.

Once the product is refunded then the order will be updated and the refund information will be displayed on the same page as soon as the page is reloaded.

How to Setup Authorize.net Gateway for the Cartflows Upsell & Downsell?

How to Setup Authorize.net Gateway for the Cartflows Upsell & Downsell?

Currently, we have only added the Authorize.Net's Credit Card support in the CartFlows v1.5.1 for the Upsell & Downsell.

Let's see the steps to set up.

Pre-requisites

There are a few Pre-requisites like –

You need to create an Authorize.Net account. How to Setup? You can follow the steps here. Get the Transaction Key we will require in the next step.Next, you need to install and activate the official WooCommerce Authorize.Net Gateway plugin available on the WooCommerce store or from the official website.

Steps to Setup Authorize.Net in the WooCommerce Settings –

Step 1: From your WordPress Dashboard, go to – WooCommerce -> Settings -> Payments Tab -> Enable the 「Authorize.Net Credit Card」 option

Step 2: Now paste the Transaction Key copied while creating the Authorize.Net account here and Save the keys.

Important Fields in this section to be Set / Enabled –

Transaction Type: Here set the field as ChargeTokenization: This option has to be enabled for the option to be seen on Checkout, Upsell & Downsell Page of CartFlowsDebug Mode: This option should be set to Save to Log so that it can store any error logs

Step 3: Your Setup is complete, visit the Checkout page and you will notice the Credit Card fields for the payment provided by Authorize.Net.

Note: Your website should have an SSL configured and all the URLs should be forced to use HTTPS, otherwise your payment will not work and it will display such error messages.

What to Do if the Order Status is Stuck at MainOrderAccepted?

What to Do if the Order Status is Stuck at MainOrderAccepted?

Are you looking to find on why some of your orders have a MainOrderAccepted order status and a way to fix it?

The MainOrderAccepted order will be set after the purchase is made from the checkout page. This status means that a product has been purchased from the checkout page.

The order status MainOrderAccepted is set by the CartFlows when the main checkout product is purchased so this would delay the sending of the order delivery email by WooCommerce.

The reason behind that after the checkout page we will be displaying a new page which is Upsell or Downsell.

If the user abandons the checkout process by closing the Upsell / Downsell pages directly by closing the browser window then only the order status will be set as MainOrderAccepted.  Because the user has left the checkout process in-between the ongoing checkout process.

But to mark the order as complete CartFlows have set the WP cron, which will automatically mark the order as complete after 30 minutes of the order. So in your case that CRON is not working. 

To check whether the CRON is working you can install the WP Crontrol plugin which will verify its working. After installing the plugin you can search for the 「carflows_schedule_normalize_order_status」 cron name and check for the next run time.

If the cron is not registered then there might be a two possible cases and they are as follows:

First is that the plugin conflict: 

There might be some plugin restricting the execution of the CRON. To find it out, you can deactivate all the plugins except the WooCommerce, CartFlows and the Page Builder. Then place the test order and close the browser window as soon as you view the upsell/downsell page.Now, go to the WP-Crontrol plugin and check whether the CRON is set or not. If it is set then wait for 30 minutes.After 30 minutes, check whether the order status is updated to complete or not. If it changes then there is a conflict with one of the plugins.

Second is that the CRON service is disabled:

The CRON job is a service available on the hosting server. So, in that case you need to get in touch with the hosting provider and ask them to enable the CRON job service.This will automatically start the CartFlows CRON to work and your order will be marked as completed from now on. 

Note: In most of the cases, many hosting providers provide the Cron Job but it is disabled. They will enable it when the user asks for them to enable it.