Skip to content
The Plus Addons for Elementor
  • Starter Templates
  • Widgets
      • Essentials
      • Creative
      • Section
      • Tabbed
      • Form Stylers
      • Page Scrolls
      • Social
      Essentials
      • Advance Text Block

      • Audio Player

      • Countdown

      • Dark Mode

      • Login Form

      • Message Box

      • Pie Chart

      • Pricing Table

      • Social Icon

      • Syntax Highlighter

      • Breadcrumbs Bar

      • Advanced Chart

      • Blockquote

      • Coupon Code

      • Heading Title

      • Registration Form

      • Preloader

      • Progress Bar

      • Social Sharing

      • Table Of Contents

      • Data Table

      • Age Gate

      • Buttons

      • Video

      • Info Box

      • Password Reset Form

      • Number Counter

      • Pricing List

      • Protected Content

      • Stylish List

      • Google Map

      Creative
      • Advanced Buttons

      • Advertisment Banner

      • Animated Service Boxes

      • Before After

      • Carousel Remote

      • Creative Images

      • Dynamic Devices

      • Hotspot/ Pin Point

      • Image Cascading

      • Lottiefiles On Scroll

      • Mouse Cursor

      • Timeline

      • Smooth Scroll

      • Advanced Typography

      • Animated Separators

      • Animated Text

      • Carousel Anything

      • Circle Menu

      • Draw SVG

      • Flipbox

      • Hover Card

      • Lottiefiles

      • Morphing Sections

      • Process/ Steps

      • Unfold

      Section
      Section Background
      • Section Background

      • Particles Background

      • Image Gallery Background

      • Parallax Background

      • Multi Layer Parallax

      • Segment Background

      • Video Background

      Special Background
      • Special Background

      • On Scroll Animated Gradient Background

      • On Scroll Row Background Color Change Gradient

      • On Scroll Row Background Color Change

      • On Scroll Morphing Shape Row Background

      • On Scroll Background Fixed SVG Morphing

      • 10+ Page Scroll Effects

      Craft Stunning Full Page Elementor Scroll Experiences

      Learn More
      Tabbed
      • Accordion

      • Switcher

      • Advanced Tabs

      • Smarter Content Navigation

      Create Powerful Tabbed Interfaces That Users Actually Love

      Learn More
      Form Stylers
      • Google Map

      • Ninja Forms

      • Gravity Forms

      • Everest Forms

      • Meeting Scheduler

      • Contact Form 7

      • WP Forms

      • Mailchimp Subscription

      • Ready-to-Use Demos

      Explore Our Own Powerful Drag & Drop Form Builder for Elementor

      Learn More
      • 6+ Form Plugin Supported

      Style Any Popular Form Plugin Like a Pro — No Code Needed

      Learn More
      Page Scrolls
      Full Page
      • Full Page Scroll

      • Multi Scroll 30/ 70

      • Page Piling

      • Image Scroll Sequence

      • Multi Scroll 50/ 50

      Section Background
      • Section Background

      • Canvas Background

      • Row Background

      • Special Background

      • Gallery Background

      • Segmented Background

      • Video background

      Horizontal Scroll
      • Horizontal Scroll

      • Background Color Change

      • Fixed Background Image

      • Background Image Change

      Social
      Social Reviews & Badge
      • Social Review

      • Facebook Review

      • Facebook Badge

      • Mixed Reviews Wall

      • Google Review

      • Google Badge

      Social Feed
      • Social Feed

      • Facebook Feed

      • Twitter Feed

      • Instagram Feed

      • Vimeo Feed

      • YouTube Feed

      • Multi Social Feed

      Social Embed
      • Social Embed

      • Vimeo Embed

      • Facebook Embed

      • Google Map Embed

      • YouTube Embed

      • X Embed (Twitter)

      • Instagram Embed

  • Listing
      • Blog Posts
      • Woo Products
      • Dynamic Content
      • Magazine Posts
      • Image Gallery
      • Testimonials
      • Team Members
      • Client Logos
      Blog Posts
      Post Layouts
      • Blog Post

      • Post Carousel

      • Post Masonry

      • Post Metro

      • Post Grid

      • Custom Post Loop Skins

      Post Loading Method
      • Post Load More

      • Post Pagination

      • Post Category Filter

      • Post lazy Load

      Customize Your Entire Blog Website Like a Pro - Introducing Blog Builder

      Learn More
      Woo Products
      Woo Product Layouts
      • WooCommerce Product

      • Product Carousel

      • Product Masonry

      • Product Grid

      • Product Metro

      • Custom Product Loop Skins

      Woo Product Loading Method
      • Product Load More

      • Product Pagination

      • Product Category Filter

      • Product lazy Load

      Customize Your Entire WooCommerce Store — Product, Cart, Checkout & Search — With Our WooCommerce Builder

      Learn More
      Dynamic Content
      • Dynamic Listing

      • Dynamic Category

      Create Dynamic Website with Live Search, 15+ Ajax Filters & Post Layouts — All With Our Grid Builder

      Learn More

      Customize Single, Archive, 404, Header & Footer Pages Visually — All with Our Powerful Theme Builder

      Learn More
      Magazine Posts
      • Dynamic Ticker

      • Magazine Filter

      • Magazine Slider

      • Magazine Builder

      Create Stunning Magazine-Style Layouts with Filters, Sliders & Dynamic Headlines

      Learn More
      Image Gallery
      Layouts
      • Image Gallery

      • Image Carousel

      • Image Grid

      • ACF Gallery Field

      • Image Masonry

      • Image Metro

      Loading Method
      • Image Category Filter

      • Visual Showcase

      Grab attention with interactive Image Galleries that load fast and look stunning

      Learn More
      Testimonials
      • Layout

      • Testimonials

      • Testimonial Carousel

      • Testimonial Grid

      • Testimonial Masonry

      • Build Trust

      Build trust instantly by displaying real Testimonials in modern, eye-catching styles

      Learn More
      Team Members
      Layouts
      • Team Members

      • Team Carousel

      • Team Grid

      • Team Masonry

      Loading Method
      • Team Category Filter

      • Team Profiles

      Humanize your brand with engaging Team Member sections that connect with visitors

      Learn More
      Client Logos
      Layouts
      • Client Logo

      • Logo Carousel

      • Logo Grid

      • Logo Masonry

      Loading Method
      • Logo Category Filter

      • Brand Trust

      Strengthen credibility by showing trusted Client Logos in polished layouts

      Learn More
  • Builder
      • Header Builder
      • Footer Builder
      • Blog Builder
      • WooCommerce Builder
      • Form Builder
      • Grid Builder
      • Popup Builder
      Header Builder
      • Header Builder

      Learn More
      Navigation Menu
      • Navigation Menu

      • Mobile Menu

      • Horizontal Menu

      • Site Logo

      • Vertical Menu

      • Scroll Navigation

      Mega Menu
      • Horizontal Mega Menu

      • Vertical Mega Menu

      • Vertical Sidebar Menu

      Header Extras
      • Header Search

      • Langauage Switcher

      • Toggle Icons

      • Login Form

      • Music Player

      • Woo Mini Cart

      • CTA Buttons

      Header Effects
      • Sticky Header

      • Transparent Sticky Header

      • Hide Header on Scroll

      • Change Menu Logo on Scroll

      • Header on Scroll Color Change

      • Sticky Glassmorphism

      • Shrinking Header Effect

      Footer Builder
      • Footer Builder

      Learn More
      Build a Custom Footer Using These Powerful Widgets
      • Site Logo

      • Footer Text

      • Icon List

      • Social Feed

      • App Download Button

      • Blog Posts

      • Stylish List

      • Social Icons

      • Review Badge

      • Mailchimp Newsletter Form

      • Marquee Text

      • Facebook & Google Review

      • The Ultimate Footer Builder

      Tired of Theme Limitations? Build the Footer You Actually Want — Logo, Links, Forms, Reviews & More

      Learn More
      Blog Builder
      • Blog Builder

      Learn More
      • Post Title

      • Post Author Box

      • Post Meta

      • Post Search

      • Post Content

      • Post Navigation

      • Post Featured Image

      • Post Comments

      Blog Post Layout
      • Blog Post

      • Post Carousel

      • Post Metro

      • Post Grid

      • ACF Repeter

      • Post Masonry

      • Custom Post Loop Skins

      Build Stunning Blog Layouts with Ease — Fully Customizable Blog Pages with Advanced Widgets

      Learn More
      WooCommerce Builder
      • WooCommerce Builder

      Learn More
      • My Account Page

      • Product Comapre

      • Product Wishlist

      • Product Filter

      • Order Track Page

      • Product Search

      • Cart Page

      • Single Product Page

      • Product Category Page

      • Quick View

      • Checkout Page

      • Thank You Page

      Woo Product Listing
      • WooCommerce Product

      • Product Carousel

      • Product Grid

      • Product Metro

      • Product Masonry

      • Complete WooCommerce Builder

      Create a Modern eCommerce Store with 15+ Ajax Filters & Instant Product Search — No Extra Plugins Needed

      Learn More
      Form Builder
      • Form Builder

      Learn More
      • Form Widget

      • Phone Number

      • Dropdown

      • Numeric Input

      • Agree to Terms

      • Name Field

      • Message

      • Radio Button

      • Pick a Date

      • Website URL

      • Email Address

      • Submit Button

      • CheckBox

      • Pick a Time

      View 22+ Form Fields
      • Form Builder

      Build Advanced Forms Visually in Elementor — with 22+ Field Types & Ready-to-Import Layouts

      Learn More
      Grid Builder
      • Grid Builder

      Learn More
      Post Loop Styles
      • Blog Post Custom Loop Skins

      • Woo Product Loop Skins

      • Dynamic Content Loop Skins

      • HTML Post Loop Skins

      Post Layout Manager
      • Grid

      • Masonry

      • Metro

      • Magazine

      • Carousel

      Post Loading Method
      • Infinite Loading

      • Ajax Pagination

      • Load More

      Ajax Search & Filters
      • Ajax Filters

      • Inline Filters

      • 15+ Ajax Filter Fields

      • Horizontal Filters

      • Sidebar Filters

      • Vertical Filters

      • Ajax Live Search

      Integrated with
      • ACF

      • JetEngine

      • Pods

      • Metabox

      Popup Builder
      • Popup Builder

      Learn More
      • Modal Popup

      • Corner Box Popup

      • Reveal Content

      • Slide-In Popup

      Make Your Popups Smarter with these Widgets
      • MailChimp

      • Login & Register

      • Coupon Code

      • Countdown Timer

      • Advanced Popup Builder

      Create High-Converting Popups with Modal, Slide-in, Countdown & More — Fully Customizable in Elementor

      Learn More
  • Extras
      • Special Features
      • Global Options
      • Column Extras
      • Display Rules
      • Effects
      • Event Tracker
      • Theme Builder
      • Extensions
      • Figma to Elementor
      Special Features
      • Cross Domain Copy Paste

      • Equal Height

      • Grid Design Tool

      • On Scroll Animation Content

      • Whitelabel Plugin

      • Tilt 3D Effects

      • Custom CSS

      • Global Mouse Hover Parallax

      • Magic Scroll Integration

      • Row Section Scroll Animation

      • Wrapper Link

      • Elementor But Smarter

      Do More in Less Time — Smart Utilities to Supercharge Your Workflow

      Learn More
      Global Options
      • Continuous Effects

      • Tooltips

      • Special Overlay Color

      • Make it Awe-Some

      Mesmerize Your Visitors with Seamless Visual Effects across Your Entire Website

      Learn More
      Column Extras
      • Column Ordering Devices

      • Custom Media Query Breakpoints

      • Column Width (Px, %, calc0)

      • Sticky Column

      • Layout Control

      Perfect Your Layout on Every Screen with Custom Column Control, Sticky Positioning & Smart Breakpoints

      Learn More
      Display Rules
      Display Conditions
      • Display Rules

      • Visitor

      • Login Status

      • Date and Time

      • Language

      • Time or Day of Week

      5+ Display Condition
      WooCommerce Display Conditions
      • WooCommerce

      • Cart Product Category

      • Items in Cart

      • Cart Subtotal

      • Purchase Date

      • Cart Total

      20+ Display Condition
      Custom Fields Display Conditions
      • Custom Fields Rules

      • Dynamic Custom Fields

      • Empty Custom Field

      • Custom Field Value

      Effects
      • Multi Box Shadows

      • Neumorphism

      • Multi Drop Shadows

      • Glassmorphism

      • Modern Look

      Add a Premium Feel to Your Designs with Modern Effects Like Glassmorphism & Shadows That Pop

      Learn More
      Event Tracker
      • Facebook Pixel Event Tracker

      • GA4 - Google Analytics Event Tracker

      Track Events Like
      • Logins and Signups

      • Button Clicks

      • Form Submissions

      Track Custom Event & More
      • Download Clicks

      • Measure Everything

      Know What Users Click, Submit & Sign Up For — Track Events Seamlessly with GA4 & Facebook Pixel

      Learn More
      Theme Builder
      • Theme Builder

      Learn More
      • Header Builder

      • Breadcrumbs Bar

      • Single Pages

      • Display Rules for Theme Builder

      • Footer Builder

      • 404 Page

      • Archive Pages

      • Action & Filter Hooks

      • This feature is part of the Nexter Extension — included with The Plus Addons for Elementor Pro plan.

      Visually Build Every Part of Your Website with Widgets — Header, Footer, 404, Archive, and More in One Place

      Learn More
      Extensions
      Performance
      • Self-Host Google Fonts

      • Heartbeat Control

      • Time or Day of Week

      View 6+ Extensions
      • Revisions Control

      Security
      • 2 Factor Authentication

      • Captcha

      • Custom Login URL

      View 6+ Extensions
      • Login Email Notifications

      Utilities
      • Duplicate Post

      • Custom Upload Fonts

      • Replace Media

      View 10+ Extensions
      • Google & Adobe Fonts

      Code Snipets
      • PHP Code

      • CSS Code

      • JS Code

      View 5+ Extensions
      • HTML Code

      Admin Interface
      • Clean Admin Bar

      • User Profile Clean

      • Display Active Plugins First

      View 5+ Extensions
      • Branded WP Admin

      This feature is part of the Nexter Extension — included with The Plus Addons for Elementor Pro plan.
      Figma to Elementor
      Introducing UiChemy - Convert your Figma Designs to 100% Editable Elementor Websites
      • Supports Elementor FREE & Pro Widgets

      • Supports The Plus Addons for Elementor Widgets

      • 100% Mobile & Tablet Responsive

      Learn More
      UiChemy is a standalone Figma plugin — not included in The Plus Addons for Elementor.
  • Resources
      • Explore

      • Changelog

        NEW
      • Request Feature

      • Roadmap

      • Compare FREE vs PRO

      • Reviews

      • Community

      • Blog

        NEW
      • Facebook Community

      • Video Tutorials

      • Join Affiliate

      • Join Discord Channel

        NEW
      • Support

      • Documentations

      • Free Helpdesk

      • Pro Helpdesk

      • Live Chat

      • Al Chat

        24X7
  • Pricing
  • Starter Templates
  • Widgets
      • Essentials
      • Creative
      • Section
      • Tabbed
      • Form Stylers
      • Page Scrolls
      • Social
      Essentials
      • Advance Text Block

      • Audio Player

      • Countdown

      • Dark Mode

      • Login Form

      • Message Box

      • Pie Chart

      • Pricing Table

      • Social Icon

      • Syntax Highlighter

      • Breadcrumbs Bar

      • Advanced Chart

      • Blockquote

      • Coupon Code

      • Heading Title

      • Registration Form

      • Preloader

      • Progress Bar

      • Social Sharing

      • Table Of Contents

      • Data Table

      • Age Gate

      • Buttons

      • Video

      • Info Box

      • Password Reset Form

      • Number Counter

      • Pricing List

      • Protected Content

      • Stylish List

      • Google Map

      Creative
      • Advanced Buttons

      • Advertisment Banner

      • Animated Service Boxes

      • Before After

      • Carousel Remote

      • Creative Images

      • Dynamic Devices

      • Hotspot/ Pin Point

      • Image Cascading

      • Lottiefiles On Scroll

      • Mouse Cursor

      • Timeline

      • Smooth Scroll

      • Advanced Typography

      • Animated Separators

      • Animated Text

      • Carousel Anything

      • Circle Menu

      • Draw SVG

      • Flipbox

      • Hover Card

      • Lottiefiles

      • Morphing Sections

      • Process/ Steps

      • Unfold

      Section
      Section Background
      • Section Background

      • Particles Background

      • Image Gallery Background

      • Parallax Background

      • Multi Layer Parallax

      • Segment Background

      • Video Background

      Special Background
      • Special Background

      • On Scroll Animated Gradient Background

      • On Scroll Row Background Color Change Gradient

      • On Scroll Row Background Color Change

      • On Scroll Morphing Shape Row Background

      • On Scroll Background Fixed SVG Morphing

      • 10+ Page Scroll Effects

      Craft Stunning Full Page Elementor Scroll Experiences

      Learn More
      Tabbed
      • Accordion

      • Switcher

      • Advanced Tabs

      • Smarter Content Navigation

      Create Powerful Tabbed Interfaces That Users Actually Love

      Learn More
      Form Stylers
      • Google Map

      • Ninja Forms

      • Gravity Forms

      • Everest Forms

      • Meeting Scheduler

      • Contact Form 7

      • WP Forms

      • Mailchimp Subscription

      • Ready-to-Use Demos

      Explore Our Own Powerful Drag & Drop Form Builder for Elementor

      Learn More
      • 6+ Form Plugin Supported

      Style Any Popular Form Plugin Like a Pro — No Code Needed

      Learn More
      Page Scrolls
      Full Page
      • Full Page Scroll

      • Multi Scroll 30/ 70

      • Page Piling

      • Image Scroll Sequence

      • Multi Scroll 50/ 50

      Section Background
      • Section Background

      • Canvas Background

      • Row Background

      • Special Background

      • Gallery Background

      • Segmented Background

      • Video background

      Horizontal Scroll
      • Horizontal Scroll

      • Background Color Change

      • Fixed Background Image

      • Background Image Change

      Social
      Social Reviews & Badge
      • Social Review

      • Facebook Review

      • Facebook Badge

      • Mixed Reviews Wall

      • Google Review

      • Google Badge

      Social Feed
      • Social Feed

      • Facebook Feed

      • Twitter Feed

      • Instagram Feed

      • Vimeo Feed

      • YouTube Feed

      • Multi Social Feed

      Social Embed
      • Social Embed

      • Vimeo Embed

      • Facebook Embed

      • Google Map Embed

      • YouTube Embed

      • X Embed (Twitter)

      • Instagram Embed

  • Listing
      • Blog Posts
      • Woo Products
      • Dynamic Content
      • Magazine Posts
      • Image Gallery
      • Testimonials
      • Team Members
      • Client Logos
      Blog Posts
      Post Layouts
      • Blog Post

      • Post Carousel

      • Post Masonry

      • Post Metro

      • Post Grid

      • Custom Post Loop Skins

      Post Loading Method
      • Post Load More

      • Post Pagination

      • Post Category Filter

      • Post lazy Load

      Customize Your Entire Blog Website Like a Pro - Introducing Blog Builder

      Learn More
      Woo Products
      Woo Product Layouts
      • WooCommerce Product

      • Product Carousel

      • Product Masonry

      • Product Grid

      • Product Metro

      • Custom Product Loop Skins

      Woo Product Loading Method
      • Product Load More

      • Product Pagination

      • Product Category Filter

      • Product lazy Load

      Customize Your Entire WooCommerce Store — Product, Cart, Checkout & Search — With Our WooCommerce Builder

      Learn More
      Dynamic Content
      • Dynamic Listing

      • Dynamic Category

      Create Dynamic Website with Live Search, 15+ Ajax Filters & Post Layouts — All With Our Grid Builder

      Learn More

      Customize Single, Archive, 404, Header & Footer Pages Visually — All with Our Powerful Theme Builder

      Learn More
      Magazine Posts
      • Dynamic Ticker

      • Magazine Filter

      • Magazine Slider

      • Magazine Builder

      Create Stunning Magazine-Style Layouts with Filters, Sliders & Dynamic Headlines

      Learn More
      Image Gallery
      Layouts
      • Image Gallery

      • Image Carousel

      • Image Grid

      • ACF Gallery Field

      • Image Masonry

      • Image Metro

      Loading Method
      • Image Category Filter

      • Visual Showcase

      Grab attention with interactive Image Galleries that load fast and look stunning

      Learn More
      Testimonials
      • Layout

      • Testimonials

      • Testimonial Carousel

      • Testimonial Grid

      • Testimonial Masonry

      • Build Trust

      Build trust instantly by displaying real Testimonials in modern, eye-catching styles

      Learn More
      Team Members
      Layouts
      • Team Members

      • Team Carousel

      • Team Grid

      • Team Masonry

      Loading Method
      • Team Category Filter

      • Team Profiles

      Humanize your brand with engaging Team Member sections that connect with visitors

      Learn More
      Client Logos
      Layouts
      • Client Logo

      • Logo Carousel

      • Logo Grid

      • Logo Masonry

      Loading Method
      • Logo Category Filter

      • Brand Trust

      Strengthen credibility by showing trusted Client Logos in polished layouts

      Learn More
  • Builder
      • Header Builder
      • Footer Builder
      • Blog Builder
      • WooCommerce Builder
      • Form Builder
      • Grid Builder
      • Popup Builder
      Header Builder
      • Header Builder

      Learn More
      Navigation Menu
      • Navigation Menu

      • Mobile Menu

      • Horizontal Menu

      • Site Logo

      • Vertical Menu

      • Scroll Navigation

      Mega Menu
      • Horizontal Mega Menu

      • Vertical Mega Menu

      • Vertical Sidebar Menu

      Header Extras
      • Header Search

      • Langauage Switcher

      • Toggle Icons

      • Login Form

      • Music Player

      • Woo Mini Cart

      • CTA Buttons

      Header Effects
      • Sticky Header

      • Transparent Sticky Header

      • Hide Header on Scroll

      • Change Menu Logo on Scroll

      • Header on Scroll Color Change

      • Sticky Glassmorphism

      • Shrinking Header Effect

      Footer Builder
      • Footer Builder

      Learn More
      Build a Custom Footer Using These Powerful Widgets
      • Site Logo

      • Footer Text

      • Icon List

      • Social Feed

      • App Download Button

      • Blog Posts

      • Stylish List

      • Social Icons

      • Review Badge

      • Mailchimp Newsletter Form

      • Marquee Text

      • Facebook & Google Review

      • The Ultimate Footer Builder

      Tired of Theme Limitations? Build the Footer You Actually Want — Logo, Links, Forms, Reviews & More

      Learn More
      Blog Builder
      • Blog Builder

      Learn More
      • Post Title

      • Post Author Box

      • Post Meta

      • Post Search

      • Post Content

      • Post Navigation

      • Post Featured Image

      • Post Comments

      Blog Post Layout
      • Blog Post

      • Post Carousel

      • Post Metro

      • Post Grid

      • ACF Repeter

      • Post Masonry

      • Custom Post Loop Skins

      Build Stunning Blog Layouts with Ease — Fully Customizable Blog Pages with Advanced Widgets

      Learn More
      WooCommerce Builder
      • WooCommerce Builder

      Learn More
      • My Account Page

      • Product Comapre

      • Product Wishlist

      • Product Filter

      • Order Track Page

      • Product Search

      • Cart Page

      • Single Product Page

      • Product Category Page

      • Quick View

      • Checkout Page

      • Thank You Page

      Woo Product Listing
      • WooCommerce Product

      • Product Carousel

      • Product Grid

      • Product Metro

      • Product Masonry

      • Complete WooCommerce Builder

      Create a Modern eCommerce Store with 15+ Ajax Filters & Instant Product Search — No Extra Plugins Needed

      Learn More
      Form Builder
      • Form Builder

      Learn More
      • Form Widget

      • Phone Number

      • Dropdown

      • Numeric Input

      • Agree to Terms

      • Name Field

      • Message

      • Radio Button

      • Pick a Date

      • Website URL

      • Email Address

      • Submit Button

      • CheckBox

      • Pick a Time

      View 22+ Form Fields
      • Form Builder

      Build Advanced Forms Visually in Elementor — with 22+ Field Types & Ready-to-Import Layouts

      Learn More
      Grid Builder
      • Grid Builder

      Learn More
      Post Loop Styles
      • Blog Post Custom Loop Skins

      • Woo Product Loop Skins

      • Dynamic Content Loop Skins

      • HTML Post Loop Skins

      Post Layout Manager
      • Grid

      • Masonry

      • Metro

      • Magazine

      • Carousel

      Post Loading Method
      • Infinite Loading

      • Ajax Pagination

      • Load More

      Ajax Search & Filters
      • Ajax Filters

      • Inline Filters

      • 15+ Ajax Filter Fields

      • Horizontal Filters

      • Sidebar Filters

      • Vertical Filters

      • Ajax Live Search

      Integrated with
      • ACF

      • JetEngine

      • Pods

      • Metabox

      Popup Builder
      • Popup Builder

      Learn More
      • Modal Popup

      • Corner Box Popup

      • Reveal Content

      • Slide-In Popup

      Make Your Popups Smarter with these Widgets
      • MailChimp

      • Login & Register

      • Coupon Code

      • Countdown Timer

      • Advanced Popup Builder

      Create High-Converting Popups with Modal, Slide-in, Countdown & More — Fully Customizable in Elementor

      Learn More
  • Extras
      • Special Features
      • Global Options
      • Column Extras
      • Display Rules
      • Effects
      • Event Tracker
      • Theme Builder
      • Extensions
      • Figma to Elementor
      Special Features
      • Cross Domain Copy Paste

      • Equal Height

      • Grid Design Tool

      • On Scroll Animation Content

      • Whitelabel Plugin

      • Tilt 3D Effects

      • Custom CSS

      • Global Mouse Hover Parallax

      • Magic Scroll Integration

      • Row Section Scroll Animation

      • Wrapper Link

      • Elementor But Smarter

      Do More in Less Time — Smart Utilities to Supercharge Your Workflow

      Learn More
      Global Options
      • Continuous Effects

      • Tooltips

      • Special Overlay Color

      • Make it Awe-Some

      Mesmerize Your Visitors with Seamless Visual Effects across Your Entire Website

      Learn More
      Column Extras
      • Column Ordering Devices

      • Custom Media Query Breakpoints

      • Column Width (Px, %, calc0)

      • Sticky Column

      • Layout Control

      Perfect Your Layout on Every Screen with Custom Column Control, Sticky Positioning & Smart Breakpoints

      Learn More
      Display Rules
      Display Conditions
      • Display Rules

      • Visitor

      • Login Status

      • Date and Time

      • Language

      • Time or Day of Week

      5+ Display Condition
      WooCommerce Display Conditions
      • WooCommerce

      • Cart Product Category

      • Items in Cart

      • Cart Subtotal

      • Purchase Date

      • Cart Total

      20+ Display Condition
      Custom Fields Display Conditions
      • Custom Fields Rules

      • Dynamic Custom Fields

      • Empty Custom Field

      • Custom Field Value

      Effects
      • Multi Box Shadows

      • Neumorphism

      • Multi Drop Shadows

      • Glassmorphism

      • Modern Look

      Add a Premium Feel to Your Designs with Modern Effects Like Glassmorphism & Shadows That Pop

      Learn More
      Event Tracker
      • Facebook Pixel Event Tracker

      • GA4 - Google Analytics Event Tracker

      Track Events Like
      • Logins and Signups

      • Button Clicks

      • Form Submissions

      Track Custom Event & More
      • Download Clicks

      • Measure Everything

      Know What Users Click, Submit & Sign Up For — Track Events Seamlessly with GA4 & Facebook Pixel

      Learn More
      Theme Builder
      • Theme Builder

      Learn More
      • Header Builder

      • Breadcrumbs Bar

      • Single Pages

      • Display Rules for Theme Builder

      • Footer Builder

      • 404 Page

      • Archive Pages

      • Action & Filter Hooks

      • This feature is part of the Nexter Extension — included with The Plus Addons for Elementor Pro plan.

      Visually Build Every Part of Your Website with Widgets — Header, Footer, 404, Archive, and More in One Place

      Learn More
      Extensions
      Performance
      • Self-Host Google Fonts

      • Heartbeat Control

      • Time or Day of Week

      View 6+ Extensions
      • Revisions Control

      Security
      • 2 Factor Authentication

      • Captcha

      • Custom Login URL

      View 6+ Extensions
      • Login Email Notifications

      Utilities
      • Duplicate Post

      • Custom Upload Fonts

      • Replace Media

      View 10+ Extensions
      • Google & Adobe Fonts

      Code Snipets
      • PHP Code

      • CSS Code

      • JS Code

      View 5+ Extensions
      • HTML Code

      Admin Interface
      • Clean Admin Bar

      • User Profile Clean

      • Display Active Plugins First

      View 5+ Extensions
      • Branded WP Admin

      This feature is part of the Nexter Extension — included with The Plus Addons for Elementor Pro plan.
      Figma to Elementor
      Introducing UiChemy - Convert your Figma Designs to 100% Editable Elementor Websites
      • Supports Elementor FREE & Pro Widgets

      • Supports The Plus Addons for Elementor Widgets

      • 100% Mobile & Tablet Responsive

      Learn More
      UiChemy is a standalone Figma plugin — not included in The Plus Addons for Elementor.
  • Resources
      • Explore

      • Changelog

        NEW
      • Request Feature

      • Roadmap

      • Compare FREE vs PRO

      • Reviews

      • Community

      • Blog

        NEW
      • Facebook Community

      • Video Tutorials

      • Join Affiliate

      • Join Discord Channel

        NEW
      • Support

      • Documentations

      • Free Helpdesk

      • Pro Helpdesk

      • Live Chat

      • Al Chat

        24X7
  • Pricing
