• Home
• BigCommerce
• BigCommerce Multi Store-Front Single Sign-On

miniOrange provides a comprehensive solution for BigCommerce Multi-Storefront SSO (Single Sign-On). Through the integration of miniOrange's SSO solution, BigCommerce customers gain the ability to login themselves once & gain access to all affiliated BigCommerce store-fronts. This eliminates the need for separate login credentials & simplifies the user experience, resulting in reduced friction.

With BigCommerce Multi Store-front SSO features, you can:

• Streamlined management: Centrally manage customer data and permissions across multiple storefronts, reducing administrative overhead.
• Scalability: miniOrange SSO solution can accommodate growing businesses with multiple storefronts, providing a scalable solution for managing user authentication.
• Enhanced customer satisfaction: The seamless login experience provides a convenient shopping experience for customers, leading to increased satisfaction and loyalty.

Verified Technology Partner of BigCommerce

SSO + MFA Support for any BigCommerce Plan (Standard, Plus, Pro, Enterprise)

Prerequisites

A. Branding & Customization

• Log into miniOrange Admin Console.
• Click on Customization in the left menu of the dashboard.
• In Basic Settings, set your company domain in Organization Name textfield.
• Click Save. Once that is set, the branded login URL would be of the format https://<company_domain>.xecurify.com/moas/login

B. Create BigCommerce API

• Log in to BigCommerce Admin Panel.
• To create an API account for your store, go to the Settings from the menu, scroll down and select Store-level API Accounts.



• Here, you can create a new API account with Oauth Scope “Customer to modify”,”Customer login to login” “Channel Settings to read-only” and generate an access token.
• Click on Create API Account and choose Create V2/V3 API Token option from the menu shown.



• Add a suitable name for your API account.
• API Path will be used as the store_hash value when we configure BigCommerce in miniOrange which will be required in step 1 .



• Download the API credentials file. It contains the API token, Client ID and Client Secret.




C. Fetch channel IDs

• To perform SSO into different storefronts/channels we will need the channel_ids of all the storefronts .
• To get all the channel_IDs and storefront url(redirect_url) of your BigCommerce store, you have 2 ways:

• Admin UI
• API Client

• Log in to your BigCommerce store admin panel.
• Click on the Channel Manager option in the left-hand menu.




Here you will see a list of all the channels with IDs and storefront urls that are currently connected to your BigCommerce store.

• Make a GET request to the following API endpoint:
• You can visit here and make an API call to fetch your channel_ids.





• If the request is successful, you will receive a JSON response containing an array of all channels connected to your store. Each channel object will contain information such as the channel type, channel ID, and channel name.

That's it! You should now be able to retrieve all channels connected to your BigCommerce store via the API.

Follow the Step-by-Step Guide given below for BigCommerce Single Sign-On (SSO)

1. Configure BigCommerce in miniOrange

• Login into miniOrange Admin Console.
• Go to Apps Click on Add Application button.

Note: We have to create a new application for each Channel in the same manner.




• In Choose Application Type click on Create App button in JWT application type.



• In the next step, search for BigCommerce application from the list and click on it.



• Enter the following values in the respective fields.
1. Custom Application Name [Required] : BigCommerce (According to your choice)
2. Description : According to your choice
3. Redirect-URL [Required] : Storefront URL, e.g. https://{{my-store}}.mybigcommerce.com/login/token/
4. Logout-URL : https://{{my-store}}.mybigcommerce.com/login.php?action=logout
5. Force Authentication : Enable if you want user to authenticate even if the user has a session
6. Primary IDP : The identity source against which user will be authenticated
7. User Mapping : Enable if you are sending the logged-in user from this app in the response



• For Attribute Mapping, navigate to Select >> Edit next to your configured application.



• If you are using an external IDP, jump to the below steps to set up external IDP.
  

• miniOrange as an IDP
• miniOrange as an External IDP

• Enter the Client Id, App Secret and Access Token (which we have downloaded from Prerequisites section during API creation in BigCommerce Console).
• For Signature Algorithm, select HS-256 from the dropdown menu.
• Set Subject to E-Mail Address.



