• Home
• App Integrations
• Single Sign-On Integrations
• Wix Single Sign-On

Wix Single Sign-On (SSO)

---

Wix provides a platform that allows businesses or people to create responsive websites without any technical expertise. It provides the pre-edited templates of different sites as per users' needs. Wix allows users to accomplish most aspects of web development & website distribution entirely within the application. Therefore,miniOrange has created an interface for admins to enable Single Sign-On (SSO) solution for their Wix website.

Challenge faced by Wix Users

Wix admins demand a continuous & seamless access for their users to access Wix portal via existing credentials. They don't wish for their users to have a separate set of credentials for logging into Wix & other apps. Wix provides a way for its users to allow logging into the platform seamlessly. But, an interface needs to be created which would allow this.

miniOrange provides SSO solution for Wix

miniOrange provides an integrated SSO solution where a logged-in user's existing session can be used to log the users into Wix & other websites/apps by creating a valid JSON Web Token (JWT). Using this Wix SSO solution, users are relieved from maintaining separate credentials for all its websites.

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

1. Configure Wix to enable SSO

• Log into WIX.
• Create a new site or use an already existing one.
• Go to your website dashboard.
• To add Wix member area App to your website, go to App Market.



• Search for Wix Member area.



• Open Wix member area app and click on Add to site.



• Navigate to your Website dashboard >> Home tab and click on Edit site.



• Go to My business tab in the edit site page and select Wix Member Area.
• Click on Add App.



• Click on Turn on Dev Mode.



• Edit Login Bar.
• Click on setup login bar and Select Full, then Drag and resize the login bar as per your requirements.



• Click on Open masterPage.js for accountNavBar1.



• Enable hidden for accountNavBar1 Default values.



• Now to publish the website, click on Publish.



• After publishing is successful, a dialog box will open. Copy your site link from this dialog box.

2. Configure Wix in miniOrange

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



• Under the Choose Application Type, click on JWT.



• In Add Apps tab enter the values and click on Save.




Custom Application Name	Choose appropriate name according to your choice.
Description	Add appropriate description according to your choice.
Redirect-URL	Please paste this link copied in the previous step
Group Name	Default
Policy Name	Add policy name according to your Preference.
Login Method	Password.

• Edit your recently created App by going to Apps >> Select option under Action dropdown >> Edit.



• Copy the Single Sign-On URL from the edit app page and click on save.



• To download App certificate, Go Apps >> Select option under Action dropdown >> Certificate



• Download the Certificate.

Go to your Wix site to continue editing.

• Go to Add Elements >> Buttons.
• Select the button as you like, for this guide we have used the highlighted button.
• Drag the button to the position you want it to be at.



• Select the custom added button and Click on Change Text & Icon. Under the option “ What does it say? ” make it to login.



• Click on Add a link.
• Paste the Single Sign-On URL we copied earlier into the field “ What’s the web address (URL) ”.
• Click on Done.



• To install the NPM packages, go to code packages.
• Click on install packages from npm.



• Search for jsonwebtoken and click on install.



• Now go to dev tools and click on secret manager.



• Open the certificate we downloaded earlier with any text editor ( eg - notepad ) and copy the complete text as it is.
• Now in secret manager, click on Store Secret.



• In the name field, type publicKey.
• Paste the certificate text copied in the previous step into the value field.
• Click in Save.



• Now go to the code page section and open masterPage.js file.



• Download the code for masterPage.js and paste it in Wix.

Note - Replace LoginButtonID with the ID of your custom login button.

• Now go to the public and backend section and in the backend section, click on add web module.



• Name the module as backend.jsw.
• Open this backend.jsw.
• Download the code for backend.jsw and paste it in Wix.
• Finally, publish your site and test it with your miniOrange account credentials or you can create users in miniorange and test with them.

3. Configure Your User Directory

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.

4. Test SSO Configuration

• miniOrange as IDP
• External IDP

Using SP Initiated Login

• Lets say you have configured miniOrange as your userstore.
• On accessing the Single sign-On URL as mentioned in the second step, you will be asked for miniOrange credentials.



• On entering the valid credentials, you will be successfully logged into Wix.

Using IDP Initiated Login

• Log into miniOrange IdP using your credentials.
• On the End User-Dashboard, click on the Wix application configured, to test the SSO flow.



• You will be successfully logged into Wix site.

Using SP Initiated Login

• Lets say you have configured Okta as IDP.
• On accessing the Single sign-On URL as mentioned in the second step, you will be asked to enter your Okta credentials.



• On entering the valid credentials, you will be successfully logged into Wix site.

Using IDP Initiated Login

• Log into Okta using your credentials.
• Click on Admin to access the Admin Console, then click on Applications.
• Click on Add Application and search for "Bookmark App", and Click Add in the left pane.
• Choose an app name of your choice which will be the display name.
• In the URL section, enter the SSO URL that is given in the JWT app.



• Click on Save.
• On the End User-Dashboard, click on the Wix bookmark application configured, to test the SSO flow.



• You will be successfully logged into Wix.

External References

• Know more about Social Login Solution
• What is Customer Identity and Access Management (CIAM)?
• Know how to set-up MFA solution for Wix

Frequently Asked Questions