> For the complete documentation index, see [llms.txt](https://uxper.gitbook.io/wp-golo/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://uxper.gitbook.io/wp-golo/faqs/how-to-setup-login-via-facebook-and-google.md).

# How to setup Login via Facebook & Google

Social Login allows your users to quickly sign in or register to your website using their existing social media accounts, without having to remember another password.

Our **Golo Theme** is designed to seamlessly integrate with any third-party Social Login plugin via Shortcodes. This guide will show you how to set it up step-by-step using **Nextend Social Login** (one of the most popular, free, and beginner-friendly plugins available).

***

### Step 1: Install the Nextend Social Login Plugin <a href="#user-content-step-1-install-the-nextend-social-login-plugin" id="user-content-step-1-install-the-nextend-social-login-plugin"></a>

Since the Golo theme uses a Shortcode to display the social login buttons, you will first need a dedicated plugin to handle the connections:

1. Log in to your WordPress **Admin Dashboard**.
2. Navigate to **Plugins** > **Add New** from the left sidebar.
3. In the search bar on the top right, type: **Nextend Social Login**.
4. Look for the plugin named *Nextend Social Login and Register*. Click on **Install Now**.
5. Once the installation is complete, click **Activate**.

***

### Step 2: Configure Your Facebook and Google Apps <a href="#user-content-step-2-configure-your-facebook-and-google-apps" id="user-content-step-2-configure-your-facebook-and-google-apps"></a>

For your website to connect with Facebook and Google, you need to provide an `App ID` and an `App Secret`.

1. From your WordPress Dashboard, go to **Settings** > **Nextend Social Login**.
2. You will see configuration panels for various social networks, including Facebook and Google.
3. Click the **Getting Started** button under the network you want to configure.
4. The plugin provides extremely detailed, step-by-step visual instructions on how to create the necessary Apps on Facebook/Google to obtain your ID and Secret keys. Follow those instructions carefully.
5. Once configured, verify your settings and **Enable** the networks you wish to use.

***

### Step 3: Display Social Login Buttons on the Golo Theme <a href="#user-content-step-3-display-social-login-buttons-on-the-golo-theme" id="user-content-step-3-display-social-login-buttons-on-the-golo-theme"></a>

Golo comes with a beautifully designed login popup right out of the box. All you have to do is paste the plugin's Shortcode into the Golo Theme Options:

1. Go back to your WordPress Dashboard.
2. Find and click on **Golo > Theme Options** in the left menu.
3. Scroll down and click on the **Login Option** tab.
4. Next to **Enable Social Login**, toggle the switch to **On**.
5. In the **Social Login Shortcode** text box, paste the following shortcode exactly as written: `[nextend_social_login]`
6. Scroll down to the bottom and click **Save Options**.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://uxper.gitbook.io/wp-golo/faqs/how-to-setup-login-via-facebook-and-google.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