Login
Get Started
The Plus Addons for Elementor
    Starter Templates
    Widgets
    Elementor Widgets
    Elementor Listing
    Elementor Builder
    Elementor Extras
    Resources
    Changelog
    Request Feature
    Roadmap
    Compare FREE vs PRO
    Reviews
    Blog
    Facebook Community
    Video Tutorials
    Join Affiliate
    Join Discord Channel
    Documentations
    Free Helpdesk
    Pro Helpdesk
    AI Chat
    Pricing
Login Get Started
[rank_math_breadcrumb]

How to Create a Login & Register Form in Elementor?

Updated onJanuary 27, 2025ByEditorial Team
Table Of Content

If you allow user registration on your Elementor website, it is important to provide a user-friendly experience for visitors for the success of your website. The default WordPress login and registration forms may not always align with the branding and aesthetic of your website. This is where customization comes into play.

With the WP Login & Register widget from The Plus Addons for Elementor, you can customize the login and registration forms to match the overall design and branding of your website and provide a better user experience.

Check the Live Widget Demo

LIVE WIDGET LINK

Required Setup

  • Elementor FREE Plugin installed & activated.
  • You need to have The Plus Addons for Elementor plugin installed and activated.
  • This is a Premium widget, and you need the PRO version of The Plus Addons for Elementor.
  • Make sure the WP Login & Register widget is activated, to verify this visit The Plus Addons → Widgets → and Search for WP Login and activate.

