Rebuy

Gatsby is a social management platform that enables merchants to build and automate ambassador programs across Instagram and TikTok. By connecting with customers during checkout, Gatsby helps foster authentic user-generated content that drives conversions.​ 

___________________________________________________________

The <a href="https://help.gatsby.ai/en/gatsby-rebuy-smart-cart" rel="nofollow noopener noreferrer" target="_blank">Gatsby AI Smart Cart™ App</a> allows you to embed a Klaviyo form directly into your Smart Cart. This form collects customer information, such as email addresses and social media handles, facilitating their enrollment into your ambassador program.​

Before setting up the Gatsby app in Smart Cart, ensure you have:

Access to your Gatsby, Klaviyo, and Rebuy Smart Cart accounts.

A Klaviyo form that collects both email and Instagram or TikTok handles.

The 'instausername' profile property configured in Klaviyo to synchronize with Gatsby <a href="https://help.gatsby.ai/en/connect-gatsby-with-klaviyo-signup-forms" rel="nofollow noopener noreferrer" target="_blank">as demonstrated in this guide</a>.

- Access to your Gatsby, Klaviyo, and Rebuy Smart Cart accounts.
- A Klaviyo form that collects both email and Instagram or TikTok handles.
- The 'instausername' profile property configured in Klaviyo to synchronize with Gatsby <a href="https://help.gatsby.ai/en/connect-gatsby-with-klaviyo-signup-forms" rel="nofollow noopener noreferrer" target="_blank">as demonstrated in this guide</a>.

Open the Smart Cart you wish to configure.

Navigate to the section where you want to add the component.

Click Add Component within that section.

In the search bar, type <code>Gatsby</code> and press Enter.

Once the Gatsby app appears, click Install.

Follow the instructions below to finalize the description, Klaviyo script, and Klaviyo form.

Toggle the app to Active and click Save.

Position the app within your cart as desired.​ 

1. Open the Smart Cart you wish to configure.
2. Navigate to the section where you want to add the component.
3. Click Add Component within that section.
4. Select Add Smart Cart App.
5. In the search bar, type <code>Gatsby</code> and press Enter.
6. Once the Gatsby app appears, click Install.
7. Follow the instructions below to finalize the description, Klaviyo script, and Klaviyo form.
8. Toggle the app to Active and click Save.
9. Position the app within your cart as desired.​

In Klaviyo, navigate to Settings &gt; API Keys.

Construct your Klaviyo script URL as follows:​

<code>https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=YOUR_PUBLIC_API_KEY</code>

Replace <code>YOUR_PUBLIC_API_KEY</code> with your actual public API key.

1. In Klaviyo, navigate to Settings &gt; API Keys.
2. Copy your Public API Key.
 
 Klaviyo public API key location
 
3. Construct your Klaviyo script URL as follows:​
 <code>https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=YOUR_PUBLIC_API_KEY</code>
 Replace <code>YOUR_PUBLIC_API_KEY</code> with your actual public API key.

In Klaviyo, locate the form you intend to use.

Identify the form ID, which typically appears in the format:​

Use this form ID when configuring the Gatsby app in Smart Cart.​

1. In Klaviyo, locate the form you intend to use.
2. Identify the form ID, which typically appears in the format:​
 <code>klaviyo-form-FormID</code>
 
 Klaviyo Form ID location
 
3. Use this form ID when configuring the Gatsby app in Smart Cart.​

Refer to the video embedded at the top of the original article to visualize various placement options for the Gatsby app within your Smart Cart.​ 

Integrate Gatsby with Smart Cart to seamlessly enroll customers into your ambassador program during checkout.​

Gatsby AI Smart Cart™ App

What is Gatsby?

Smart Cart App Overview

Installation Instructions

Prerequisites

Smart Cart App Installation

Configuring the Klaviyo Script

Obtaining Your Klaviyo Form ID

Visual Placement