Let’s get started.

Pre-requisites –

There are few Pre-requisites like –

• You need to create a Snapchat ADs account.. Haven’t Setup yet? – follow the steps here
• Next, you need to get the Snapchat ID, follow the steps here.
• Copy the Snapchat ID, you will need to paste it in the CartFlows Settings

Steps to Add Snapchat Pixel ID in the CartFlows Settings –

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

Step 2: Scroll down to the Snapchat Pixel Settings and enable the option – Enable for CartFlows pages.

Step 3: Now, you will see a field to insert the Snapchat pixel ID. You can paste your Snapchat ID there.

After adding the pixel ID you can enable the option to add the Snapchat Tracking code to enable the Snapchat Tracking Code on the whole website.

Step 4: Next, you can enable the Events which CartFlows provides, they are –

• Begin Checkout
• Add To Cart
• Add Payment Info
• Purchase
• Subscribe
• Optin Lead

Step 5: Just Save the Changes and you have successfully added Snapchat Pixel for the CartFlows.

This documentation explains how to set up and enable Pinterest Pixel tracking in CartFlows.

Prerequisites

Before you begin, make sure you have:

• A Pinterest Business account. Learn how to create one here.
• Your Pinterest Tag ID. Find your Tag ID here.

How to Enable Pinterest Pixel Tracking

1. Go to CartFlows > Settings > Integrations.

2. Scroll down to the Pinterest Tag tab and enable the toggle to activate Pinterest tracking on CartFlows pages.

3. Paste your Pinterest Tag ID into the field provided.

4. (Optional) Enable the toggle to add Pinterest tracking code across your entire website.

5. Enable the Consent Notice option.

This displays a short notice on the frontend for users, as required by Pinterest before events can be tracked.

6. Choose the events you want to track. CartFlows supports the following:

• Begin Checkout
• Add to Cart
• Add Payment Info
• Purchase
• Signup
• Opt-in Lead

Once you’ve saved your settings, Pinterest Pixel tracking will be active for your CartFlows funnels.

By adding your TikTok Pixel ID, you can connect your website activity with your TikTok Ads Manager and gain better insights into performance.

Prerequisites

Before enabling TikTok Pixel tracking in CartFlows, make sure you have:

• A TikTok Ads Manager Account. Create one here.
• A TikTok Pixel ID.

How to Enable TikTok Pixel Tracking

1. Go to CartFlows > Settings > Integrations.

2. Scroll down to the TikTok Pixel tab and enable the toggle to activate TikTok tracking on CartFlows pages.

3. Enter your TikTok Pixel ID in the field.

4. (Optional) Enable the toggle to add TikTok tracking code across your entire website.

5. Choose the events you want to track. CartFlows supports the following:

• Begin Checkout
• Add To Cart
• View Content
• Add Payment Info
• Purchase
• Optin Lead

After saving your settings, TikTok Pixel tracking will automatically start working across your CartFlows funnels.

How to Verify TikTok Pixel Tracking

You can confirm your TikTok Pixel setup using the TikTok Pixel Helper Chrome extension. This extension will show whether the pixel is firing correctly on your checkout and funnel pages.

Key Features of Bricks Builder Integration

• Enhanced Design Flexibility:
  Customize funnel layouts directly without the need for additional tools.
• Dynamic Content Tags:
  Display relevant product information throughout your funnels using dynamic tags.
• Pre-Configured Options:
  Utilize ready-made design options for upsell and downsell steps to streamline the setup process.

These features enable you to create high-converting, branded sales funnels in WordPress with ease.

How to Enable Bricks Builder for CartFlows

To start using Bricks Builder with CartFlows, follow these steps to enable it as your default editor:

1. Access CartFlows Settings:
   From your WordPress dashboard, navigate to CartFlows > Settings.
2. Enable Bricks Builder:
   • In the General tab, locate the Builder Settings section.
   • Select Bricks Builder as your default page builder for CartFlows.
3. Save Changes:
   Click Save to apply your settings.

After these steps, Bricks Builder will be available as the primary editor for designing CartFlows steps. You can now customize each step of your funnel using Bricks Builder’s robust tools.

CartFlows Widgets for Bricks Builder

With Bricks Builder enabled, you have access to dedicated CartFlows widgets to customize each part of your funnel:

• Opt-in Step:
  Design a customized opt-in page for lead collection by adding dynamic fields and engaging elements.
• Checkout Step:
  Create a branded checkout experience by incorporating custom elements and interactive features.
• Thank You Step:
  Personalize your Thank You page with tailored messages, suggested next steps, or additional product recommendations.
