How to Resolve 「No product is selected…」 error message?

How to Resolve 「No product is selected…」 error message?

In this article, you will get to know how to resolve the error message that you are currently facing on your checkout page –

The meaning of this error message is, there is no product selected in the backend settings of the CartFlows Checkout page and the same checkout page is opened directly via URL / Link / Permalink.

Now, if you open the checkout page with this setting then you will see the 「No product is selected. Please select products from the checkout meta settings to continue」 error message on the checkout page.

To solve this error message you need to make sure the flow is in the Test Mode or select the product in the backend setting of the Checkout Page.

How to Resolve Page Not Found Message on CartFlows Checkout Page During the Payment?

How to Resolve Page Not Found Message on CartFlows Checkout Page During the Payment?

Are you getting the 「Page Not Found」 error message on the checkout page of CartFlows during processing the payment?

Below we will see the reason and how it can be resolved –

Most of the payment gateways use the default WooCommerce Checkout Page to display the payment gateway』s payment form and use the order-pay as an endpoint for the payment process.

When the user proceeds for the payment from the CartFlows checkout page and redirects to the WooCommerce』s checkout page to add the payment information. If the default WooCommerce』s Checkout page is not created on the website and not selected in the WooCommerce』s setting then this 「Page Not Found」 error message will be displayed.

To fix this, you just need to create the WooCommerce』s checkout page and select it in the WooCommerce -> Settings -> Advanced Tab -> Under Page setup section.

This article will help you to create default pages of WooCommerce.

How to Set Default Product in Product Options

How to Set Default Product in Product Options

We have introduced a new feature that will provide more flexibility in the product options while adding multiple products on the checkout or give options to select the product as per the user』s choice.

So to achieve this in a very minimal effort and setting, we have introduced one option through which you can decide which product you want to add in the cart for checkout from all of the selected products.

There are two ways, in which you can decide which product should be displayed selected in the product options on the checkout page.

Using the option from the checkout page setting.Using a URL parameter.

Let's see those ways one by one.

1. Using a option in the backend setting of the checkout page.

This option is helpful when you have more than one product selected and want to display only one product as selected on the checkout page of the CartFlows.

Let』s see how you can use this feature and achieve your requirements.

Step 1: Navigate to the CartFlows -> FlowsStep 2: Open your flow in which you want to set this setting

Step 3: Click the edit button of your Checkout Page.

Step 4: Navigate to the Product』s tab and select the Products first and enable the Product』s options setting

Step 5: After enabling the product』s options, select the checkbox/radio buttons in front of the product name to select and add them in the checkout page and display them as selected.

Step 6: Done. Save the setting and view the page.

2. Using a URL parameter

Suppose, you have multiple products selected on the checkout page and wanted to display only one product as selected among all of them on the basis of the user's choice, then this URL parameter will help you.

To use this feature, you have to simply add the wcf-default=1 in the URL of the checkout page while redirecting from the landing page or from any other page. Here, the wcf-default is the name of the parameter, and 1 is the sequence number of the product displayed in the product options.

Here is how your checkout page URL should look like after adding the wcf-default parameter.

www.yourdomain.com/checkout-page/?wcf-default=1

You can add this link to any of the button or to a anchor tag to redirect the user to the checkout page as per the product selection.

Some Comman Questions. (FAQs)

Q. Will this option and the URL parameter will work for the variation as well as simple product types?Ans: Yes. It will work for both of the poduct types. But while using the URL parameter, you need to use the sequance of the product which you want to display as selected. Suppose, you want to show third product as selected then you need to set the wcf-default=3

Q. Can I use both the option and the URL parameter at the same time?Ans: Yes. You can. But it will display the latest selection on the checkout page.

Steps To Renew Your CartFlows Pro Expired License

Steps To Renew Your CartFlows Pro Expired License

We』re so glad you decided to continue using CartFlows Pro by renewing your expired license.

Renewal is easy and straightforward. Just follow the steps below and you can continue to use CartFlows Pro to boost your conversions.

