PWA
Install XTRA Theme PWA

Install our website's web application on your home screen for quick and easy access every time your are on the go.

Just tap Share then 'Add to home screen'Just tap Share then 'Add to home screen'
XTRA Tutorials
 
  • Getting Started
    • Installing XTRA
    • License Activation
    • Installing Plugins
    • Importing Demo Content
    • Assigning Home Page
    • Updating XTRA
    • Child Theme
  • Page Builder
    • Create a New Page
    • Elements Overview
    • List of Elements
    • General Settings
    • Header Settings
    • SEO Settings
  • Theme Options
    • Options Overview
    • General
      • Layout
      • Colors & Styles
      • Share Icons
      • SEO Meta Tags
      • Loading
      • Page 404
      • Custom Codes
      • White Label
      • Advanced
    • Typography
    • Header
      • Logo
      • Social Icons
      • Header
      • Sticky Header
      • Mobile Header
      • Fixed Side
      • Title and Breadcrumbs
    • Footer
      • Footer Top Bar
      • Footer Widgets
      • Footer Bottom Bar
      • Footer More
    • Blog
      • Blog Settings
      • Blog Styling
      • Blog Single Settings
      • Blog Single Styling
      • Search
    • Portfolio
      • Portfolio Slug & Title
      • Portfolio Settings
      • Portfolio Styling
      • Portfolio Single Settings
    • WooCommerce Pro
      • Products Settings
      • Products Styling
      • Product Settings
      • Product Styling
    • Site Identity
    • Menus
    • Widgets
    • Homepage Settings
    • WooCommerce
    • Additional CSS
    • Backup / Restore
  • Edit Guide
  • How to
  • Developer
Buy Theme
Changelog
XTRA WordPress Theme TutorialsYou arrived at the right place, How we can help you?
XTRA Tutorials
  • Getting Started
    • Installing XTRA
    • License Activation
    • Installing Plugins
    • Importing Demo Content
    • Assigning Home Page
    • Updating XTRA
    • Child Theme
  • Page Builder
    • Create a New Page
    • Elements Overview
    • List of Elements
    • General Settings
    • Header Settings
    • SEO Settings
  • Theme Options
    • Options Overview
    • General
      • Layout
      • Colors & Styles
      • Share Icons
      • SEO Meta Tags
      • Loading
      • Page 404
      • Custom Codes
      • White Label
      • Advanced
    • Typography
    • Header
      • Logo
      • Social Icons
      • Header
      • Sticky Header
      • Mobile Header
      • Fixed Side
      • Title and Breadcrumbs
    • Footer
      • Footer Top Bar
      • Footer Widgets
      • Footer Bottom Bar
      • Footer More
    • Blog
      • Blog Settings
      • Blog Styling
      • Blog Single Settings
      • Blog Single Styling
      • Search
    • Portfolio
      • Portfolio Slug & Title
      • Portfolio Settings
      • Portfolio Styling
      • Portfolio Single Settings
    • WooCommerce Pro
      • Products Settings
      • Products Styling
      • Product Settings
      • Product Styling
    • Site Identity
    • Menus
    • Widgets
    • Homepage Settings
    • WooCommerce
    • Additional CSS
    • Backup / Restore
  • Edit Guide
  • How to
  • Developer

Element: Login and Register

Home Latest Posts Page Builder

Video Tutorial

Description and Screenshot

Step 1

This element have three forms for Login, Register and Password recovery. All forms supports AJAX technology. Each part have separate StyleKits.

Login_register
  • Login form? – Display login form for users
  • Registration form? – Display registration form for users
  • Pass Recovery form? – Display password recovery form for users
  • Show form for admin? – For admin display all forms, For styling purpose
  • GDPR Confirmation – If you fill this field, Under form will display GDPR message checkbox
  • GDPR Error – If users do not check GDPR field and submit form, Ajax will show message
  • Translation – You can translate all inputs and forms
  • Container Styling – Overall container styling, Suitable for adding background with padding
  • Inputs Styling – Styling of inputs background, color, size, etc.
  • Button Styling – All buttons styling background, color, size, etc.
  • Button loader Styling – Button loader animation border color
  • Links Styling – Links color, size and typography
  • Messages Styling – Returning ajax messages color, size and typography
  • Title – You can insert HTML code or title above each forms
  • Title Styling – Title styling color, typography, size, etc.
  • Advanced tab – Responsive, Animation, Parallax, etc.

Page Builder

ajaxloginregistersinginsingup

FacebookXDeliciousLinkedinWhatsappTelegramEmailPrintShortlink
  • PreviousElement: Image Hover Zoom

  • NextElement: Music Player

Related Posts ...

Placeholder

Collect Emails as WP Subscribers with AJAX

Theme Options
Placeholder

How to Fix ‘AJAX Requested Name Is Empty’ Error?

How to
Placeholder

How to Access the Account and Login Page for Old Users?

How to
Placeholder

How to Easily Change the WordPress Login Page Logo?

How to
Placeholder

How to Enable AJAX Mode for the Header Search Form: A Step-by-Step Guide?

How to
Placeholder

How to Activate Your Theme with a License Code?

Getting Started, How to

XTRA WordPress Theme

XTRA Popular WordPress Theme 2026

Recommended for you …

How to Update WPBakery Page Builder: A Step-by-Step Guide?

14 June 2024

Theme Translation & Multilingual

15 June 2024

How to Find Theme Changes or Access the Changelog?

19 August 2024

How to Import Demo Content: A Step-by-Step Guide

27 June 2024

How to Install the XTRA WordPress Theme?

24 June 2024

Google Fonts and GDPR Compliance

14 June 2024

How to Fix ‘Destination Folder Already Exists’ Error When Installing Plugins: A Step-by-Step Guide?

14 June 2024

How to Reverse WPBakery Columns on Mobile Devices?

4 June 2024
If you can't find your answer on this documentation
Submit a ticketSubmit a ticket
© 2025 XTRA WordPress theme documentation.
FacebookInstagramYoutubeDribbble
This website uses cookies to improve user experience.Accept and close
Buy and Download XTRA Theme Purchase Theme Xtra Theme Documentation Documentation Xtra Theme Videos Tutorials Video Tutorials Xtra Theme Support Center Support center Xtra Theme Showcase Showcase