Learn via Video Tutorial:

YouTube video

How to Activate the WP Login & Register Widget?

Go to 

  • The Plus Addons → Widgets 
  • Search the widget name and turn on the toggle.

Key Features

  • Four types of forms – You can create four types of forms, Login, Register, Login & Register (toggle) and Forgot Password. 
  • Four Layouts – There are four form layouts Standard, Button Hover, Button Click and Button Popup (except for the Forgot Password form).
  • Social login – You can add Facebook or Google to your WordPress login and registration form.
  • Custom My Account menu – You can add a custom my account menu for users after login.
  • Redirect after Registration –  You can redirect users to a custom link after registration.
  • Auto Login – You can auto login users after registration.
  • Redirect after Login –  You can redirect users to a custom link after login.
  • Mailchimp subscribe – Users can subscribe to Mailchimp from the registration form.
  • Google reCAPTCHA – You can easily add Google reCAPTCHA to your registration form.
  • GDPR compliant – You can add an acceptance checkbox in the registration form to make it GDPR compliant.
  • Custom email message – You can send custom email messages for user registration and password reset.
  • Password strength meter – You can add a password strength meter to the registration form.
  • Password hint – You can add a password hint to the registration form.
  • Strong password – You can add a strong password option with different password patterns to the registration and password reset form.