Step 1 – Login to your account and visit the Subscriptions page – https://my.cartflows.com/subscriptions/

Step 2 – View subscription you』d like to renew

Step 3 – Click on the Resubscribe button

Step 4 – Enter coupon code, if any, on the checkout page and hit Resubscribe at the bottom.

CartFlows Dynamic Offers aka Rule Engine.

CartFlows Dynamic Offers aka Rule Engine.

In the latest 1.8.0-beta-1 version of the CartFlows and CartFlows Pro, we have introduced a new feature known as Dynamic Offers aka Rule Engine.

Note: We are deprecating the Next-Step redirection option from Order Bump in the next major update. As we have introduced Dynamic Offers, you can now set the conditional redirection with more robust conditions.

Using this feature, you can set the custom redirect conditions on the checkout page to display the upsells/downsells on the basis of conditions.

For these conditional redirects, we have added many useful conditions using which you can easily achieve your requirements of showing the upsell/downsells with conditions.

In this Dynamic Offers, we have introduced grouping of the conditions, which will provide you the ease of access while setting multiple conditions and a way to group each other.

So, you might be wondering what the groups are? 

The simple explanation is that the Groups are the list of combinations of one or more conditions. In each of the groups, one condition is in the AND relation with another condition and each group is in the OR relation of another group as showing in the below Image.

You can re-order the groups according to your needs or if you want to prioritize the conditions on the checkout page. To re-order the groups, simply drag-drop the groups just like you do in the CartFlows Custom Field Editor.

Let』s see how to use this feature and its setup.

Once you update the CartFlows or install the 1.8.0 Beta version, you will get two new menus.

Dynamic Offers menu in CartFlows Checkout Setting pageCanvas menu in Flow where all of the steps are listed.

Let』s see the Dynamic Offers menu

Here is how to set up the rules.

Step 1: Navigate to the CartFlows -> Flows

Step 2: Open your flow in which you want to add/edit/update the conditions.

Step 3: Click the edit button of your Checkout Page.

Step 4: Navigate to the Dynamic Offers Menu.

Step 5: Click on the Checkbox to enable the Dynamic Offers setting and click on a small icon to see the conditions.

Step 6: Select condition, relation and compare to option to set one condition.

Step 7: Click on Add Condition button to add more condition rows.

Step 8: Click on Add Dynamic Offer to add more conditions groups.

Step 9: Click the save changes button to save the conditions.

If you want to prioritize the conditions, then drag-and-drop the groups up/down to re-order them. It is not possible to move or drag-and-drop one condition row from any of the groups and add it to another group.

You need to remove/delete that condition row and simply add it again in the second group.

Once you are redirected to desired upsell/downsell pages, you can still use the conditional redirect options on upsell/downsell for the further redirect to complete the flow.

If all of the applied conditions groups are failed or are simply not matched with the user case, then you can set a default redirect that can be used by all types of users on the store.

Let』s see what is Canvas and what is it for?

In the latest update, the new menu is introduced in the Flow named 「Canvas」.

This canvas will give you a visual representation of the rules that you have added on the Checkout page.

Currently, this canvas is just for a visual representation of flow』s steps after applying the rules but in the future, it may be used to manage the Flow, and it』s a step with redirection from that single page. 

There are few buttons on the canvas and they are as follows:

Zoom-InZoom-OutFit to ScreenFull Screen

Along with the canvas, if you press the control button and scroll up or down with the mouse wheel button it will also trigger the Zoom-in & Zoom-out features but it is for quick 0% to 100% zoom for ease of access.

While viewing the canvas in the fullscreen mode, you can click on the same button to close the fullscreen mode or simply press the control (ctrl) button from the keyboard to close the fullscreen mode.

The fit-to-Screen button will align your flow representation in the center of the canvas for full view.

Few Common Questions (FAQs)

Q- Can this be used for the pre-checkout and order bump products?Ans – Yes. It will automatically be applied to the Pre-checkout and order bump features. You need to set the product-specific conditions in the CartFlows Dynamic Offers aka Rule Engine.

