# How to Set Up Social Login (Google, Facebook, LinkedIn...) on the Civi Theme

{% hint style="info" %}
Starting from version 2.1.6.3, Civi has updated the way it integrates with the social login feature.
{% endhint %}

## 1. Install the Plugin

Go to **Admin Dashboard → Plugins → Add New**

* Search for: `Social Login, Social Sharing by miniOrange`
* Click **Install Now** → then **Activate**

<figure><img src="/files/FBiWjAt9jt1EUwq9P8wB" alt=""><figcaption></figcaption></figure>

## 2. Register a miniOrange Account

* After activation, the plugin will ask you to register or log in to a miniOrange account.
* Enter your email, password, and confirm registration.
* Once registered, you’ll be redirected to the configuration page.

<figure><img src="/files/MuQjYQYMdgC8f2mCSx6t" alt=""><figcaption><p>Mini Orange on your admin menu.</p></figcaption></figure>

3. **Configure Social Login Providers**

Click on "**Configure Apps**". You will see a list of supported providers: **Google, Facebook, LinkedIn, Twitter, etc.**  Switch to the right which social as you want. Example: Google.

<figure><img src="/files/7z5puOZtAquIVyvWmzzt" alt=""><figcaption><p>Select the social which you prefer.</p></figcaption></figure>

Enter your **App Id** and **App Secret,** corresponding to the selected social. On the right side you can see a short intruction to get the App Id and App secret key also.&#x20;

<figure><img src="/files/FgHtSO9a7xMX5yh55udU" alt=""><figcaption><p>Fill in your App Id and App Secret Key.</p></figcaption></figure>

{% embed url="<https://www.youtube.com/watch?ab_channel=miniOrange&v=q7nK1lp7yqc>" %}
How to Setup Google App in miniOrange Social Login plugin. created by MniniOrange.
{% endembed %}

4. **Display on the Frontend**

Copy the shortcode from **miniOrange** and paste it into Login field of Civi.

<figure><img src="/files/n2yG8q1KQBYSxVI5fHKw" alt=""><figcaption><p>Copy the shortcode of miniOrange.</p></figcaption></figure>

Go to **Theme Options** ⇒ **Login/Register** ⇒ **Social Option**. Then paste the shortcode of MiniOrange into the input field. Then "**Save**" it.&#x20;

<figure><img src="/files/9OJACAHPXuAVuDtCgpRE" alt=""><figcaption><p>Paste the shortcode into Theme Options.</p></figcaption></figure>

Checkout the result.

<figure><img src="/files/njgeX8lf2n3nafkQ7llh" alt=""><figcaption><p>Social login in the Login pupup.</p></figcaption></figure>

{% hint style="info" %}
Please make sure that you have entered the correct **App ID** and **Secret Key** provided by the corresponding social platform (e.g., Google, Facebook, LinkedIn). Incorrect credentials may cause the login to fail.

Hint: Click this button to quick check your Configuration.

<img src="/files/1QZSsHNxxQ8VqA3XYmf2" alt="" data-size="original">
{% endhint %}


---

# Agent Instructions: 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:

```
GET https://uxper.gitbook.io/civi-job-board-wordpress-theme/faqs/how-to-set-up-social-login-google-facebook-linkedin...-on-the-civi-theme.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.