Guide To Display Social Login Icons using Shortcode In WordPress

Guide To Display Social Login Icons using Shortcode In WordPress



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.
  • social login shortcode in edit page
  • It is looks like below image:
  • social login icons on website
  • 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"]

    round/square shape icons on website
  • 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 social login SHORTCODE selected apps

    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 :
  • social login SHORTCODE in PHP file
  • You can download social login plugin using the following link.

Popular Integrations

WooCommerce Integration

With Woocommerce Integration you can Display Social Login buttons on Woocommerce pages and prefill details of a user in the billing and
checkout fields

Know more →

Discord Integration

Discord Integration add-on allows you to restrict the login/registration
of user based on
whether the user is present
in the Discord server

Know more →

HubSpot Integration

Hubspot Addon provide hubspot integration
where user contact will be automatically added to hubspot contact list on
successful registration via
social login applications

Know more →

Custom Registration form

With Custom Registration Form Add-On integrate details of new and existing users. Add multiple fields including the one returned by social sites during registration

Know more →

BuddyPress Integration

Buddypress integration add-on provides you both the features buddypress display option
and buddypress
extended attribute mapping

Know more →

MailChimp Integration

Mailchimp Add-On helps you to
integrate details of new as well as existing users. Mailchimp helps to Engage your audience with beautiful, branded emails.

Know more →

Additional Resources


If you are looking for anything which you cannot find, please drop us an email on socialloginsupport@xecurify.com

Hello there!

Need Help? We are right here!

support
Contact miniOrange Support
success

Thanks for your inquiry.

If you dont hear from us within 24 hours, please feel free to send a follow up email to info@xecurify.com