Skip to main content

Gatsby AI Smart Cart™ App

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

Christian Sokolowski avatar
Written by Christian Sokolowski
Updated yesterday

What is Gatsby?

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.​


Smart Cart App Overview

The Gatsby AI Smart Cart™ App 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.​


Installation Instructions

Prerequisites

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 as demonstrated in this guide.

Smart Cart App Installation

  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 Gatsby 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.​


Configuring the Klaviyo Script

  1. In Klaviyo, navigate to Settings > API Keys.

  2. Copy your Public API Key.

    Klaviyo public API key location

  3. Construct your Klaviyo script URL as follows:​

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

    Replace YOUR_PUBLIC_API_KEY with your actual public API key.


Obtaining Your Klaviyo Form ID

  1. In Klaviyo, locate the form you intend to use.

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

    klaviyo-form-FormID

    Klaviyo Form ID location

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


Visual Placement

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.​

Did this answer your question?