How to connect Klaviyo to your online shop 1 March 2024  |  Cate

If you're ready to take your marketing and email campaigns to the next level, connect your online shop to Klaviyo to track visitors on your site and personalise all of your customer communications. Find out more about Klaviyo on our integrations page.

Connect Bluepark to Klaviyo

It's easy to connect your Bluepark online shop to Klaviyo's platform. This is done by using a Public API key, which essentially is your account ID. To do this, follow the steps below.

1. In Klaviyo, click on your account name at bottom left and click Settings
2. In the first tab, Account, click API Keys and copy the Public API Key
3. In Bluepark, go to Settings > Integrations > Website Plugins
4. Paste the key you've copied into the Klaviyo Public API Key field and save

Granting permissions

Next, you need to ensure Klaviyo and your Bluepark site have permission to access everything, such as customer data, to be able to use Klaviyo fully. This is vital for Klaviyo's API upgrade that is coming June 2024. This is done by using a Private API key and should only be shared with your Bluepark site. To do this, follow the steps below.

1. In Klaviyo, click on your account name at bottom left and click Settings
2. In the first tab, Account, click API Keys and click on the Create Private API Key button
3. Type in a name for your Private API key, such as 'Bluepark' or 'website'
4. Select Grant applications full access for every API scope and click the Create button
5. Copy the long Private Key number that is created
6. Paste it into the Klaviyo Private API Key field in Bluepark, then save

Your website is now connected to Klaviyo and will start tracking what customers are doing in real time. You can see this by going to Audience > Profiles in Klaviyo. You can click on each profile to see further information about which products that customer has been looking at, adding to their basket and whether they've started and completed checkout.

Specifying a list

When customers checkout on your online shop, they will have the option to opt into receiving your email newsletters and you need to tell Klaviyo which contact list these email addresses need to be stored in. Klaviyo will have set up a default list, often simply called 'Newsletter', when you create your account. It is recommended that you use this list for any sign up during checkout. Follow the steps to ensure this happens.

1. In Klaviyo, go to Lists & Segments in the left menu
2. Click into the Newsletter list and click on the Settings tab
3. Copy the List ID within the List ID & Name section
4. In Bluepark, paste the ID into the List ID field and save

Importing current customers

You may choose to start collecting sign ups from scratch on your Klaviyo account, so you can skip this part. However, if you already have a list of current subscribers that you want to add to Klaviyo, this can be done via an import. Just follow the steps below.

Importing from another email provider, such as Mailchimp or Constant Contact

1. In Klaviyo, click on your account name at bottom left and click Integrations
2. Click on the Add Integration button at top right
3. Select Email and then click on your email provider and follow the steps Klaviyo provides

If your current email provider isn't listed here, then you will need to export your subscribers from their platform and import them into Klaviyo. Below explains how this can be done with subscribers in Bluepark and the process will be similar with unlisted email platforms too.

Importing from your Bluepark website

1. In Bluepark, go to Customers and set the top left drop-down to Allow Contact
2. Click on the Download icon at top right, save the file to your computer and open it to edit
3. Change the Email Address column header to just Email and then delete all columns except for Email, First Name and Last Name, then save
4. In Klaviyo, click on your account name at bottom left and click Integrations
5. Click on Manage Sources at top right and select Import via CSV
6. Click the Select File button, navigate to your subscriber file, and let the import run

This only needs to be done once, as you set up your account. Once everything is up and running, all subscribers will be automatically added to Klaviyo from your website.

Set up your product feed

The only thing you will need to do now is import your products into Klaviyo so that you can use them within your emails. To do this, follow these steps:

1. In Bluepark, go to Products > Export and click on the Klaviyo icon at top right
2. Click on the Download icon at top right and let the download run
3. Under the Optional File Name field, you will see a URL has appeared - copy this URL
4. In Klaviyo, go to Products in the left menu and click on the Add Custom Products button
5. Click on the Add New Source button at top right and paste the URL into the Source URL field
6. Type products-klaviyo.json into the Source name field and click on the Define Source button

You will then be taken back to Custom Sources and Klaviyo will check the feed, going through a Pending stage, validating the fields, and so on before setting it to Complete. If you add any new products to the site, all you'll need to do is follow steps 1 and 2 above or set up a Scheduled Job (if on the Enterprise package) to ensure the feed is updated.

Email sign up form

You will probably want to add an email sign up form to your site to start adding customers to your email lists. Klaviyo provides forms to add to your site that can be styled to match your website's branding.

1. In Klaviyo, click on Sign-up Forms within the left menu and select Create Sign-up Form at top right
2. Use one of their templates to create your form and style it how you wish
3. Once you're happy with it, click on Publish
4. If your sign up form is an Embed style form, then you will be provided with code to add to your site
5. Copy the code and paste it into the code of wherever you want it to appear within your Bluepark site
6. If your sign up for is a Pop-up or Flyout, exit the form, click on Add Forms to Website at top right and copy the code
7. In Bluepark, go to Design > Site Theme and click on the Advanced Editor button
8. In the Pages tab, go to the Custom JavaScript Code section, paste the code into the Closing Body field and save

Sending emails

You are now ready to start sending your email newsletters. These are built and managed within Klaviyo and you can use their huge range of templates or create your own. You can also set up Flows, where you can specify that Klaviyo sends an email if a customer follows a particular path on your website, such as adding something to their basket, starting checkout but abandoning before completion.

Please note: if you already have Abandoned Basket emails being sent from Bluepark, you will need to switch these off if you choose to use Klaviyo's instead.

Getting support

Once the above is done, there is nothing else to do within Bluepark. Any other questions about how to achieve certain things, like setting up Flows, creating Campaigns and Segmenting customers will need to be directed to Klaviyo.