How to Add the Custom Support of any Payment Gateway for One-Click Upsell & Downsell in the CartFlows?

How to Add the Custom Support of any Payment Gateway for One-Click Upsell & Downsell in the CartFlows?

In this article, we will see the step-by-step guide to add your Custom Support for your Payment Gateway in the CartFlows for the Upsell & Downsell.

To add the custom support of your Payment Gateway below are the few simple steps to follow –

Step 1: Adding the Class & file name in the CartFlows gateway』s library.

In this step, you need to decide the file name and the Class name which you want to use in the Custom Support for your Payment Gateway. After deciding the name of the file & class you need to add those names in the CartFlows Gateway library.

To add it navigate to the CartFlows Pro』s directory then into Classes folder and open a class-cartflows-pro-gateways.php file.

Now, find the function named as 「get_supported_gateways」 and add your class & files name in the already provided array. OR you can use the following filter to add your class & file name without touching the CartFlows Code.

add_filter( 'cartflows_offer_supported_payment_gateways', 'your_function_name' );

/**
* Add new payment gateway in Supported Gateways.
*
* @param array $supported_gateways Supported Gateways by CartFlows.
* @return array.
*/
function your_function_name( $supported_gateways ){

$supported_gateways['payment_gateway_slug'] = array(
'file' => 'yourfilename.php', // Your Custom code's file name
'class' => 'YourClassName', // Class name used in the Custom Code's file.
);

return $supported_gateways; // Adding the payment gateway name.
}

Step 2: What to write in the custom code』s file

Create a function named as 「process_offer_payment」. This function will be called automatically by the CartFlows in order to process the charge for Upsell & Downsell if they are accepted by the user. 

So, all your business logic should be added in this function.

Step 3: Add your custom code』s file at the right place

To add the custom code』s file where you have written the code to add the support for Upsell & Downsell. So navigate to the cartflows-pro/modules/gateways directory and place your file. 

For the reference on what is written in the 「process_offer_payment」 function you can take a look at the other payment gateway files that are currently available in the cartflows-pro/modules/gateways directory.

In this way you can add your payment gateway』s Custom Support in the CartFlows so that you can add the support for Upsell & Downsell.

Shortcode Reference for Email Fields in Cart Abandonment

Shortcode Reference for Email Fields in Cart Abandonment

We have listed down all the Email Fields with shortcodes, which can be used to add or remove required fields in the Emails –

Sr.No First Name Shortcode Description 1Admin Firstname{{admin.firstname}}It displays the name of the shop owner or an administrator.2Admin Company{{admin.company}}It displays the name of the shop or company.3Abandoned Product Details Table{{cart.product.table}}It displays the details of products that were abanded with Product name, Product image, Quantity, Price and Line subtotal in table format.4Abandoned Product Names{{cart.product.names}}It displays only product names that were abandoned. 5Cart Checkout URL{{cart.checkout_url}}It is the URL that redirects to the checkout page.6Coupon Code{{cart.coupon_code}}It is the coupon code that can be used on the checkout page for the discount.7Customer First Name{{customer.firstname}}It displays the First name of the Customer.8Customer Last Name{{customer.lastname}}It displays the Last name of the Customer.9Customer Full Name{{customer.fullname}}It displays the Full name of the Customer.10Cart Abandonment Date{{cart.abandoned_date}}It displays the date on which the cart is abandoned.11Site URL{{site.url}}It displays the Main Site URL of the shop or company.12Unsubscribe Link{{cart.unsubscribe}}It allows customers to unsubscribe from the email of cart abanded. If a customer unsubscribes from this link then they will not receive future emails for an abandoned cart.

CartFlows Step Types

CartFlows Step Types

A flow is a series of steps. There are specific step types that have features available to them. 

Here are the available step types to choose from.

Landing Page Step

The Landing Page step is ideal for any type of landing page or lead gen page. A flows can have multiple Landing Page steps. 

Checkout Step

The checkout page is where your buyers can place their order. It will have options to link it to a product, add an upsell (pro), adjust the available fields (pro), and style the form. A flow can have only 1 checkout step.

Upsell Step (pro feature)

The Upsell step can only be placed after the checkout step. After the buyer places their order on the checkout step, if there is an upsell step, they will be directed there. This is the step where you can make an additional offer to the buyer. A flow can have more then 1 upsell step.

Downsell Step (pro feature)

The Downsell step can only be placed after the upsell step. When the buyer is on the upsell step they are given an option to accept it or decline, if there is an downsell step, they will be directed there if they decline the upsell. This is the step where you can make an additional offer to the buyer. A flow can have more then 1 downsell step.

Optin Woo (New) Free/Pro