How to Create a Custom Elementor Login Form?

Ideally, you should create a custom login form on a new or separate page. Add the WP Login & Register widget on the page.

Forms Layout

From the Type dropdown, select Login.

Then from the Layout dropdown, you have to select the form layout. Here you’ll find four options – 

  • Standard Form – To create a standard login form.
  • Button Hover – This will open the login form on a button hover.
  • Button Click – This will open the login form on a button click.
  • Button Popup – With this, you can create a popup login form.

Select the option as per your requirements. 

Let’s select the Standard Form here. 

You can set the lost password page from the Password Reset Page dropdown. Here you’ll find two options – 

  • Default – This will use the default WordPress password reset page.
  • Custom – With this, you can set a custom password reset page.

Note: The lost password link will only show on the form when enabled from the Login Options tab.

Then from the Content Alignment section, you can align the form content.

Login Options

From the Labels toggle, you can show or hide labels from the form.

When enabled you’ll find the Custom Labels toggle, from here you can customize the form labels.

From the Custom Placeholders toggle, you can customize the form placeholders.

Then from the Login Button Text field, you can change the login button text.

By enabling the Remember Me toggle, you can add a remember me checkbox to the login form. This will save the login details to the user’s browser cookies for a certain period. When enabled you can customize the remember me text as well.

