Before you can use Auth0 to handle authentication and authorization requests for your Joomla users, you'll need to do some configuration from both sides of the integration.
Configure Application Values
Log in to the Joomla Control Panel using an admin account. Using the top navigation bar, go to Components > Auth0 > Auth0. Click Options (located in the top right of the window).
Provide the requested values for your Auth0 application. You can find the Domain, Client ID, and Client Secret values using the Application Settings page. Click Save & Close to proceed.
On the left-hand side, select Test (if you're not automatically redirected to the page). Make sure that the Auth0 App Data setting indicates Complete.
Configure the Joomla Module
Log in to the Joomla Control Panel using an admin account. Using the top navigation bar, go to Extensions > Modules.
Publish the module but clicking on the small, red icon located immediately to the left of the module name.
Click on the name of the module
Auth0to launch the settings page. On the right-hand side, use the Position drop-down menu to indicate where the Auth0 Login button will be located on your site.
Switch over the Menu Assignment tab, and using the Module Assignment drop-down menu, select On all pages.
- Click Save & Close. The Auth0 Login button will now appear in the location you selected on your Joomla pages. Whenever a user clicks Login, they will see the Auth0 Lock widget.
You can configure your Auth0-Joomla Extension by adjusting the Module and Advanced Settings.
Settings Located Under the Module Tab
|Show login form||Toggles Lock visibility. Deselect to disable login through the Auth0 extension|
|Show as modal||If enabled, displays a Login button that triggers Lock to appear as a modal form; if disabled, Lock is embedded in your page.|
|Form title||Title displayed in Lock|
|Show big social buttons||Sets the size of the Social buttons in Lock|
|Icon URL||Sets the Lock icon|
|Enable Gravatar integration||Displays the user's gravatar picture when they enter their email address|
|Customize the Login Widget CSS||CSS snippet that will apply custom styles to the login widget|
Settings Located Under the Advanced Settings Tab
|Translation||A valid JSON object representing the Lock's
|Username style||Toggles whether the username should be a value selected by the user or their email address|
|Remember last login||Requests Single Sign-on (SSO) data and enables SSO|
|Widget URL||The URL of the latest Lock version|