Skip to content
  • Blog
  • Docs
    • Knowledge Base
    • Changelogs
  • My Account
  • Support
  • Contact
Menu
  • Blog
  • Docs
    • Knowledge Base
    • Changelogs
  • My Account
  • Support
  • Contact
  • Home
  • eBooks
  • Widgets
  • WooCommerce
  • Templates
    • Page Templates
    • Section Templates
  • Features
    • Background Effects
    • Display Conditions
    • Header Footer Builder
    • Cross-Domain Copy Paste
  • Pricing
Menu
  • Home
  • eBooks
  • Widgets
  • WooCommerce
  • Templates
    • Page Templates
    • Section Templates
  • Features
    • Background Effects
    • Display Conditions
    • Header Footer Builder
    • Cross-Domain Copy Paste
  • Pricing

PowerPack Documentation

Home » Docs » Widgets » Login Form » How to Create a Google Client ID for Login Form?

How to Create a Google Client ID for Login Form?

Table of Contents

Since PowerPack version 1.5.0 you can now allow the users to log in to the site using Google or Facebook. This not only provides a faster onboarding experience for a user but also smoothes out the flow.

Let’s see how we can set up Google’s Social Login feature.

Get the Google Client ID

1. Go to https://console.developers.google.com/

2. Setup a New Project or use the existing Project.

3. In the project’s sidebar menu go to OAuth Consent Screen.

Setup the OAuth Credentials

1. On the OAuth, Consent Screen page set the Application Type as Public and provide it a valid name.

2. Fill in the support email and authorization domain correctly.

3. Save the settings after reviewing them and you’ll be redirected to the Credentials screen.

Setting Up the OAuth Client ID

1. On the Credentials, dialogue box select OAuth Client ID

2. Now set the application type as Web Application

3. In the Authorized JavaScript Origins add the site URL without any subdomains and click save. This domain should be the same as the domain of the site on which Login Form is used.

4. Copy the Client ID and paste it in the WP Admin > Elementor> PowerPack > Integration

5. Click Save Settings and we’re good to use Google’s Social Login.

Add Google Client ID to the PowerPack's Settings
Add Google Client ID to the PowerPack’s Settings

Couldn’t find what you were looking for? Feel free to contact us for any questions.

  • Filed Under: Login Form

Last updated on June 10, 2020

PrevPreviousHow to Setup Custom Login/Register Page?
NextHow to Setup Post Registration Actions?Next
Account Information
Development
Extensions
Getting Started
Troubleshooting
Background Effects
Business Hours
Button
Counter
Display Conditions
Dual Heading
Flip Box
Google Maps
Header/Footer
Icon List
Image Comparison
Image Gallery
Image Hotspots
Info Box
Info Box Carousel
Info List
Instagram Feed
Login Form
Login/Register
Logo Carousel
Logo Grid
Magic Wand
Mini Cart
Modal Popup
Off-Canvas Cart
Off-Canvas Content
Posts
Price Menu
Pricing Table
Promo Box
Registration Form
Table
Table of Contents
Template Library
Tiled Posts
White Label
Woo Products
WooBuilder
WPForms Styler

Got questions? Need help?

If you have any questions or need help with something that’s not available in our knowledge base then please contact our support team. We will be happy to assist you. ​
Contact Us

Account & Downloads

Documentation

Documentation

Support Request

Support Request

Company

  • About Us
  • Blog
  • Affiliate Program
  • Terms & Conditions
Menu
  • About Us
  • Blog
  • Affiliate Program
  • Terms & Conditions

Account

  • Login
  • Support
  • Affiliates
  • Translation Project
Menu
  • Login
  • Support
  • Affiliates
  • Translation Project

Connect With Us

  • Email
  • Youtube
  • Twitter
  • Facebook
Menu
  • Email
  • Youtube
  • Twitter
  • Facebook

Products

  • Dashboard Welcome for Elementor
  • PowerPack for Beaver Builder
  • WPfomify
  • DiviMonk
Menu
  • Dashboard Welcome for Elementor
  • PowerPack for Beaver Builder
  • WPfomify
  • DiviMonk

© 2020 – PowerPack Elements | All rights reserved

Latest Widgets

  • Login Form
  • Registration / Signup Form
  • WooCommerce My Account
  • Sitemap

Essential Widgets

  • Accordions
  • Buttons
  • Dual Heading
  • Divider
  • Fancy Heading
  • Tabs
  • Table

Content Widgets

  • Category Grid & Slider
  • Content Ticker
  • Flipbox
  • Google Maps
  • Icon List
  • Info Box
  • Info Box Carousel
  • Info Table
  • Info List
  • Logo Carousel
  • Logo Grid
  • Off Canvas Content
  • Recipe
  • Testimonials
  • Team Member
  • Team Member Carousel
  • Timeline
  • Login Form
  • Registration Form

Posts Widgets

  • Advanced Posts
  • Magazine Slider
  • Tiled Posts
  • Content Ticker
  • Post Timeline
  • Card Slider

Pricing Widgets

  • Dual Pricing (Content Toggle)
  • Pricing Table
  • Restaurant Menu

Navigation Widgets

  • Advanced Menu
  • Breadcrumbs
  • Link Effects
  • One Page Navigation
  • Off Canvas Content

Image Widgets

  • Album
  • Card Slider
  • Devices
  • Gallery / Filterable Gallery
  • Image Accordion
  • Image Comparison
  • Image Hotspot
  • Scroll Image
  • Showcase Widget
  • Slider / Carousel
  • Tabbed Gallery

Video Widgets

  • Devices
  • Gallery / Filterable Gallery
  • Video
  • Showcase

SEO Widgets

  • Table of Content
  • Breadcrumbs
  • FAQ Schema
  • How-to Schema
  • Sitemap

Social Media Widgets

  • Instagram Feed
  • Twitter Button
  • Twitter Embed
  • Twitter TImeline

Marketing Widgets

  • Business Hours
  • Coupons
  • Content Toggle
  • Countdown Timer
  • Number Counter
  • Popup Box
  • Review Box
  • Promo Box

WooCommerce Widgets

  • Add to Cart Button
  • Cart Page Styler
  • Checkout Page Styler
  • Mini Cart
  • My Account
  • Off Canvas Cart
  • Products Grid & Slider
  • Product Categories Grid & Slider

Form Styler Widgets

  • Gravity Forms
  • Caldera Forms
  • Ninja Forms
  • Contact Form 7
  • WP Forms
  • Fluent Forms
  • Formidable Forms

Extensions

  • Cross Domain Copy Paste
  • Display Conditions
  • Header Footer Builder

Background Effects

  • Birds
  • Bubbles
  • Dot Animation
  • Fog
  • Waves
  • NASA Animation
  • Net Animation
  • Particles
  • Snow Effect

Built by IdeaBox Creations, Inc.