From the Lost your password? toggle, you can add a lost password link to the login form. When enabled you can customize the lost password text as well.

Then by enabling the Register toggle, you can add a register link to the login form. When enabled you’ll find two options – 

  • Text – From here, you can edit the register text.
  • Link – From here, you can use the default WordPress register page or use a custom page as the register page link.

From the Redirect After Login toggle, you can redirect the user after login.

Form Heading

By enabling the Heading Content toggle, you can change the form heading. 

Social Login/Register

From the Facebook toggle, you can add a Facebook login option to your website.

Then from the Google toggle, you can add a Google login option to your website.

You can align these social buttons from the Alignment section.

In the Redirect URL field, you can add a custom link to redirect users after logging in using Facebook or Google. 

You can hide the default form by enabling the Hide Form toggle.

Note: You should hide the form only when you’ve enabled one of the social login options.

Lost Password Options

You’ll see this tab only when the Lost your password? toggle is enabled from the Login Options tab.

From here, you can control the lost password form within the login form.

From the Label toggle, you can customize the form label text.

Then from the Placeholder field, you can manage the placeholder text.

From the Button Text field, you can change the password reset button text. 

You can manage the form heading from the Heading field.

Then from the Custom Email toggle, you can send a custom password reset email.

My Account Menu

From this tab, you can add a custom my account menu on the page, which users can see after login.