Q- Can the same conditions be applied on the Upsell/Downsell pages just like the checkout page?Ans – No. These conditions are introduced for the checkout page of CartFlows. For upsell/downsell conditional redirects, we already have such a feature. Here is the article for the same.

Q- What if I set the conditions on the Checkout page as well as set the Order Bump Conditional redirect which feature will work?Ans – In this case, the Conditions added on the checkout page will be applied and used. In future updates, we will be deprecating the Order Bump Conditional Redirect feature as we have introduced the conditional redirect feature on the checkout page.

Q- Can I use A/B split test with this condition-based feature?Ans – Yes. You can use A/B split testing.

How to Download and Install CartFlows Beta Versions?

How to Download and Install CartFlows Beta Versions?

While working on a major update for the CartFlows, we make it a point to release a few beta versions before the final stable product. You can try the new features, test, and share feedback, with the beta version.

We strongly recommend you to use the beta version of the plugin in a test environment only. Do not use it on a live site.

Since it is a beta version it may further come in multiple minor updates until we are perfectly sure of releasing the final version.

Things You Should Know Before Using the Beta Version

Beta releases contain the early versions of a major update. They might be released a couple of weeks or a few days before the final version. Although we make sure every version offered to you is tested, there might be some minor bugs that need to be worked on.

During the beta phase, there is a freeze on a code. This means that only the present errors and bugs will be fixed. Apart from these, any feedback requesting for a new feature will be considered only in the next major update.

Where Can You Download the Beta Version?

When beta versions are available, you can download them from your Store Account. You will find zip files for the plugin beta version.

How Can I Install a Beta Version?

You can install and get going with a Beta version in 3 easy steps.

Download the beta version from your Store Account.Now install downloaded beta version like any other plugin.Make sure CartFlows and CartFlows Pro are at latest version

How to Resolve Stripe Payment Gateway Icons Displayed in Large Size and Credit Card Fields are not Editable?

How to Resolve Stripe Payment Gateway Icons Displayed in Large Size and Credit Card Fields are not Editable?

In this article, we will help you to understand and fix the issue with the Cart Icons displaying in Large Size and the Card Fields are not editable for the Stripe Payment gateway.

There could be several reasons for this unexpected behavior. The main reason behind this issue is that the Checkout page and the Stripe』s Ajax call to get the CSS & the card fields get cached at the local & the server-side. 

As the stripe』s Ajax call is cached then the website sends the request to get the data it receives the 403 response error. 

You can find this 403 response error message in the browser』s console area. To view the console area you need to follow the below steps.

Open the page where these issues are occurringRight click the the mouse button on that page and select the inspect optionNow, select the Console tab from the opened inspector tool

Due to this 403 response error, the stripe』s JS is not fully loaded and thus does not returns any CSS file which has the CSS for the card icons and the HTML of the card fields. So, as there is no data the response is not correctly evaluated by the website it thus generates these issues on the Checkout Page.

There could be other reasons behind this issue and they are as follows –

Using a firewall plugin: Sometimes, the firewall may block the request/response if it finds any suspicious activity.The host/server is not allowing that request for other pages than WooCommerce: CartFlows page is a custom checkout page which is not the WooCommerce』s checkout page. So, usually, all the hosting providers have already excluded the default checkout page from the restriction but not the CartFlows. So you have to exclude it from the cache and other settings manually or by contacting the hosting provider.Not using the correct Cache plugin or Cache setting: Cache is a crucial part of any website. It helps websites to load faster but if that plugin is caching the dynamic pages such as cart, checkout, and the dynamic data calls then this should be excluded. Here is the article for disabling caching.Conflict with one or more plugins: If all of the above options did not solves the issue then it can be a conflict with the plugin or theme. To find out the conflict you can follow these troubleshooting steps.

Common Questions!

What is a 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 just 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.」

What to do if the issue is not solved?

If you have cleared the cache and excluded the CartFlows Checkout page from the server as well as a local cache and still facing the same issue then please follow the below steps.

