Previous Article - Step #1 - Acquiring a Domain, Cloudflare Account & API Key

In this article, we'll cover how to connect your Shopify Store to Sticky Checkout. This includes how to connect your Cloudflare Domain, creating the Shopify app necessary for the API Keys/Tokens.
​
Once integrated, we can then begin customizing your Sticky Checkout Pages.

Without further ado, let's begin!

To begin, let's login to your Sticky.io Account. Once signed in, Services > Sticky Checkout.

You'll be redirected to a different part of Sticky.io and on the left-hand navigation menu click Checkout > Domains > Add Domain.

A pop up window will appear prompting you to choose Standalone or Shopify. This guide will cover Shopify > Next.

At this point we'll be prompted to input our Cloudflare API Token and choose our Subdomain. Remember in - Step #1 - Acquiring a Domain, Cloudflare Account & API Key - I said to copy it to a secure location as we'll be needing it.

If you have it, jump ahead to Sticky Checkout - Connect Domain, otherwise we'll cover it below.

To begin, login to your Cloudflare Account. Once logged in, click Your Account > My Profile.

If you didn't copy your API Token it's no longer viewable and we'll need to create a new one. From here we'll navigate to API Tokens > Create > Templates > Edit zone DNS.

The only adjustment we'll make the "Edit zone DNS" template is Zone resources > Specific Zone > All Zones.

Paste your API Token in the "Cloudflare API Token" field and click Connect. Once you click Connect, we'll fetch your Domain Names leaving you with coming up with your own Subdomain.

The Subdomain is a freeform text field and can be anything you'd like. (e.g. ZakksCheckoutPage.stickyboarding.online)

Once done click Add Checkout Domain.

Next up is connecting our Shopify Store. We require the following;

To find your Shopify Store URL, first login to your Shopify Account. Once logged in, search for "Domains".

While on the Domains page, the second row is your Shopify Store URL.

Go back to Sticky Checkout and paste it or throw it in notepad since we'll be needing it momentarily.

Next is obtaining our Shopify Store API Key. Contrary to how you may be accustom to grabbing API Keys, for Shopify, we'll achieve this by creating an App.
​
Just as a heads up - creating the app can be done in less than 60 seconds. But you will need to manually configure the API permissions and this can be tedious.

To begin, let's navigate over to Apps and Sales Channels > Develop Apps > Create An App.
​
A pop-up window will appear asking you to specify the App Name > Create App.

Now that the Shopify App has been created, we'll need to do four things before we're finished:

Let's first tackle 1/4 of the steps and configure our Admin API Scopes. To do this, go back to Overview > Configure Admin API Scopes.

While on the Admin API Scopes screen - enable all API permissions. Once you click any of the 'write' APIs, the second will automatically be selected too.

Once done - click Save.

Next is 2/4 of the requirements. While on the same Configuration Page, scroll down and click Storefront API Integration > Configure.

Every single checkbox for Storefront API Integration need to be enabled.

When you're done - click Save. Segueing into 3/4 of the steps and go back to the API Overview page. From here we'll click Install App > Install.

And lastly, once the app is installed. You'll be taken to API Credentials. Rounding us out with 4/4 steps.

The API Token can only be revealed once. Much like your Cloudflare API Key, it is strongly advised to save it in a secure location.
​

And on the same page, the API Secret Key can be found below. We too will copy this to a safe and secure location.

This fulfills the 4 requirements for Sticky Checkout and we can jump ahead to the next part of our integration journey.

And just like that we're back to square one back on Sticky Checkout. Let's go through and enter the Shopify Store URL > Shopify API Key > Shopify Webhook Signing Key > Connect.

Once you're done, click Connect. You'll get a response indicating whether or not it was successful. If successful, you can proceed by clicking Next.

That covers the integration to Sticky Checkout! In the next article, we'll take a dive into customizing your funnels. And from there deploying the redirect from Shopify to Sticky Checkout! 🙌

Next Article - Step #3 - Creating Your First Sticky Checkout Funnel