WebToNative
  • Getting started
  • Plugin Setup
    • OneSignal Set Up
    • Google AdMob Setup
    • In App Purchase - iOS Setup
    • In App Purchase - Android Setup
    • Firebase Notification Integration - iOS Setup
  • Social Login Integrations
    • Getting the SHA Key for Google Login
    • Create Google OAuth Client Id
    • Facebook Login Configuration
  • Javascript APIS
    • Getting Started
    • Status Bar
    • Pull To Refresh
    • Close App
    • Device Info
    • Clear App Cache
    • OneSignal Push Notification
    • Download Files
    • Printing Options
    • AdMob
    • Geo Location
    • Load In External Browser
    • Barcode Scan
    • In App Purchase - iOS Integration
    • In App Purchase - Android Integration
    • Social Login
    • Facebook App Events
    • Bottom Navigation
    • Clipboard
    • Screen Control
    • Background Location
    • Native Contacts
    • iOS App Tracking Transparency
    • Google Firebase Analytics
    • Haptic Feedback
    • Google Firebase Notification
    • Apps Flyer
    • App Review
    • Calender - iOS
    • Calendar - Android
    • Biometric Authentication
    • Media Player
    • Notification View
    • Offer Card
    • Cookie Update
    • App Launch Detection
    • Download Manager
    • Dynamic App Icon
    • File Sharing
  • Website Plugins
    • Wordpress
      • Push notification (WooCommerce)
      • In-App Purchase
        • In-App Purchase (IAP) Configuration Guide for iOS and Android
        • In-App Purchase (WooCommerce)
        • In-App Purchase
      • Offercard
      • Biometric Authentication
      • Social Login
      • Webtonative media player
        • WebToNative Radio Player
        • MediaPlayer Native Control
    • Bubble.io
      • Customize Status Bar
      • Device-Based Element Visibility
      • Pull to Refresh (Android)
      • OneSignal Push Notification
        • Set External ID
        • Send Push Notification
        • Set/Remove Email or SMS Phone
        • Set Tag
      • Close App
      • Get Device Info
      • Clear App Cache (Android)
      • Screen Control
      • Facebook Events
        • Regular
        • Purchase
      • AdMob
      • Offercard
      • In-App Purchase
        • In-App Purchase (Android/iOS)
        • Get IAP Canceled Subscription List (iOS)
      • Social Login
      • Biometric Authentication
  • Shopify
    • Social Login
    • In-App Purchase
      • In-app purchase
    • Push Notification
      • Abandoned Cart
    • Status Bar Customization
    • Native Device Visibilty
    • Set Onesignal Tags
    • Pull to Refresh
    • Account Deletion
    • Biometric Authentication
  • Upload Apps
    • Android App
    • Ios App
Powered by GitBook
On this page
  • Configuring Social Login in Your Shopify App
  • Introduction
  • 1. Enabling Social Login
  • 2. Setting Up Facebook Login
  • 3. Setting Up Google Login
  • 4. Customizing the Login Page
  • 5. Troubleshooting & Plan Upgrade
  • Conclusion

Was this helpful?

  1. Shopify

Social Login

PreviousShopifyNextIn-App Purchase

Last updated 1 month ago

Was this helpful?

Configuring Social Login in Your Shopify App

Introduction

Social login allows customers to log in to your Shopify store using their Google or Facebook accounts. This guide provides a step-by-step process for store admins to enable and configure social login in the Shopify app without requiring technical expertise.


1. Enabling Social Login

1.1 Accessing the Social Login Settings

  1. Log in to your Shopify admin panel.

  2. Navigate to the Apps section and open the installed app.

  3. Locate and click on Social Login Settings.

1.2 Enabling Facebook and Google Login

  1. You will see options for Enable Facebook Login and Enable Google Login.

  2. Toggle the switches ON to enable the desired social login options.

  1. Click Save to apply the changes.


2. Setting Up Facebook Login

  1. Click on the Set Up Facebook Login button.

  2. Follow the on-screen instructions to create a Facebook Developer App.

  3. Once created, copy the Facebook App ID and Facebook App Secret.

  4. Paste these values into the respective fields in the Social Login Settings.

  5. Click Save to apply the changes.


3. Setting Up Google Login

  1. Click on the Set Up Google Login button.

  2. Follow the on-screen instructions to create a Google Developer App.

  3. Once created, copy the Google Client ID and Google Client Secret.

  4. Paste these values into the respective fields in the Social Login Settings.

  5. Click Save to apply the changes.


4. Customizing the Login Page

  1. Go to Online Store > Themes in your Shopify admin.

  2. Click Customize next to your current theme.

  3. Navigate to the Login Page section.

  4. Add the Social Login Block to the page.

  5. Click Save to finalize the changes.

Now, customers visiting your store’s login page will see the option to log in using Facebook or Google.


5. Troubleshooting & Plan Upgrade

5.1 Social Login Not Working?

  • Ensure that your Facebook App ID and Google Client ID are correctly entered.

  • Refresh your Shopify store and check if the social login buttons appear.

  • Clear the browser cache or try using a different browser.

  • If issues persist, contact support.

5.2 Upgrading Your Plan for Social Login

  • If social login is not available in your current plan, a message will appear prompting you to upgrade.

  • Click Upgrade Plan and follow the steps to activate a social login for your store.


Conclusion

Congratulations! You have successfully configured a social login for your Shopify store. Now, customers can quickly log in using their Google or Facebook accounts, improving their shopping experience.

For a detailed setup guide, refer to: .

For a detailed setup guide, refer to: .

Set Up Facebook App for Shopify Website Login
Set Up Google Shopify Website Social Login