> For the complete documentation index, see [llms.txt](https://uxper.gitbook.io/civi-job-board-wordpress-theme/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/civi-job-board-wordpress-theme/faqs/how-to-set-up-social-login-google-facebook-linkedin...-on-the-civi-theme.md).

# 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 %}