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
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.
Select Add Smart Cart App.
In the search bar, type
Gatsby
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.
Configuring the Klaviyo Script
In Klaviyo, navigate to Settings > API Keys.
Copy your Public API Key.
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
In Klaviyo, locate the form you intend to use.
Identify the form ID, which typically appears in the format:
klaviyo-form-FormID
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.