Contents

Guide To Display Social Login Icons using Shortcode In WordPress

Get this plugin

WordPress Social Login Plugin

Steps to Display Social Login Icons Using Shortcode In WordPress

Use shortcode on the page where you want to display the social login icons for sign up/Login.If you want to Display Social Login Icons with the same default settings:
Create a Page/Post and Copy this Shortcode [miniorange_social_login] and Paste it on your editor.

It is looks like below image:

You can use different attributes to customize social login icons. All attributes are optional except view like:

Square Shape Example: [miniorange_social_login shape="square" theme="default" space="4" size="35"]

Round Shape Example: [miniorange_social_login shape="round" theme="default" space="4" size="35"]

You can use different attributes to customize social login buttons for Long-Buttons use this shortcode and paste it.It will display the social login icons on the respective page.

Vertical View Shortcode: [miniorange_social_login shape="longbuttonwithtext" theme="default" space="8" width="180" height="35" color="000000"]

social login longbutton icons on website

Horizontal View Shortcode: [miniorange_social_login shape="longbuttonwithtext" view="horizontal" appcnt="3" theme="default" space="35" width="180" height="35" color="000000"]

social login horizontal icons on website

If you want to show selected applications without setting up default settings then use this shortcode. You can use different attributes to customize social login buttons.
If you want to show Applications like vkontakte,google,facebook in your Websites use this Shortcode:

[miniorange_social_login apps="vk,google,fb" shape="longbuttonwithtext" view="horizontal" theme="default" space="10" width="200" height="35" color="000000"]

social login select apps like vk,google,fb

Note: 1. If you are not registered with miniOrange and Custom App is also not set up then please register with us first or set up Custom App otherwise the buttons will be disabled.

2. If Facebook is selected then please set up Custom App first otherwise the buttons will be disabled.

You can use shortcode in PHP file as following:

You can simply copy the shortcode and paste it in the required PHP file.It will display the social login icons on the respective page.
Replace SHORTCODE in above code with the required shortcode like [miniorange_social_login theme="default"]
so the final code looks like following :