All Collections
Apps and Integrations
Apps
Self-Service Center login through Shopify
Self-Service Center login through Shopify

Learn how your customers can log into their Self-Service Center using their Shopify credentials

Youri van der Lans avatar
Written by Youri van der Lans
Updated over a week ago

πŸ’‘ This feature is currently in beta, please reach out to our support if you're interested in trying it out.

In this article you will learn how to set up the integration so that customers will be able to log into their Self-Service Center (SSC) by logging in with their Shopify username and password.

This consists of three steps:

  1. Requesting Shopify app credentials with us

  2. Installing the Firmhouse "Single Sign-On with Shopify" app

  3. Integrating the app into your store

Requesting Shopify app credentials with us

Please reach out to our Firmhouse support to request Shopify app credentials which you need to install this app. Use the chat bubble on the bottom right or email support@firmhouse.com

Installing the Firmhouse "Single Sign-On with Shopify" app

After our support team has provided you with the required Shopify app credentials you can configure and install the app into your Shopify store.

Steps

  1. In your Firmhouse project go to Apps in the main navigation.

  2. Find the "Single Sign-On with Shopify" app and click Configure.

  3. In the app configuration enter the Client ID and Client Secret provided by our support
    ​
    Also fill in Your Shopify Store Domain with the myshopify.com domain (e.g.
    firmhouse.myshopify.com)
    ​
    ​Self-service center logout behavior has two options:
    ​Customers only log out from Firmhouse: Will log out the customer from Firmhouse and redirect the customer back to the account page on your Shopify store.
    ​
    ​Customers log out from Firmhouse and Shopify: Will log out the customer from Firmhouse and Shopify and redirect the user back to the homepage of your store.

  4. Click Save to apply the changes.

  5. Click on Install on Shopify and authorize the app with Shopify.

Once installed you should see a success message and the status should be Connected.

Integrating the app into your store

Now that the app has been installed you need to integrate the app into your store. This involves editing some HTML of your online store. We will provide two examples of how to do this.

  1. Customers use both the Shopify account page and the Firmhouse SSC.

  2. Customers only use the Firmhouse SSC.

Both examples start with the same steps:

  1. Log into your Shopify store admin page

  2. Click on Sales channels -> Online Store

  3. For your Current theme, click on Customize

  4. In the header click the three dots -> Edit code

  5. Navigate to customers/account.liquid

Customers use both the Shopify account page and the Firmhouse SSC

  1. While editing customers/account.liquid, place the following link somewhere in the HTML so that it makes sense in your theme

    1. <a href="/a/firmhouse">Click here to go to your Firmhouse SSC</a>
    2. You are free to edit this example in any way, as long as the href attribute is unchanged

  2. Click on Save

Customers only use the Firmhouse SSC

  1. While editing customers/account.liquid, place the following piece of code somewhere at the top of the file

    1. <script>
      window.location = '/a/firmhouse'
      </script>
    2. Warning: This will always redirect anyone going to your Shopify account page to the Firmhouse SSC, please make sure this is what you want

How to test the integration

After following one of the examples above you can test the integration by logging into your Shopify store with an email address that has an active subscription in Firmhouse. Once logged in you should be able to click on the link you just added, or be redirected if you opted for the second example.

Limitations

Currently, it is not possible to disable the original (magic link) login flow. The original login form which sends customer an email with a magic login link will remain active.

The only thing that changes for customers still using the original login flow (because they might have bookmarked the login form page) is that they are sent to your Shopify store upon logout.

Demo

Did this answer your question?