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.
Prerequisites
- 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
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.
Connect with External Source of Users
miniOrange provides user authentication from various external sources, which can be Directories (like ADFS, Microsoft Active Directory, Azure AD, OpenLDAP, Google, AWS Cognito etc), Identity Providers (like Shibboleth, Ping, Okta, OneLogin, KeyCloak), Databases (like MySQL, Maria DB, PostgreSQL) and many more.
3. Configure Your User Directory
miniOrange provides user authentication from various external sources, which can be Directories (like ADFS, Microsoft Active Directory, Azure AD, 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.
- 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 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 in 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 LDAP Server URL field.
- Click on 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 Distinguished Name attribute.
- Enter the valid Bind account Password.
- Click on 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. To use custom Search Filter select "Write your Custom Filter" option and customize it accordingly.
- You can also configure following options while setting up AD. Enable Activate LDAP in order to authenticate users from AD/LDAP. Click on the Save 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 |
| Sync users in miniOrange |
Users will be created in miniOrange after authentication with LDAP |
| Fallback Authentication |
If LDAP credentials fail then user will be authenticated through miniOrange |
| Allow users to change password |
This allows your users to change their password. It updates the new credentials in your LDAP server |
| 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 |
| Send Configured Attributes |
If you enable this option, then only the attributes configured below will be sent in attributes at the time of login |
- Click on Save. After this, it will show you the list of User stores. 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.
- Click on Test Attribute Mapping.
- Enter a valid Username. Then, click on Test. Mapped Attributes corresponding to the user are fetched.
- After successful Attribute Mapping Configuration, go back to the ldap configuration and enable Activate LDAP in order to authenticate users from AD/LDAP.
Refer our guide to setup LDAPS on windows server.
User Import and Provisioning from AD
- Go to Settings >> Product Settings in the Customer Admin Account.
- Enable the "Enable User Auto Registration" option and click Save.
- (Optional) To send a welcome email to all the end users that will be imported, enable the "Enable sending Welcome Emails after user registration" option and click Save.
- From the Left-Side menu of the dashboard select Provisioning.
- In Setup Provisioning tab select Active Directory in the Select Application drop-down.
- Toggle the Import Users tab, click on Save button.
- On the same section, switch to Import Users section.
- Select Active Directory from the dropdown and click on the Import Users tab, to import all the users from Active Directory to miniOrange.
- You can view all the Users you have imports by selecting Users >> User List from Left Panel.
- All the imported users will be auto registered.
- These groups will be helpful in adding multiple 2FA policies on the applications.
miniOrange integrates with various external user sources such as directories, identity providers, and etc.
4. Test SSO Configuration
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
Frequently Asked Questions
Yes, that is absolutely possible with the current miniOrange Wix SSO solution.
You can enable SSO into Wix using Okta or any other IDP as the primary authentication source. We can do this using miniOrange Broker Service.
Yes, even if you have configured SSO, existing users’ data will not be lost. They can continue logging in. Our solution makes use of the user’s email address. In other words, if the same user logs into Wix using the same email address as before, he will see his personal data as it was before