Note: Make sure there is no redirection set after user login.

Turn on the My Account Menu toggle to enable this option.

From the Alignment section, you can align the my account menu.

By enabling the User Avatar toggle, you can show the user avatar in the menu. 

To show the user name, enable the User Name toggle.

By enabling the Edit Profile toggle, you can add a link in the my account menu for users to edit their profile from the WordPress profile page. You can edit the menu title as well.

You can also add a logout link to this menu by turning on the Logout toggle. When enabled you can edit the menu title.

Now if you want to add some menu items manually, click on the +Add menu button under the Extra Menu section. It will add a menu item.

Open the item, then you can edit the text and add a custom URL.

Click on the +Add menu button to add more menu items.

Notification Message

From this tab, you can customize different notification messages of the form.

From the Login Message Option section, you can edit different messages of the login form.

Loading text – To show a message when the form is submitting.

Success text – To show a message when the form is submitted successfully. 

Validation text – To show a message for validation error.

Error Text – To show a message when the form failed to submit.

Similarly, from the Lost Password Message Option section, you can edit different messages of the lost password form.

Loading text – To show a message when the form is submitting.

Success text – To show a message when the form is submitted successfully. 

Error Text – To show a message when the form failed to submit.

Login Fields Width

From this tab, you can manage the field width of the User Name, Password and Remember Me individually for responsive devices.

