We introduced a separate Cart Abandonment plugin. This is an optional feature that website administrators can choose to enable to disable. Abandoned cart emails very strongly fall under 「legitimate interest for data processing」, they do not require special consent.
In the CartFlows and CartFlows Pro version 1.7.0, we have introduced a new and most awaited feature that is Multiple Order Bump.
If you are a new user, then you can start building the order bump directly from step 1 and if you are an existing customer then follow the below steps to migrate the order bump.
From the CartFlows version 1.7.0, you can add multiple order bumps on one checkout page with multiple order bump styles. We have added a total of 3 new order bump styles.
To enable and start using this feature, you need to update the CartFlows free and CartFlows Pro version to the 1.7.0 or greater version and migrate the older Order Bump to New.
As soon as you update both of the plugins to the 1.7.0 version or greater. You will see the migration notice on the dashboard.
Once you see the migration notice, click on the Migrate Order Bump button and migrate the order bums. After migration, you are ready to use the multiple order bump.
This migration process will be carried out in the background and once it is completed, you will display the success notice.
Let』s see how to use and setup the multiple order bump.
Step 1: Navigate to the CartFlows -> Flows
Step 2: Open your flow in which you want to add/edit/update the order bump.
Step 3: Click the edit button of your Checkout Page.
Step 4: Navigate to the Order Bump tab and Click on Add Order Bump button to add multiple order bumps or click on Edit or on the name of order bump to edit the order bump
After Clicking on Add new Order Bump button, a popup will be displayed where you can provide your choice of name to the order bump to identify it letter use.
Step 5: After opening the Order bump you will get 4 Tabs and they are Product, Design, Content, and Settings.
After entering inside the order bump setting, you can change the name of the order bump in the same way you do for the steps.
The tabs provided in the order bump are as follows
Product Tab: Select the product and manage the discounts for that productDesign Tab : From this tab you can manage the design i:e look and feel of the Order Bump.Content Tab: From this tab you can manage the display content of the Order Bump.Setting Tab: From this tab you can manage the setting for that particular order bump.
Also, a new improvement is that you can preview the order bump design while designing and updating the content.
Step 6: Once you are done with the changes then it is mandatory to save each tab to save the changes by clicking the save changes button available at the bottom of each tab.
This update that is 1.6.12 is filled with more fixes and optimization on CSS delivery and generation.
So, to optimize the dynamic inline CSS delivery, we have come up with a new option for the shortcode of CartFlows pages.
This re-generate inline CSS option will only work for the CSS which is created from the Design Setting of the Steps for only the shortcodes.
Let's see how you can regenerate the CSS manually
This setting is located in the CartFlows Global Setting page. Below is the steps to regenerate the CSS.Step 1: Go to CartFlows -> Settings -> Other Setting TabStep 2: Click on the regenerate CSS button
So, how is this useful in the CSS delivery on the CartFlows pages?
This regenerating CSS option can be used if in case the changes in the design options are not reflecting on the frontend on the CartFlows pages.
This CSS is not customizable directly, because it is dynamically generated for each feature and page and it is generated from the design options provided in the backend setting of the checkout and optin page.
How does this feature work?
Before the 1.6.12 version, the CartFlows was creating and generating the dynamic CSS for each step at every page reload. Due to this, it was adding a little bit of loading speed impact on the CartFlows pages.
But here in this 1.6.12 version, this dynamic CSS will not be created/generated again and again at each page reload/load but it will be directly fetched from the page's metadata and will be added on the page in less time.
So, when the user makes the changes to the design settings of CartFlows pages, then this already generated dynamic CSS which is already present in the database will be deleted and fresh dynamic css will be regenerated & saved in the page's meta on the first load of that page.
Hint – You can CTRL / CMD + F to find your language
Language NameLanguage CodeWordPress Locale CodeAfrikaansafafAkanakakAlbaniansqsqAmharicamamArabicararArmenianhyhyAromanianruprup_MKAssameseasasAzerbaijaniazazAzerbaijani (Turkey)az-traz_TRBashkirbabaBasqueeueuBelarusianbelbelBengalibnbn_BDBosnianbsbs_BABulgarianbgbg_BGBurmesemyamy_MMCatalancacaCatalan (Balear)balbalChinese (China)zh-cnzh_CNChinese (Hong Kong)zh-hkzh_HKChinese (Taiwan)zh-twzh_TWCorsicancocoCroatianhrhrCzechcscs_CZDanishdada_DKDhivehidvdvDutchnlnl_NLDutch (Belgium)nl-benl_BEEnglishenen_USEnglish (Australia)en-auen_AUEnglish (Canada)en-caen_CAEnglish (UK)en-gben_GBEsperantoeoeoEstonianetetFaroesefofoFinnishfifiFrench (Belgium)fr-befr_BEFrench (France)frfr_FRFrisianfyfyFulahfucfucGalicianglgl_ESGeorgiankaka_GEGermandede_DEGerman (Switzerland)de-chde_CHGreekelelGuaranígngnGujaratigugu_INHawaiianhawhaw_USHazaragihazhazHebrewhehe_ILHindihihi_INHungarianhuhu_HUIcelandicisis_ISIdoidoidoIndonesianidid_IDIrishgagaItalianitit_ITJapanesejajaJavanesejvjv_IDKannadaknknKazakhkkkkKhmerkmkmKinyarwandakinkinKirghizkyky_KYKoreankoko_KRKurdish (Sorani)ckbckbLaololoLatvianlvlvLimburgishliliLingalalinlinLithuanianltlt_LTLuxembourgishlblb_LUMacedonianmkmk_MKMalagasymgmg_MGMalaymsms_MYMalayalammlml_INMarathimrmrMingrelianxmfxmfMongolianmnmnMontenegrinmeme_MENepalinene_NPNorwegian (Bokmål)nbnb_NONorwegian (Nynorsk)nnnn_NOOriyaoryoryOsseticososPashtopspsPersianfafa_IRPersian (Afghanistan)fa-affa_AFPolishplpl_PLPortuguese (Brazil)pt-brpt_BRPortuguese (Portugal)ptpt_PTPunjabipapa_INRohingyarhgrhgRomanianroro_RORussianruru_RURussian (Ukraine)ru-uaru_UARusynruerueSakhasahsahSanskritsa-insa_INSardiniansrdsrdScottish GaelicgdgdSerbiansrsr_RSSindhisdsd_PKSinhalasisi_LKSlovaksksk_SKSlovenianslsl_SISomalisoso_SOSouth AzerbaijaniazbazbSpanish (Argentina)es-ares_ARSpanish (Chile)es-cles_CLSpanish (Colombia)es-coes_COSpanish (Mexico)es-mxes_MXSpanish (Peru)es-pees_PESpanish (Puerto Rico)es-pres_PRSpanish (Spain)eses_ESSpanish (Venezuela)es-vees_VESundanesesusu_IDSwahiliswswSwedishsvsv_SESwiss GermangswgswTagalogtltlTajiktgtgTamazight (Central Atlas)tzmtzmTamiltata_INTamil (Sri Lanka)ta-lkta_LKTatartttt_RUTeluguteteThaiththTibetanboboTigrinyatirtirTurkishtrtr_TRTurkmentuktukUighurugug_CNUkrainianukukUrduururUzbekuzuz_UZVietnameseviviWalloonwawaWelshcycyYorubayoryor
Coupons are a great business tool for offering discounts to your customers. This is a good strategy to increase your sales.
When you offer a Coupon Code and customers apply it at the Checkout Page or it's automatically applied, the discount value (amount or percentage) of the coupon code will be deducted from the subtotal.
Enabling the Use of Coupons
To add coupons on your online store, make sure that it is enabled in your WooCommerce Settings. From your WordPress dashboard, go to WooCommerce > Settings.
In the General Options section under the General Tab, tick the Enable the use of coupon codes checkbox.
Adding Coupons
You can create coupons from WooCommerce > Coupons. Click on the Add Coupon button.
You can create your own coupon code name or generate a coupon code by clicking on the Generate coupon code button. You can add a description of your discount if you want. This helps you remember what the coupon code is for.
In the Coupon Data section, you can configure the settings of your coupon code.
General
Discount type – Select whether the coupon is a percentage discount, fixed cart discount, or fixed product discount.Coupon amount – Enter the fixed value or percentage of the discount.Allow free shipping – Tick the checkbox if the coupon removes the shipping cost.Coupon expiry date – You can set an expiration date for the validity of the coupon.
Usage Restriction
Minimum spend – minimum subtotal allowed to use the coupon.Maximum spend – maximum subtotal allowed to use the coupon.Individual use only – Tick the checkbox to prevent customers from using multiple coupons at once.Exclude sale items – Tick the checkbox to exclude products that are already on sale.Products – Select specific products where the coupon can be applied.Exclude products – Select specific products where the coupon can not be applied.Product categories – Select specific categories where the coupon can be applied.Exclude categories – Select specific categories where the coupon can not be applied.Allowed emails – Add specific email addresses that are allowed to use the coupon.
Usage Limits
Usage limit per coupon – Set the number of times that a coupon can be applied.Usage limit per user – Set the maximum number of times that a customer can use the coupon.
Once you've completed the setup of your coupon, simply hit the Publish button.
To learn more about the Coupon Code configurations, visit this link.
Applying Coupon in the CartFlows Checkout Page
There are two ways that a coupon can be applied to a Checkout Page.
A customer enters the coupon code in the Coupon Field.The coupon code is automatically applied.
To edit your checkout page, from your WordPress dashboard, go to CartFlows > Flows. Select a Flow, then click on Edit.
Click the corresponding Edit link for the Checkout Page.
Manual Application of the Coupon Code
Scroll down to the Checkout Layout section. In the Checkout Fields tab, make sure that the Enable Coupon Field checkbox is ticked. Click Update.
This allows the customer to manually enter a coupon code in the checkout page.
Automatic Application of the Coupon Code
You can set a specific coupon in the checkout page so that the customers do not need to enter a coupon code and it automatically discounts the product.
In the Select Product tab, select a coupon in the Apply Coupon field. Click Update.
You might also want to disable the Coupon Field by deselecting the checkbox in the Checkout Fields tab.
This automatically calculates the discount and the customer cannot add another coupon code.
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.
Have you ever faced issues while creating Optin Form for Lead Generation like Errors, unnecessary fields, etc?
We bring to you the CartFlows Optin feature which will resolve these issues and make it easier to use the respective Optin like MailChimp with CartFlows.
Let's dive further and see how we can create Optin Flows –
What is CartFlows Optin?
CartFlows Optin is a new Step Type that will allow users to create sales funnel majorly for lead Generation.
How to Import / Create the Optin Step?
To import the Optin Step you need to be on the CartFlows v1.4.0 and above.
Let's see the steps to import the Optin Step –
Step 1: Go to Dashboard > CartFlows and edit your Flow and import the Optin Step Type from the Ready Templates or under Create Your Own -> Select Optin Woo
Step 2: Now, edit the Optin Step
Step 3: Select a Product that must be Virtual / Downloadable and priced at zero ( 0 ) value.
Step 4: That's it! Once the user lands on the landing and reaches the Optin step and fills out the fields his details will be mapped to the mailer.
Note: The Users will be able to insert custom Form Fields only if he is using CartFlows Pro version.
What Is the Major Use of the Optin Step?
The main goal to introduce the Optin Step type is to create a lead generation funnel. You can use it to generate leads by selling a simple virtual product having zero ( 0 ) price value.
Related Articles:
How to Pass Variable as Query Parameters to URL? How to Resolve the following error – 「Please select a Simple, Virtual and Free product」?
In this article, we will see how to create Subscription Products with WooCommerce and on how you can effectively sell them using the CartFlows.
What is Subscription Products?
「Subscription Products are the products where a customer must pay a subscription price to have access to the product or service that they are purchasing and it is billed on a recurring schedule such as Per Day/Monthly/ Yearly subscriptions.」.
In CartFlows, you can sell the Subscription Product but first you need to create a subscription product using WooCommerce.
How to Create Subscription Products?
To create a Subscription Product you need the official subscription plugin by WooCommerce. The official plugin is 「WooCommerce Subscriptions「. You can download the official plugin from this link.
To create a Subscription Product you can go through this easy and user-friendly WooCommerce article: https://docs.woocommerce.com/document/subscriptions/store-manager-guide/
How to Assign the Subscription Products on CartFlows Pages?
Now, after creating a Subscription Product in WooCommerce, you want to sell it from CartFlows and for that, you will need to select that Subscription Product in the backend settings of the CartFlows Checkout page. Below are the steps using which you can select the Subscription Products on the Checkout and Upsell & Downsell pages.
Step 1: Navigate to the CartFlows -> Flows -> Your_flow
Step 2: Click on the Edit button on the checkout / Upsell / Downsell page or where you want to select the Subscription Product.
Step 3: Navigate to the Select Product Tab and search for the Subscription Product.
Step 4: If you have selected the multiple simple subscription or variable Subscription Product then enable the Product Options
Step 5: Enable the variation option to display the multiple product selection choice on the checkout page.
Note: If you have selected the product on the Upsell & Downsell pages then use the shortcodes to display the product variation on these pages. Refer to this article for the shortcodes.
Step 6: Click the Update button to update the page.
That's it! You have successfully set up the Subscription Product which you can use on the CartFlows pages.
From v1.3.2 of CartFlows Pro, we are providing a new option – Collapsible Options fields
What Does This Option Do?
This option once enabled will hide the respective option fields under their parent option fields.
Note: You need to have the Custom Field Editor option enabled to use this option.
Where to Find this Option?
You will need to edit the Checkout page under the WordPress Dashboard > Flows > Flows Settings.
Now, under the Checkout Layout section > Checkout Fields
Let's see how we can enable this option –
Firstly for the field to Collapsible you need to make sure the fields are not marked as required.
Next, you enable the Collapsible checkbox after that Save/Update the changes and you have made your option field collapsible.
How to Make the Coupon and Additional Fields Collapsible?
To make the Coupon Field and Additional Field collapsible you will firstly need to enable the Enable Coupon Field and Enable Additional Field. Right under the setting, you will see the option to enable Collapsible Coupon Field.
CartFlows version 1.5.9 introduces the feature to set Quantity and Discount for products on the Checkout page.
Now, the Product Quantity and the Discount type options will give you the flexibility to set the Quantity & the Discount to each product that you have selected in the backend setting of the checkout page.
The Product Quantity option will let you add the pre selected quantity for the same product that you have selected and the Discount type option will let you set the discount to the same product that you have selected.
With the help of this, you can even add a discount on the bulk quantity of the product. Such as you are selling a product, Let』s say Product 「A」 and you want to give the discount only if the 2 quantity is purchased. So, in this case, you can set the quantity to 2 & provide a discount for it.
So, to set this option please navigate to the CartFlows -> Flows -> your_flow -> Click on edit button on Checkout Page -> Select Product Tab-> Open the Product』s options by clicking on the small downward arrow.
The Product Quantity that you have set in the backend setting of that product will be displayed on the checkout page automatically and if the user tries to update the quantity for that product from the checkout page then it will be increased by the same quantity that you have selected in the backend setting.
The Discount type option three more options in the dropdown list. They are as follows:
Original: If this option is selected, then not discount will be applied.Discount Percentage: If this option is selected, then the value that you have set that much percentage of discount will be applied to the product.Discount price: If this option is selected, then the value that you have set that much fix price of discount will be applied to the product.
This Product Quantity & Discount Type will be displayed and added directly on the CartFlows Checkout page only, If the same product having the quantity and discount pre-selected from the cart page when you have set the Global Checkout then the CartFlows discount setting will be added on the amount that is received from the Cart page.
Use cases:
You can use it to give a discount on bulk quantity. For example. Buy 2 get 20% OFF.If you have added the sale price to the product from the WooCommerce then the CartFlows setting will apply the discount on the sale price. If you have applied the coupon from the checkout page setting or from the coupon field then that coupon will be applied to the cart.
