Shopify App & Klaviyo Onboarding Guide (Managed Client)

Start by Installing Wunderkind on Shopify

1.  Install the App 

   • Log into your Shopify Store 

   • Navigate to the Wunderkind App listing at https://apps.shopify.com/wunderkind

   • Right-click on the three dots beside Wunderkind and choose Install.

2. On the Install App screen that appears, click Install again to confirm.

Create Your Wunderkind User Account

1. Open Wunderkind
   After installation, you’ll see a Welcome screen prompting you to either Click here or log in to register. Go ahead and click that button and you'll be directed to Wunderkind (https://platform.wunderkind.co) 

2. Sign Up for Wunderkind

   • A new tab will open with the Wunderkind Platform login page. Since this is your first time, click Sign Up.

   • Enter your Email Address and choose a Password.

   • Check the boxes to agree to the Terms of Service and Privacy Policy.

   • Click Continue.

3. Set Up Two-Factor Authentication

   • You’ll see a QR code. Use an authenticator app (such as Google Authenticator) to scan this code.

   • Enter the One-Time Code provided by the authenticator app.

   • Click Continue.

4. Finish Setup in Shopify
   Back in your Shopify app, you’ll see a prompt to Finish your Wunderkind setup. Click this to open the Wunderkind Platform in a new tab (you may need to authenticate one more time).

Take a Quick Tour

1. Once the Wunderkind Platform loads, an Onboarding Modal will appear. Click Get Started to watch a brief introduction and take a guided tour of the platform.

2. The Tour will guide you through the main pages and features of the Wunderkind Platform. 

3. After the tour, you’ll notice a floating Get Started button in the lower-right corner. This button will guide you through the key onboarding steps:

   1. Set up your Brand Kit

   2. Configure your Promotions

   3. Connect to Klaviyo

Complete Onboarding

Set Up Your Brand Kit

1. Upload Your Logo

   • Choose a recommended file type (e.g., PNG or JPEG).

   • Aim for a size that looks good in the space where it will appear (e.g., 200–300 pixels wide).

2. Add Brand Fonts

   • Upload any custom font files.

   • Check recommended formats (often .woff, .woff2, or .ttf).

3. Apply Brand Colors

   • Following the on-screen guide, input your brand’s background, text, and button colors.

   • Keep accessibility in mind: the boldest brand color typically works best for buttons and accent elements.

4. Save Your Brand Kit
   When everything looks right, click Save.

5. Having issues? No stress! Wunderkind's design team will step in to finish the creative process. 

Configure Your Promotions

1. Open Promotions

   • In the left-side navigation of the Wunderkind Platform, click Promotions.

2. Create a New Coupon

   • In the top-right corner, click Create Coupons.

   • A modal will appear prompting you to create a static coupon (A static coupon is a single code that can be used by multiple shoppers, as opposed to unique codes that are generated per individual. Static coupons are ideal for broad promotions, such as seasonal sales or brand-wide discounts.)

   • Select your discount, add display text, and tailor your audience.

   • If you tailor your audience, you’ll be prompted to create a second coupon for everyone else not included in the first.

   • Click Create.

3. Review Your Coupons
   After creating, you’ll see your coupons listed with their details.

4. Prefer to use a dynamic code instead? That's fine! Send your Wunderkind contact a .csv file of 100k codes.

Connect to Klaviyo

1. Go to Apps & Integrations

   • On the Wunderkind Platform’s left-side navigation, click Apps & Integrations.

   • Find Klaviyo and click Connect.

2. Authorize Klaviyo

   • Review the permissions, then click Connect.

   • In a separate tab, open Klaviyo Integrations.

   • Go to your account in the bottom-left corner, then Settings → API Keys.

   • Create a Private API Key named “Wunderkind.” Select Full Access Key, click Create, and copy the key.

3. Verify Your API Key

   • Return to the Wunderkind Platform and paste your Klaviyo API key into the modal’s input field.

   • Click Verify API Key to confirm.

4. Reach out to your Wunderkind contact with any questions. 

Congrats! Your work here is done. Your Wunderkind team will complete the set up from here.