The Optin Step type can only be placed between Landing Step and Thank You Step. Basically this Step will help to generate leads so here we need to provide Simple Virtual / Downloadable products priced at zero value. On reaching this step from the Landing page, the user will enter the details and gain access to the product as provided. If you need to insert more custom fields you will need CartFlows Pro.

Thank You Step

This is the last step in a flow. If using the checkout step in your flow, this is where you can display the order details. The Thank You page step is a great place to give your buyers instructions on the next actions you want them to take.

How To Enable ActiveCampaign With CartFlows?

How To Enable ActiveCampaign With CartFlows?

Using CartFlows with WooCommerce enables you to integrate your marketing automation tools. If you're using ActiveCampaign, depending on which plan you purchase, you'll be able to integrate WooCommerce with it.

If your ActiveCampaign Plan is either Plus, Professional, or Enterprise, integration with WooCommerce is supported.

Here is the link on how to setup WooCommerce Integration with ActiveCampaign.

If your ActiveCampaign Plan is not supported, you might want to try the following alternative marketing automation tools.

Zapier for WooCommerceWPFusion

How to Enable Webhooks in WooCommerce Cart Abandonment Recovery Plugin?

How to Enable Webhooks in WooCommerce Cart Abandonment Recovery Plugin?

Firstly, let us first understand the Webhooks. What are Webhooks? Let's say you are at an ATM making a Withdrawal and after a successful withdrawal transaction, you receive an automated debit message.

Here Webhooks is the method used to deliver this automated message when you make this transaction.

So in simpler terms, Webhooks listens for an event and performs certain actions like sharing a coupon code with the abandoned users or notifying the users, etc.

How Webhooks work in Cart Abandonment Plugin?

Let's start with enabling the Webhook under the WordPress Dashboard > WooCommerce > Cart Abandonment > Settings > Webhook Settings.

Now, imagine a scenario in which the Customer has Abandoned the Checkout process, and we have also enabled an option to send the customers an auto-generated special coupon code.

Here you can either provide a percent discount or a fixed discount on the cart amount. And here you can also set a coupon expiry timer.

Here's a video of how you can set up Webhook on your end –

Also, here are the steps followed in the above video to fetch the Webhooks –

Step 1: Visit and login to the Zapier website.

Step 2: Go to the My Zaps tab next to the Dashboard tab below the Zapier logo.

Step 3: Click on the Make a New Zap button and then you need to search and select Webhooks by Zapier under the Choose App & Event.

Step 4: When you select the Webhooks by Zapier option you will see the option to Choose Trigger Point > Catch RAW Hook and click on CONTINUE.

Step 5: After clicking on Continue, you will need to copy the URL under the Webhook URL for Webhooks by Zapier.

Now paste the Webhook URL under the Webhooks Settings of the Cartflows settings which we enabled in the initial step.

Step 6: By clicking on Trigger Sample, you can even Trigger a Sample and verify the details by going back to the Zapier screen and click on Test & Review button.

You can review the webhook data as shown below –

Step 7: Now, we need to choose an action on which the Webhook will perform certain actions and Choose an action event like Send Email.

Step 8: If you have enabled the Create Coupon Code, your abandoned customers will receive an email with the coupon providing a discount.

Note: You can create different listeners and perform various actions as per your requirement.

How To Add An Affiliate Program?

How To Add An Affiliate Program?

Any affiliate plugin that works with WooCommerce will work with your CartFlows based website.
We use AffiliateWP found at https://affiliatewp.com
There also several free options such as https://wordpress.org/plugins/affiliates-manager/

How to Translate the CartFlows Plugin with TranslatePress?

How to Translate the CartFlows Plugin with TranslatePress?

With the recent TranslatePress update v1.5.6, you can now translate Flows using the TranslatePress plugin.

You can follow the steps mentioned to achieve this requirement –

Step 1: Settings for the TranslatePress Plugin

Go to WordPress Dashboard > Settings > TranslatePress > General TabAdd the new languages that you wish to translate your website in under the All Languages tab.

Step 2: Translate the CartFlows Pages

Step 1. Open the Step/page of the CartFlows that you want to translate

Step 2. Click on the Translate Page button on the admin bar. 

Step 3. Click on the strings that you want to translate.

Step 4. Add your translated string and click the save button.

Or refer to the following video to see how you can do this –

How To Hide WooCommerce Pages & Products?

How To Hide WooCommerce Pages & Products?

When using CartFlows you may want to hide the products that you are selling inside of your flows or hide your WooCommerce shop page altogether.
This is quite easy to do.
To hide individual product pages:

Click on edit for 「Catalog visibility」 settings
Choose Hidden
Click on OK
Click on update

 
To hide the WooCommerce shop page:

Unassign shop page from WooCommerce: https://docs.woocommerce.com/document/woocommerce-pages/
Delete the shop page from your pages