• To map the attributes between the miniOrange IDP and BigCommerce application, click on Attributes + button.
• The first three attributes will be hard-coded values.

Attribute Name	Attribute Value
store_hash	You got in this step.
redirect_to	Endpoint where you wish to redirect the user to after sso. [Homepage or account page e.g. /account.php]
operation	customer_login





• Click on Save.

• Enter the Client Id, App Secret and Access Token (which we have downloaded from Prerequisites section during API creation in BigCommerce Console).
• For Signature Algorithm, select HS-256 from the dropdown menu.
• Set Subject to E-Mail Address.



• You need to map the following attributes coming in from the idp by choosing the external IDP option.



• Click on Save.

2. Configure Your User Directory (Optional)

miniOrange provides user authentication from various external sources, which can be Directories (like ADFS, Microsoft Active Directory, Microsoft Entra ID, OpenLDAP, Google, AWS Cognito etc), Identity Providers (like Okta, Shibboleth, Ping, OneLogin, KeyCloak), Databases (like MySQL, Maria DB, PostgreSQL) and many more. You can configure your existing directory/user store or add users in miniOrange.

• Setup miniOrange as IDP
• Setup AD as User Directory
• Setup External IDP

• To add your users in miniOrange there are 2 ways:

1. Create User in miniOrange

2. Bulk Upload Users

1. Create User in miniOrange

• Click on Users >> User List >> Add User.



• Here, fill the user details without the password and then click on the Create User button.



• After successful user creation a notification message "An end user is added successfully" will be displayed at the top of the dashboard.



• Click on Onboarding Status tab. Check the email, with the registered e-mail id and select action Send Activation Mail with Password Reset Link from Select Action dropdown list and then click on Apply button.



• Now, Open your email id. Open the mail you get from miniOrange and then click on the link to set your account password.
• On the next screen, enter the password and confirm password and then click on the Single Sign-On (SSO) reset password button.



• Now, you can log in into miniOrange account by entering your credentials.

2. Bulk Upload Users in miniOrange via Uploading CSV File.

• Navigate to Users >> User List. Click on Add User button.



• In Bulk User Registration Download sample csv format from our console and edit this csv file according to the instructions.



• To bulk upload users, choose the file make sure it is in comma separated .csv file format then click on Upload.



• After uploading the csv file successfully, you will see a success message with a link.
• Click on that link you will see list of users to send activation mail. Select users to send activation mail and click on Send Activation Mail. An activation mail will be sent to the selected users.

• Click on External Directories >> Add Directory in the left menu of the dashboard.



• Select Directory type as AD/LDAP.



• STORE LDAP CONFIGURATION IN MINIORANGE: Choose this option if you want to keep your configuration in miniOrange. If the active directory is behind a firewall, you will need to open the firewall to allow incoming requests to your AD.
• STORE LDAP CONFIGURATION ON PREMISE: Choose this option if you want to keep your configuration in your premise and only allow access to AD inside premises. You will have to download and install miniOrange gateway on your premise.




• Enter LDAP Display Name and LDAP Identifier name.
• Select Directory Type as Active Directory.
• Enter the LDAP Server URL or IP Address against the LDAP Server URL field.
• Click on the Test Connection button to verify if you have made a successful connection with your LDAP server.



• In Active Directory, go to the properties of user containers/OU's and search for the Distinguished Name attribute. The bind account should have minimum required read privileges in Active Directory to allow directory lookups. If the use case involves provisioning (such as creating, updating, or deleting users or groups), the account must also be granted appropriate write permissions.



• Enter the valid Bind account Password.
• Click on the Test Bind Account Credentials button to verify your LDAP Bind credentials for LDAP connection.



• Search Base is the location in the directory where the search for a user begins. You will get this from the same place you got your Distinguished name.



• Select a suitable Search filter from the drop-down menu. If you use User in Single Group Filter or User in Multiple Group Filter, replace the <group-dn> in the search filter with the distinguished name of the group in which your users are present. To use custom Search Filter select "Write your Custom Filter" option and customize it accordingly.



