{"id":1372,"date":"2025-02-01T07:56:38","date_gmt":"2025-02-01T07:56:38","guid":{"rendered":"https:\/\/documentation.iqonic.design\/streamit\/?p=1372"},"modified":"2025-02-03T09:03:18","modified_gmt":"2025-02-03T09:03:18","slug":"social-login","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/streamit\/2025\/02\/01\/social-login\/","title":{"rendered":"Social Login"},"content":{"rendered":"<div class=\"nolwrap\">\n<h3 class=\"wp-block-heading\"><strong>Introduction<\/strong><\/h3>\n\n\n\n<p>The miniOrange Social Login plugin lets your website visitors log in or register using their social media accounts (such as Google, Facebook, Twitter, etc.). With an easy installation and several options to customize the login appearance, you can quickly simplify user registration and improve the login experience without writing any code.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Step 1: Install and Activate the Plugin<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Log in to your WordPress dashboard.<\/li>\n\n\n\n<li>Navigate to <strong>Plugins &gt; Add New<\/strong>.<\/li>\n\n\n\n<li>In the search box, type <strong>\u201cminiOrange Social Login\u201d<\/strong>.<\/li>\n\n\n\n<li>Click <strong>Install Now<\/strong> on the miniOrange Social Login plugin.<\/li>\n\n\n\n<li>After installation, click <strong>Activate<\/strong> from the Plugins page.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>This step makes the plugin available on your website and is designed for users who are not developers.<\/em><\/p>\n<\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Step 2: Configure the Plugin Apps<\/strong><\/h4>\n\n\n\n<p>Once activated, the plugin settings allow you to choose which social apps you want to enable:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From your WordPress dashboard, go to the miniOrange Social Login settings (usually found under a new menu item named \u201cminiOrange\u201d or \u201cSocial Login\u201d)<\/li>\n\n\n\n<li>Click on the <strong>Configure Apps<\/strong> tab.\n<ul class=\"wp-block-list\">\n<li><strong>Pre-configured App:<\/strong> Use miniOrange\u2019s built-in settings if available.<\/li>\n\n\n\n<li><strong>Custom App:<\/strong> Set up your own credentials (this is what you\u2019ll do for Google).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>You will see icons for the various social login providers. You have two options for each:<\/li>\n\n\n\n<li>Select an icon (for example, click the Google icon) and follow the on-screen instructions.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Choosing your preferred social login app is as simple as clicking on its icon and following the guided steps.<\/p>\n<\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Step 3: Customize the Login Icons<\/strong><\/h4>\n\n\n\n<p>Personalize the look and feel of your social login buttons:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to the <strong>Customize Login Icons<\/strong> tab.<\/li>\n\n\n\n<li>Here you can:\n<ul class=\"wp-block-list\">\n<li>Preview how the icons will appear on your site.<\/li>\n\n\n\n<li>Choose from different shapes (round, square, etc.) and themes.<\/li>\n\n\n\n<li>Adjust the size, spacing, and colors to match your site\u2019s design.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Once satisfied, click <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>This allows you to ensure that the social login buttons integrate seamlessly with your website\u2019s design.<\/p>\n<\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Step 4: Set Display Options<\/strong><\/h4>\n\n\n\n<p>Decide where the social login buttons should appear on your site:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to the <strong>Display Options<\/strong> tab.<\/li>\n\n\n\n<li>Select the pages or forms where you want the social login options to appear (for example, the default WordPress login page, registration page, WooCommerce checkout page, or BuddyPress forms).<\/li>\n\n\n\n<li>Save your settings.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>You can control the placement of social login buttons so that visitors see them exactly where needed.<\/p>\n<\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Step 5: Configure Redirection Options<\/strong><\/h4>\n\n\n\n<p>Set up where users land after they log in or log out:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click on the <strong>Redirection Options<\/strong> tab.<\/li>\n\n\n\n<li>Specify the URL of the page where users should be redirected after a successful login or after logout.<\/li>\n\n\n\n<li>Save your configuration.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>This feature improves the user experience by ensuring they land on a page that fits your website\u2019s flow after signing in.<\/p>\n<\/blockquote>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Introduction The miniOrange Social Login plugin lets your website visitors log in or register using their social media accounts (such as Google, Facebook, Twitter, etc.). With an easy installation and several options to customize the login appearance, you can quickly simplify user registration and improve the login experience without writing any code. Step 1: Install [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":1059,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1372","post","type-post","status-publish","format-standard","hentry","category-streamit"],"featured_image_src":null,"author_info":{"display_name":"","author_link":"https:\/\/documentation.iqonic.design\/streamit\/author\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/1372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/comments?post=1372"}],"version-history":[{"count":20,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/1372\/revisions"}],"predecessor-version":[{"id":1700,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/1372\/revisions\/1700"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/1059"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/media?parent=1372"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/categories?post=1372"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/tags?post=1372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}