• Upsell and Downsell Steps:
  Use dedicated widgets to build upsell and downsell pages. Customize accept/reject buttons and display relevant product information to create a seamless user experience.

Dynamic Content Tags

The integration introduces dynamic content tags, letting you insert personalized data within each funnel step. Examples include:

• Product Information:
  • Product Title: Displays the name of the product.
  • Product Description: Provides detailed product information.
  • Product Price: Shows the current product pricing.
  • Product Quantity: Indicates the number of products, which is useful for bundles.
  • Product Variation: Displays options such as size or color.
• Next-Step Button:
  Guides users to the subsequent step in the funnel with a clear call-to-action.
• Accept/Reject Buttons:
  Particularly useful in upsell and downsell scenarios, these buttons allow users to quickly respond to offers.

Using these dynamic tags, you can tailor the checkout experience to each user, enhancing both functionality and personalization.

Fixed Layout Options for Upsell and Downsell Steps

CartFlows offers pre-configured layouts for upsell and downsell pages within Bricks Builder. These fixed layouts are designed for quick setup and consistency, ensuring your additional offers are presented in an optimized and cohesive manner.

Frequently Asked Questions

What is OttoKit?

OttoKit is an automation platform designed to connect different apps and streamline tasks by setting up automated workflows (or “triggers”) based on specific events or actions.

Visit OttoKit website: https://ottokit.com/.

How to use OttoKit Integration?

Step 1: In your CartFlows dashboard, find a new menu option labeled ‘Automation’.

Step 2: If you do not have ‘OttoKit’ installed already, you can install ‘OttoKit’ from the ‘Automations’ tab or If you already have ‘OttoKit’ installed, you will see the option to ‘Create Workflow’.

To create workflows specific to individual funnel steps (like checkout, upsell, or downsell), follow these steps:

Step 1: Open the funnel editing page, and locate the ‘Automation’ option within the options menu for the checkout, upsell, or downsell step.

Step 2: Click ‘Automation’ to open a dedicated OttoKit window where you can set up workflows specifically for that step.

Pro tip: The created Workflows will also show up independently in your OttoKit account. Any changes you make will be reflected on both your CartFlows dashboard and the OttoKit account.

Example: Add users who declined the upsell into Google Sheets

Create an automation workflow in OttoKit by selecting ‘CartFlows’ as the app and choosing ‘Upsell Declined’ as the event.

Connect OttoKit to CartFlows. If you need help with this, refer to this article: https://ottokit.com/docs/connect-suretriggers-with-wordpress-plugins/ and Connect OttoKit with WordPress.

In the Configure tab, select your funnel and the upsell step.

Go to the Test tab, click ‘Fetch Data’ to check the connection, and then click ‘Save.’

For the next step, choose the action app by searching for or selecting it; in this example, we’re using Google Sheets.

Connect Google Sheets, and choose the event type—’Add New Row’ in this case. Then, select your spreadsheet and worksheet.

Test the connection by clicking ‘Test Action.’

Once done, activate the workflow. Now, each time a user declines the upsell, their information will automatically be added to your Google Sheets.

By adding your Google Ads Conversion ID and Label, you can connect website activity with your Google Ads campaigns, giving you valuable insights to improve performance and maximize results.

Prerequisites

Before setting up Google Ads Pixel tracking in CartFlows, make sure to complete the following steps:

• Create a Google Ads Manager account.
  Not done yet? You can follow the official steps here.
• Generate your Google Ads Conversion ID and Conversion Label from your Google Ads account.
  You will need to paste these into the CartFlows settings panel.

How to Set Up Google Ads Pixel in CartFlows

Step 1: Access CartFlows Settings

From your WordPress dashboard, go to
CartFlows > Settings > Integrations

Step 2: Enable Google Ads Pixel Tracking

Scroll down to the Google Ads Pixel Settings section and toggle the option
Enable Google Ads pixel Tracking.

Step 3: Add Your Conversion ID & Label

Once enabled, fields will appear where you can paste your
Google Ads Conversion ID and Google Ads Conversion Label.

Step 4: Enable Event Tracking

CartFlows provides support for multiple tracking events. You can enable the ones you want to track:

• Begin Checkout
• Add To Cart
• View Content
• Add Payment Info
• Purchase
• Opt-in Lead

How to Verify the Tracking Setup

To confirm that your pixel is working correctly, use the Google Tag Assistant browser extension. It validates the implementation of your Google Ads conversion tags and tracking codes on any page of your site.

Frequently Asked Questions