The add to cart pop-up is one of Octane AI's pop-up opt-in tools. Like the other pop-up tools, it can be an effective way at acquiring more subscribers. Add to cart pop-ups are pop-ups that will appear when a customer adds an item to their cart/clicks on a Buy now button and isn't subscribed. 

The pop-up gives customers the opportunity to opt into your bot with a display that you can fully customize.

You can change the text, image, font and colors to ensure that the pop-up matches your store's tone and presentation.

The add to cart pop-up can work great together with the other pop-up opt-ins. Using a welcome or exit-intent pop-up on your website as well is highly recommended.

How does it work?

Add to cart pop-ups trigger when a customer that isn't a subscriber adds an item to their cart or clicks a Buy now button.

The pop-up will only display to customers once even if they don't subscribe. However, if the customer doesn't subscribe and uses a different browser or clears their browser cookies, the pop-up will trigger again.

The pop-up can be accessed and turned on in the Pop-ups page, as well as the left-nav bar. 

If you have FB Pixel installed on your store, you can track Octane AI opt-ins and create custom conversions and audiences based on these events. For each opt-in, the name of the event includes the [Octane AI] prefix, the name of the source and the word "opt-in" at the end, e.g. [Octane AI] Add to cart pop-up opt-in. It looks like this on the Events list:

The add to cart pop-up page 

When you first navigate to the add to cart pop-up page, you'll get an overview of your pop-up.

Your total view and subscriber count reflect total life-time numbers, while the graphs below it are determined by the date picker setting.

  • Views:  the amount of customers that have seen your pop-up within the selected date range.

  • Conversions: the amount of customers that subscribed through your pop-up within the selected date range.

At the bottom of the page, the add to cart pop-up can be edited, and A/B testing can be enabled as well.

To start editing your add to cart pop-up, select the "Edit" button. 

Creating your add to cart pop-up

On the edit page, your add to cart pop-up can be customized in the following categories:

  • Message:  select the message a customer is sent after they opt-in. 

  • Design: customize the content and visual design of your pop-up. 

  • Advanced: add a custom CSS selector for the add to cart button.

Selecting your message 

The message that you send can be selected from a drop-down menu:

By default, the Welcome message is selected, but more options can be chosen. Convos can be a great way to start a creatively automated conversation with your customer, but the Welcome message is a solid choice as well.

Here's a step-by-step guide on creating a Welcome message - since it's the first series of messages a customer might see, it's a great feature that can give your store and your bot a voice to users. 

Tip: you can add a one-time notification opt-in to the add to cart pop-up through a convo. Check out this article for an example on how that can be done.

Designing your pop-up 

When designing your pop-up, almost every aspect can be customized. A live preview of the pop-up shows how the pop-up will look, but also allows for editing the text:

Underneath the preview are options to edit the colors, image and button text.

Adding multiple opt-in channels

Through Octane AI's pop-ups, you can gather Messenger, Email and SMS opt-ins. Each of these pop-ups can be customized in terms of design, content and placement to match your brand.

The type of pop-ups you can use with Octane AI are:

  • Welcome pop-up: appears when a user visits your website for the first time.

  • Add to cart pop-up: appears when a user adds an item to their cart.

  • Exit intent pop-up: appears when a user tries to leave your website.

While editing your pop-up, you can add or remove opt-in channels with a simple checkbox and reorder them with a drag-and-drop interface. You can also make SMS and Email opt-ins optional while Messenger pop-ups are optional by default.

If you're using Octane AI's Klaviyo integration, emails you gather will automatically sync into Klaviyo and you'll be able to choose the list emails are sent into as well.

To learn more about using multiple opt-in channels in your pop-ups, check out this article.

Making multiple pop-ups

You can create as many pop-up variations as you'd like.

If you activate multiple pop-ups with the same placement settings, then the first pop-up that's active will display for each unique user.

You can use different placement settings to create different pop-ups for unique devices, webpages or even different timings on the same webpage:

Adding a custom CSS selector

A custom CSS selector can be added at the bottom of the page. This is an advanced option for users with development knowledge that have made custom changes to the add to cart button.

Octane AI's default selector is:
form[action*='/cart/add'] [type='submit']

This field should only be used if you have development knowledge. You can learn more about it in this document.

Why did my customer get the add to cart pop-up again? 

There are a couple of main reasons for this: 

  • The customer used a different browser or device than the previous time they encountered the pop-up.

  • The customer cleared their browser cookies.

If a customer is subscribed, the add to cart pop-up won't trigger again even under the above conditions. Octane AI offers a variety of opt-in tools, so we recommend using more than one to get the most subscribers for your bot.

Opt-ins: How Do I Increase Bot Subscribers?

Did this answer your question?