Reset Password Option

Enabling the Strong Password Required toggle will force users to use a strong password on the password reset form.

The Login/Register Form Override toggle, will hide the login or register form when the password reset form is active on the same page. This is useful when the user is redirected for a password reset on the same page where you have the login or register form.

How to Create a Custom Elementor Registration Form?

To allow new user registration on your WordPress website you must enable a new user registration option on your WordPress website.

To do this, go to Settings > General and check the Anyone can register checkbox, then click on the Save Changes button.

wordpress user registration

You should add the registration form on a new or separate page. Add the WP Login & Register widget on the page.

Forms Layout

From the Type dropdown, select Register.

Then from the Layout dropdown, you have to select the form layout. Here you’ll find four options – 

  • Standard Form – To create a standard registration form.
  • Button Hover – This will open the registration form on a button hover.
  • Button Click – This will open the registration form with a button click.
  • Button Popup – With this, you can create a popup registration form.

Select the option as per your requirements. 

Let’s select the Standard Form here. 

Then from the Content Alignment section, you can align the form content.

Register Extra Options

From the Name Field toggle, you can show or hide the name field from the registration form.

When enabled you can individually enable or disable first name and last name fields from the First Name Field and Last Name Field toggle respectively.

Then from the User Name Field toggle, you can add a username field to the registration form.

From the Password Field toggle, you can add a password field to the registration form. When enabled you’ll see more password related options – 

  • Confirm Password Field – From here, you can add a confirm password field to the form.
  • Show/Hide Password Toggle – From here, you can add a toggle icon to show or hide the password. You can also select custom icons as well.
  • Strong Password – By enabling this toggle you can force users to use strong passwords, when enabled you can select different password patterns from the Pattern dropdown. Each pattern will require users to use different password combinations, you can show the password hint by enabling the Password Hint toggle. You can also set different layout and visibility options for the password hint.
  • Password Strength Meter – With this, you can add a password strength meter on the password field.

Note: If the Password Field toggle is disabled, the password will auto generate for users.

By enabling the reCAPTCHA v3 toggle, you can add a Google reCAPTCHA v3 to your registration form to avoid bot or spam registrations. 

Then from the Honeypot toggle, you can add another security field. This will add an invisible field to your form, only bots can see the field, and filling the field will cancel the registration.

By enabling the MailChimp Subscribe toggle, you can add new users to your MailChimp list during registration.

Then by enabling the Terms & Conditions toggle, you can make your registration form GDPR compliant.

From the Custom Email toggle, you can send a custom email for user registration.

Registration Options

From the Labels toggle, you can show or hide labels from the form.

When enabled you’ll find the Custom Labels toggle, from here you can customize the form labels.

From the Custom Placeholders toggle, you can customize the form placeholders.

Then from the Login Button Text field, you can change the login button text.

From the Redirect After Register toggle, you can redirect the user after registration.

By enabling the Auto Login After Register toggle, you can auto login new users after registration.

Then from the Login toggle, you can add a login link to the registration form. When enabled you’ll find three options – 

  • Text – From here, you can edit the login text.
  • Link – From here, you can use the default WordPress login page or use a custom page as the login page link.
  • Before Text – From here, you can add a custom text before the login link.

From the Bottom Message toggle, you can add a custom message below the registration form.

Then from the Register Button Text field, you can customize the register button text.

Form Heading

By enabling the Heading Content toggle, you can change the form heading. 

Social Login/Register

From the Facebook toggle, you can add a Facebook login option to the registration form.

Then from the Google toggle, you can add a Google login option to the registration form.

You can align these social buttons from the Alignment section.

In the Redirect URL field, you can add a custom link to redirect users after logging in using Facebook or Google. 

You can hide the default registration form by enabling the Hide Form toggle.

Note: You should hide the form only when you’ve enabled one of the social login options.

Password Strength Meter

You’ll see this tab only when the Password Strength Meter toggle is enabled from the Register Extra Options tab.

From the Style dropdown, you can select different styles for the password strength meter.

You can also set a custom label by enabling the Label toggle.

My Account Menu

From this tab, you can add a custom my account menu on the page, which users can see after login.

Here, you’ll find the same options available in the Login form.

Notification Message

From this tab, you can customize different notification messages of the registration form.

From the Register Message Option section, you can edit different messages for the registration form.

Loading text – To show a message when the form is submitting.

Success text – To show a message when the form is submitted successfully. 

Validation text – To show a message for validation error.

Error Text – To show a message when the form failed to submit.

Similarly, from the Lost Password Message Option section, you can edit different messages of the lost password form.

Loading text – To show a message when the form is submitting.

Success text – To show a message when the form is submitted successfully. 

Error Text – To show a message when the form failed to submit.

Register Fields Width

From this tab, you can individually manage the width of different fields of the registration form for responsive devices.

Validation Error Messages

By enabling the Override Validation Error Message toggle, you can individually customize the validation error messages of different fields of the registration form.

How to Create a Custom Elementor Login and Registration Form?

With the WP Login & Register widget from The Plus Addons for Elementor, you can create a login and register toggle form on a page. 

You should add the form on a new or separate page. Add the WP Login & Register widget on the page.

Forms Layout

From the Type dropdown, select Login and Register.

Then from the Layout dropdown, you have to select the form layout. Here you’ll find four options – 

  • Standard Form – To create a standard login and register toggle form.
  • Button Hover – This will open the login and register toggle form on a button hover.
  • Button Click – This will open the login and register toggle form on a button click.
  • Button Popup – With this, you can create a popup login and register toggle form.

Select the option as per your requirements. 

Let’s select the Standard Form here. 

You can set the lost password page from the Password Reset Page dropdown. Here you’ll find two options – 

  • Default – This will use the default WordPress password reset page.
  • Custom – With this, you can set a custom password reset page.

Note: The lost password link will only show on the form when enabled from the Login Options tab.

Then from the Content Alignment section, you can align the form content.