Open the page in the new tabOpen the inspect element on that page and go to the Console tab of it.Check for any possible JS error if any.Check the file name from which the error is coming by hovering on the error or else there will be files mentioned for reference.Contact the particular author of the plugin or open a support ticket from the CartFlows website.

Note: As the Payment Gateway requests are dynamic and used to fetch the fresh data for the current user that is why they are not cached.

Abandoned Orders Not Capturing [Cart Abandonment]

Abandoned Orders Not Capturing [Cart Abandonment]

Is your Cart not capturing Abandoned Orders?

Here in this article, we will find out how to resolve the issue of Woocommerce Cart abandonment Recovery plugin not capturing the abandoned carts.

Generally, this issue is may occur due to the disabled WP CRON.

What is WP CRON?

WP-CRON is how WordPress handles scheduling time-based tasks in WordPress. It's normally used to schedule a job that is executed periodically. WordPress comes with its own CRON system which allows it to perform scheduled tasks.

Refer to this article for more information on WP CRON.

Why CRON is necessary for the plugin?

WooCommerce Cart abandonment Recovery plugin needs the CRON to capture the Abandoned Cart Orders and mark as Abandoned. 

The plugin has the cron job named as  『cartflows_ca_update_order_status_action'. This cron job runs after every fifteen minutes and checks if the order is completed or not and sets the order status accordingly. 

If you have disabled the WP CRON job from your site then it will not be able to capture the abandoned orders. So you need to enable it or you need to add the external cron job with cPanel.

How to add the CRON job using the cPanel?

Here are some articles and video that will explain how to add CRON using cPanel.

https://hostadvice.com/how-to/how-to-setup-cron-jobs-on-cpanel/https://www.greengeeks.com/tutorials/article/set-up-cron-jobs-cpanel/https://www.youtube.com/watch?v=YwpUjz1tMbA

Related Docs –

Cart Recovery Emails not Sending

CartFlows Tutorial Video

CartFlows Tutorial Video

Welcome to the CartFlows. In this article, we have added our extended video of CartFlows. This video will help you get all ideas about the working of CartFlows and will provide more information about CartFlows.

In this tutorial video, we will walk you through the following points:

All the settings in CartFowsCreating productsCreating your first flowHow to use CartFlows with your page builderLanding page step tutorialCheckout page step tutorialUpsell page step tutorialDownsell page step tutorialThank you page step tutorialUsing CarFlows templatesAnd more…

Note: This is not a How-to video this is more an overall tutorial of CartFlows and it's working.

Placing Shortcode In The Right Places

Placing Shortcode In The Right Places

When you create a flow using the Ready Templates, the next step link or the shortcodes are automatically added to the call to action buttons or links.

But, if you want to edit the flow or create your own, you can simply copy the link or the shortcodes in the page settings and paste it in your desired area in the page.

Note: Each step has its own shortcode and each shortcode will only work inside of that step. If you add the shortcode to a different page, it won't work :-).

From the WordPress dashboard, edit a Flow from CartFlows > Flows. To edit each step, simply click its corresponding Edit button.

Landing Page

When you edit the Landing Page step, scroll down below and you'll find the Landing Page Settings. In the Shortcodes option, there is the Next Step Link which you will use to add in the call to action button to redirect your customer to the Checkout Page or to the next step of your flow.

Copy this link, edit your page, and paste the link to your call to action button.

Checkout Page

When you edit the Checkout Page step, scroll down to see the Checkout Layout section. In the Shortcodes menu, you'll find the Checkout Page shortcode which you can add to your checkout page.

Simply copy the shortcode, edit the Checkout Page, and add the shortcode anywhere on the page. This displays the customer information form, the order details, and the purchase button.

Thank You Page

When you edit the Thank You Page, scroll down to see the Thank You Page Settings. In the Shortcodes menu, you'll find the Order Details shortcode that you can add to your Thank You Page to display the product purchased by your customer. You can also add other elements such as video/image or social media buttons, depending on your preference.

Note: Each step has its own shortcode and each shortcode will only work inside of that step. If you add the shortcode to a different page, it won't work.