Droip lets you integrate Social Login into your website, giving your visitors the convenience of signing in with their preferred accounts instead of creating new credentials. 

Currently, Droip supports Google, Facebook, and Twitter login options.

1. Google Login

Step 1: Collect Google Client ID and Secret

To enable Google Login, you’ll first need to create a project in the Google Cloud Console and obtain your Client ID and Client Secret.

  1. Go to the Google Cloud Console.
  2. Sign in with your Google account.
  3. Navigate to APIs & Services > Credentials.
  4. Click Create Credentials → OAuth Client ID.
  5. Under Application type, select Web Application.
  6. Configure the OAuth consent screen if prompted (add app name, email, and authorized domain).

Add the following Redirect URI: https://yourdomain.com/wp-json/GoogleLogin/v1/Auth/google-login

 (Replace yourdomain.com with your actual website domain.)

  1. Click Create and copy the generated Client ID and Client Secret.

Step 2: Configure Google Login in Droip

Configure Google Login in Droip
  1. Open your site in the Droip Editor.
  2. From the Left Panel, click on Apps.
  3. Search for Google Login.
  4. Right-click on it and select Configure.
  5. Enter your Client ID and Client Secret.
  6. Enter a Success URL (the page the user will be redirected to after successful login).
  7. Click Save.

Step 3: Display Google Login on Your Site

You can only insert Google Login on the Login Page.

Display Google Login on Your Droip Site

  1. To create one, go to Pages > click + > select Login from the Utility Pages.
  2. Customize the login form to match your website style.
  3. Go to Apps, search Google Login, and click Insert.
  4. The Google login option will now appear inside your login form.
  5. Make sure to publish the page. 

Preview & Test Your Login Page

When customizing the login page with social login options, you won’t be able to see the Google Login option in the same browser where you’re logged into the Droip editor.

To preview and test your login form, open the page in an Incognito browsing window. This ensures you see the login flow as a real user would.

You can follow the similar process to set up register with Google. 

2. Facebook Login

Step 1: Collect Facebook App ID and Secret

  1. Visit the Meta for Developers.
  2. Log in with your Facebook account.
  3. Click My Apps > Create App.
  4. Enter your app name, contact email, and click Next.
  5. For use cases, choose Other and click Next.
Collect Facebook App ID and Secret

  1. Choose Consumer as the app type and click Next. Enter your app name, contact email, and click Create App.
Setup Facebook App ID and Secret

  1. Then, select Facebook Login as the product, and go to Settings. Add the following Redirect URI: https://yourdomain.com/wp-json/GoogleLogin/v1/Auth/google-login  (Replace yourdomain.com with your actual website domain.)
Enter Redirect URI to Set Up Facebook Login

  1. From the left menu, go to App Settings > Basic.
  2. Make sure you have the site URL added, the copy your App ID and App Secret.
  3. Add your website domain under App Domains.
  4. Save changes.

Step 2: Configure Facebook Login in Droip

  1. Open the Droip Editor.
  2. From the Left Panel, click Apps.
  3. Search for Facebook Login.
  4. Right-click → Configure.
  5. Add your App ID and App Secret.
Configure Facebook Login in Droip

  1. Enter a Success URL (the page the user will be redirected to after successful login).
  2. Click Save.

Step 3: Display Facebook Login on Your Site

  1. Make sure you have a Login Page created.
  2. From Apps, insert Facebook Login inside the login form.
  3. Customize the button style if needed.

Similarly, you won’t be able to preview the Facebook Login option in the same browser where you’re logged into the Droip editor.

To preview and test your login form, open the page in an Incognito browsing window. This ensures you see the login flow as a real user would.

Droip makes it easy to add a user registration page to your site so visitors can create accounts and access your content. 

This guide shows you how to set it up, customize it, and test it properly.

1. Create a Registration Page

Create a Registration Page in Droip
  1. Open the Droip Editor.
  2. From the Pages panel, click +.
  3. Select Registration under Utility Pages.

Droip will automatically add a pre-made registration form to the page.

2. Enable User Registration in WordPress

Enable User Registration in WordPress

Before users can sign up, you must allow new registrations in WordPress:

  1. From your WordPress admin dashboard, go to Settings > General.
  2. Check the box Anyone can register.
  3. Save changes.

3. Customize the Registration Form

Use the Droip editor to style and arrange the form to fit your website design. To let users register with Google Login, add the Google Login app to your registration form.

See detailed documentation on Google Login setup for steps.

4. Preview and Test the Registration Page

If you’re already logged into your site, the registration page will appear blank. To preview it open the page in an Incognito window, or Log out of your site and refresh the page.

This ensures you see the registration form as a new visitor would.

5. Check Registered Users

After someone successfully registers through your site:

  1. Go to your WordPress Admin Dashboard.
  2. Navigate to Users > All Users.
  3. You’ll see the newly created account listed there.