In the Login Options tab, you’ll find the same options available in the Login form.

In the Register Extra Options, Registration Options, Form Heading, Social Login/Register, Password Strength Meter and My Account Menu tab, you’ll find the same options available in the Registration form.

From the Notification Message tab, you can customize different notification messages of the registration, login and lost password forms.

In the Login Fields Width tab, you’ll find the same options available in the Login form.

In the Register Fields Width, Validation Error Messages tab, you’ll find the same options available in the Registration form.

How to Style the WP Login & Register Widget?

If you want to style the WP Login & Register widget, you can do that from the Style tab. Depending on the form type and layout, styling options will vary.

Form Label – From here, you can style the form labels.

Form Input Fields – From here, you can style the form input fields.

Form Button – From here, you can style form buttons.

Hover/Click/Popup Button – From here, you can style the form trigger button.

Button – From here, you can style the close button of the form popup.

Heading Option – From here, you can style form headings. 

Register Additional Message – From here, you can style the additional message on the registration form.

Show Hide Password Toggle – From here, you can style the password show and hide toggle icon.

Lost Password/Register Text – From here, you can style the lost password and register text on the login form. 

Password Hint – From here, you can style the password hints on the registration form.

Login/Register Tabbing – From here, you can style the login and register tab buttons on the login and register form.

Notification Message Option – From here, you can style the form notification messages.

Custom Validation – From here, you can style your custom validation messages of forms.

Password Strength Meter – From here, you can style the password strength meter on the registration form.

My Account Menu – From here, you can style the my account menu.

Box Content Option – From here, you can style the container.

Extra Option – By enabling the Sticky Navigation Connection toggle, you can add the login/register button on a sticky header. 

Advanced options remain common for all our widget, you can explore all it options from here.

View Advanced Tab Tutorial

Previous PostHow to Create a Fullwidth Mega Menu in Elementor?
Read NextHow to Add a Facebook Login to WordPress with Elementor?
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos
  • Still in Doubt? Let us Assist You — Raise a Ticket Now
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]



    Subscribe to our YouTube Channel for Elementor Tutorials
    Subscribe Now
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website
    Convert Now

    Related Docs

    How to Create an Elementor Chart using CSV Data?
    How to Create an Elementor Chart by Importing Data From Google Sheets?
    How to Add a Blend Cursor in Elementor?
    How to Add a Progress Cursor in Elementor?
    How to Add a Follow Circle Cursor in Elementor?
    How to Add a Follow Text Cursor in Elementor?
    How to Add a Follow Image Cursor in Elementor?
    How to Change the Mouse Cursor for a Widget in Elementor?
    How to Change the Mouse Cursor for a Container in Elementor?
    How to Add a Custom Cursor in Elementor?
    How to Copy a Title URL from the Elementor Table of Contents?
    How to Restrict a Content Area in an Elementor Table of Contents?
    How to Exclude a Title from Table of Contents in Elementor?
    How to Add Smooth Scrolling Effect to Elementor Table of Contents?
    How to Create a Collapsible Table of Contents in Elementor?
    How to Make a Sticky Table of Contents in Elementor?
    How to Add a Table of Contents in Elementor?
    How to Create a Video Popup in Elementor?
    How to Add a CSS Filter to a Video in Elementor?
    How to Add an Image Mask to an Elementor Video?

    One Elementor Addon to Replace them all!

    With the most extensive collection of 120+ Elementor widgets & extensions, The Plus Addons for Elementor
    is the only Elementor addon you will ever need.
    Get Pro Now

    The Premium Support you Deserve

    Our Friendly Support

    Documentations

    Detailed Video Tutorials

    Active Users Community

    AI Chatbot

    Outstanding support

    I’ve used many Elementor add-ons and find this to be the best The features are excellent and the support is second to none
    I’ve been helped out at short notice with comprehensive advice Outstanding!

    ~the Cloud Machine

    • NO SPAM GUARANTEE

    Get Exclusive Elementor Tips, Tricks and Resources Delivered Straight to Your Inbox!



      • NO SPAM GUARANTEE

      Get Exclusive Elementor Tips, Tricks and Resources Delivered Straight to Your Inbox!

      Popular Widgets

      • Plus Essentials

        Popular
      • Plus Sections

      • Plus Creatives

      • Plus Tabs

      • Plus Forms

      • Social Reviews & Badges

      • Social Feed

        Advanced
      • Social Embeds

      • Plus Scroll

      • Plus Social

      • Plus Listing

      • Blog Posts

      • ACF Loops

      • WooCommerce Products

      • Magazine Posts

      • Ajax Search & Filters

      • Client Logos

      • Image Gallery

      • Team Members

      • Testimonials

      • Dynamic CPT Listing

        Advanced
      • Mega Menu

        Popular
      • Site Navigation

      • Header Effects

        Unique
      • Grid Builder

      • Post  & CPT Builder

        Free
      • Modal Popups

      • WooCommerce
        Builder

        Advanced
      • Special Features

      • Visibility Rules

      • Global Options

      • Global Effects 

      • Event Tracking

        Unique
      • Column Extras

      Resources

      • Pricing

        HOT
      • Compare FREE vs PRO

      • Changelog

        Updated
      • Feature Request

      • Roadmap

      • Affiliate Program

        💰
      • Blogs

      • Uptime

        99.99%
      • Brand Kit for Press & Media

      • Sitemap

      • Reviews

      • Showcase

      Get Support

      • Login 

      • Helpdesk
      • Documentation Updated
      • Facebook Community
      • Video Tutorials
      • AI Chat

        Instant Answers

      Our Products

      • NexterWP - Blocks, Theme & Extension

      • WDesignKit - Templates, Widgets Builder & More

        New
      • UiChemy - Figma to
        WordPress Convertor

        New

      Company

      • Website

      • About Us

      • Our Team

      • Career

        Hiring
      • Write For Us

        New
      • Contact Us

      Legal

      • Refund Policy 60 Days Guarantee
      • Cookie Policy
      • Privacy Policy
      • Terms & Condition

      • Support Policy
      • Affiliate Agreement

      • Acceptable Use Policy

      © POSIMYTH Innovation 2025

      Click to copy
      Copy
      How it works?