• Click on the Next button, or go to the Authentication tab.
• You can also configure following options while setting up AD. Enable Activate LDAP in order to authenticate users from AD/LDAP. Click on the Next button to add user store.




Here's the list of the attributes and what it does when we enable it. You can enable/disable accordingly.

Attribute	Description
Activate LDAP	All user authentications will be done with LDAP credentials if you Activate it
Fallback Authentication	If LDAP credentials fail then user will be authenticated through miniOrange
Enable administrator login	On enabling this, your miniOrange Administrator login authenticates using your LDAP server
Show IdP to users	If you enable this option, this IdP will be visible to users
Sync users in miniOrange	Users will be created in miniOrange after authentication with LDAP

• Click on the Next button, or go to the Provisioning tab.

User Import and Provisioning from AD

• If you want to set up provisioning, click here for detailed information. For now, we are skipping this step by clicking Skip on Provisioning.

Attributes Mapping from AD

• By default userName, firstName, lastName, email are configured. Scroll down and click on Save Configurations. To fetch additional attributes from Active Directory, enable Send Configured Attributes. On the left side, enter the name that you wish to release to the applications. On the right side, enter the attribute name from Active Directory. E.g., if you wish to fetch company attribute from Active Directory, and send it as organization to configured applications, enter the following:

  Attribute Name sent to SP = organization
  Attribute Name from IDP = company

Test Connections

• You will see a list of directories in External Directories. Go to the directory you have configured, click Select, then go to Test Connections and click on it.



• Click on Test Connection to check whether you have enter valid details. For that, it will ask for username and password.



• On Successful connection with LDAP Server, a success message is shown.

Test Attribute Mapping

• You will see a list of directories in External Directories. Go to the directory you have configured, click Select, then go to Test Attribute Mapping and click on it.



• A pop-up will appear to add the username. After clicking Test, you will see the Test Attribute Mapping Result.

Set up AD as External Directory configuration is complete.

Note: Refer our guide to setup LDAP on windows server.

miniOrange integrates with various external user sources such as directories, identity providers, and etc.

• Okta
• ADFS
• Ping
• AWS Cognito
• Many more

Not able to find your IdP or Need help setting it up?

Contact us or email us at idpsupport@xecurify.com and we'll help you setting it up in no time.

3. Test SSO Configuration

• For testing SSO configurations, you will need the SSO initiating URL. Edit the JWT app you just created and scroll to the bottom, you will see a Single Sign On URL.



• Copy the SSO URL and hit it in an incognito/private window. You should be redirected to your IDP and after successful login, be redirected to your store as a logged-in user.

  Note: If you have any issues while testing the SSO configurations, Click here to troubleshoot.

• If the above step is successful, we now need to add the SSO URL against the login links in your storefront.
• Login to BigCommerce as an admin and go to Channel Manager >> Edit Storefront settings >> Themes >> Advanced >> Edit Theme Files.
• This should open up a new window with theme files. We will be adding the SSO URL for both Desktop and Mobile/tablet view. The below steps are valid only for cornerstone theme, if you’re using a different theme, you might have to make the changes accordingly.
• For Desktop view, Navigate to Templates >> Components >> Common and open navigation.html.
• Replace the href attribute href="{{urls.auth.login}}" to href="<SSO-URL>" and click on Save and Apply File.
• Similarly, for Mobile view, navigate to Templates >> Components >> Common and open navigation-menu.html.
• Replace the href attribute href="{{urls.auth.login}}" to href="<SSO-URL>" and click on Save and Apply File.
• Now, you can test SSO by going to your storefront URL and clicking on login.

4. Configure SLO in BigCommerce

• Download the script to initiate SLO in BigCommerce.
• Navigate to Storefront >> Script Manager.
• Click on create a script and add the script file which you have downloaded earlier in the footer of the page.



• Enable settings as given in the image below:



• A text box will be opened where you can add the downloaded script.

External References

• Know more about Single-Sign On (SSO)
• What is Customer Identity and Access Management (CIAM)?
• Know more about BigCommerce Single-Sign On (SSO)

Frequently Asked Questions