Skip to main content
HeadKit Commerce Quickstart

​
Create your Store

Getting started is quick and easy. First you will be prompted to create your new store.
  • Enter your Store Name.
  • Confirm or change your Store URL. This is your preview subdomain, you can add a custom domain later.

​
Configure your Store

Follow the steps to hook up vital connections to HeadKit Commerce. We’ll spin up your headless store in as fast as 10 minutes.

​
1. Connect Repository

Select a Git provider to create your code repo.

GitHub

Authorise the HeadKit GitHub app to connect to a new or existing GitHub account. This will add the HeadKit Storefront codebase to your own repository and you will see the link to access the repo instantly. Our GitHub app automatically deploys your changes to your store, so you don’t need to manage deployments yourself.
More Git providers coming soon. The HeadKit Storefront codebase is cloned to your own repository, so you are free to make changes and extend your store as you wish. Create a beautiful design-led UI for a custom, on-brand user experience. Commit and push your changes to Git for your changes to update in your store. If you push and don’t see that the changes are successfully deployed, you can also trigger a deployment.

​
2. Connect Commerce

Select your commerce integration from available connections. This connection will power your product catalogue, inventory and orders in the native experience of that platform.

WooCommerce

Choose to create a new site or connect an existing siteNewWe’ll create a new WooCommerce install on HeadKit Commerce Cloud. The install will take around 2 mins and be preconfigured ready to go. You will be provided the link to the WooCommerce admin, along with an email to reset your password for access. ExistingYou’ll need to follow some steps before we can connect WooCommerce to HeadKit
  • make a backup of your WooCommerce site
  • download and install the HeadKit WooCommerce theme and required plugins
  • set permalink structure
  • create and assign menus
Once these steps have been completed, connect you can proceed to connecting WooCommerce with HeadKit.More detailed instructions hereTip: For existing stores, we recommend using a duplicate version to avoid disruption to your live site. 
Learn more about commerce connections More commerce providers coming soon.

​
3. Connect Payments

Connect a payment integration to accept payments seamlessly through your HeadKit custom checkout.

Stripe

Connect or create your Stripe account. Follow the Stripe onboarding to complete your business details. Stripe is already integrated with your store and settings can be managed through your connected dashboard.
Learn more about payments That’s all! You’re all setup and ready with a headless store running on HeadKit.

​
Next Steps

Because it was so quick and easy to go headless, you can now spend your time on making the store yours and creating an awesome user experience.

Customise Branding

Add your logo, icon, colours and custom domain to quickly make your store your own.