Joomla Login and Subscription through Google

The TF Mail component allows users on your site to use their Google account to subscribe, login or register on your Joomla! site.

Before you can use Google subscription, you need to create a Google app.

Step 1: Google App

Visit Google Developer Console. Click Create Project to create a new project.

Enter a name for your API project. This is visible only to you. Next, click the Create button to create your API project.

From the sidebar ("hamburger" menu) click on API and Services and navigate to Credentials.

Step 2: Consent Screen

Click on the Configure Consent Screen button. This is where you set up the user-facing aspect of your login page.

  • User Type: Select External. This allows anyone with a Google account to subscribe log in to your site. Click on Create.
  • App name: Fill in the Application Name which is what your users see when they are logging in to your site.
  • User support email: Select the email address.
  • Authorized domains: Add the domain name(s) for the sites.
  • Developer contact information: Enter your email address.

After filling in the information, click on Save and Continue button. Keep clicking Save and Continue button for Scopes and Test Users. You may skip these. From the summary page, click Back to Dashboard.

From OAuth consent screen, click on Publish App button.

Step 3: Credentials

Now, from the Credentials page, click Create Credentials and then select OAuth Client ID.

  • Application type: Select Web application.

Authorized redirect URIs

Add Uri in the format:

https://www.example.com/index.php?option=com_tfmail&task=subscribe.google

Replace www.example.com with your website URL. Click on Create button.

You will see Client ID and Client Secret. Note them down. You will need to enter them in the component options in the next step.

Step 4: Component Options

From the Joomla! administration, navigate to the component options.

Under the social tab, enable the Google. Enter the Client ID and Client secret. Save the configuration.

Step 5: Google Button

You can add the subscription or login button from the component menu, subscription module, and Joomla! login page. Under the options tab, Enable Google. This option is available at three places:

  1. TF Mail Component menu options
  2. TF Subscribe module
  3. TF Mail Plugin (for Joomla! login)