One of 15+ Modules

Divi Login & Register Module

Divi Login & Register module lets you customize WooCommerce login, registration, and password recovery forms in Divi. Choose from four layouts, place the forms on any page or in a popup, and style every field, button, checkbox, and notice to match your store.

Explore Demos

Get DiviMerc

Divi Login & Register Module for the WooCommerce Login Page

Four Form Layouts

Show login and register side by side, stacked, in tabs, or as login first with a link that opens registration only when it's needed.

Place It Anywhere

Put the forms on a dedicated login page, at the top of My Account, or in a popup or sidebar, wherever customers sign in.

On-Brand Password Recovery

Design the Lost your password screen in the Visual Builder too, so customers resetting a password stay on a page that matches your store.

Design WooCommerce Login and Registration Forms in Divi That Welcome Customers

Pick the Layout That Fits Your Page

Show both forms side by side, and they stack on their own when a column drops under 320px.
Use tabs for one form at a time, with the tab bar and active tab styled your way.
Lead with login and add a "New here? Create an account" link that swaps to the register form.
Show login only or register only, so each form can live on its own page.

Explore Demos

Divi WooCommerce Login and Register Form Layouts

Write Forms That Guide New Customers

Add a short description under each heading, like "Create an account to track orders and check out faster."
Rename the Login and Register labels, the Remember me text, and the switch-link prompts.
Set your own placeholders, like [email protected], so each field shows the shape of what goes in.
Greet signed-in visitors by name with an optional message, or show them nothing at all.
Move the privacy notice above or below the Register button to suit your reading order

Explore Demos

Divi WooCommerce Register Form With Custom Wording

Style Every Field, Button, and Notice

Style form fields, labels, and placeholder text separately, so hints read lighter than what customers type.
Restyle the Remember me checkbox with your own box size and tick color to match your brand
Style the Login, Register, and Reset password buttons together, so every action looks consistent.
Style WooCommerce's success, info, and error notices, with errors in their own color for clarity.
Set the spacing between field rows, from Username and Password down to the lost-password link.

Explore Demos

Divi WooCommerce Login Form Fields and Buttons

Make Password Recovery Feel Like Your Store

Design the lost-password screen with the same field and button styles as your login form.
Give the lost-password form its own box and intro line for a clear first step.
Keep the builder canvas on the lost-password screen while you design it, using Builder Preview.
Send customers who follow a set-your-password email straight to the reset form, even when signed in.

Explore Demos

Divi WooCommerce Lost Password Form and Notices

Free Ready-to-Use Login and Register Layouts to Get Started

Skip the setup with DiviMerc's pre-made login and register layouts, from a clean tabbed login page to a side-by-side account entry. Each one is fully customizable and responsive, ready to drop onto a login page, your My Account page, or a popup. Pick a style, set your colors, and go live in minutes.

Explore Demos

DiviMerc Login & Register vs Default WooCommerce Login: Which Gives You More Control?

Feature	DiviMerc Login & Register	Default WooCommerce Login
Form layouts	Side by side, stacked, tabs, or login first	Side by side only
Login only or register only	One setting	Both, whenever registration is on
Where the forms appear	Any page, popup, or sidebar	The My Account page
Form headings and descriptions	Your own wording	Headings only
Field placeholders	Your own wording	Not available
Remember me checkbox	Size and tick color	Browser default
Lost password screen	Designed in Divi	Your theme's default styling
Error and success notices	Styled, with a separate error color	Your theme's default notices
WooCommerce account rules	Followed as-is	Followed as-is

Ready to Give Customers a Login Page That Feels Like Your Store?

Get DiviMerc Now

FAQs on Login & Register for Divi

Everything you need to know about the Login & Register module before you get started.

What Is the Divi Login & Register Module?

The Divi Login & Register module is a DiviMerc module that gives WooCommerce customers login, registration, and password recovery forms you design in Divi. It offers four layouts, editable headings, descriptions, and placeholders, and separate styling for fields, buttons, the checkbox, notices, and the lost-password screen.

How Is It Different From WooCommerce's Default Login Form?

WooCommerce's default form shows login and register side by side on the My Account page, styled by your theme. Login & Register adds four layouts, login-only or register-only modes, descriptions and placeholders, full field and button styling, and a designed lost-password screen, and it works on any page, popup, or sidebar.

How Do I Customize the WooCommerce Login Page in Divi?

Make sure Login & Register is switched on under DiviMerc → Modules, then add it to your login page, My Account page, or a popup. Design while logged out or in a private window, since signed-out visitors are the ones who see the forms.

Can I Put Login and Registration on Separate Pages?

Set Show to Login only on one page and Register only on another. Each form then has its own URL, wording, and design.

How Do I Add Login and Register Forms to the My Account Page?

Place Login & Register at the top of the My Account page, and set the My Account module's Signed-Out Visitors to Hide the module. Login & Register serves signed-out visitors and My Account serves signed-in customers, all on one URL.

Can I Add the Login Form to a Popup or Sidebar?

Place the module in any popup, sidebar, or page section built with Divi modules. Login & Register carries no fixed layout of its own, and side-by-side forms stack once a column drops under 320px.

Can I Remove the Username or Password Field?

WooCommerce controls the register fields under Settings → Accounts & Privacy. Tick Generate account login to remove the Username field, or Send password setup link to remove the Password field. The register form appears when Allow customers to create an account is on.

Do I Need a WooCommerce Login Shortcode?

The module places WooCommerce's signed-out forms with a Divi module, so the forms get full design control in the Visual Builder. The account shortcode stays available for any page you build without Divi.

What Do Signed-In Visitors See?

Signed-in visitors see nothing from the module by default. Turn on Show Signed-In Message to greet them instead, and keep %s in the message to show their name.

How Do I Design the Lost Password Screen?

Set Content → Builder Preview → Show Screen to Forgot Password, and the canvas stays on that screen while you style it. Its fields, labels, and buttons follow the login form's styling, and the Forgot Password group adds the box and intro line.

Can I Change the "Lost your password?" Wording?

That wording comes from WooCommerce's own lost-password screen, so it follows WooCommerce's text while its fields, labels, and buttons follow your design. Change the text store-wide with a translation plugin.

When Do Side-by-Side Forms Stack?

Side-by-side forms stack into one column once either form would be narrower than 320px. The switch is automatic and keeps both forms readable on smaller screens.

How Do I Require Login Before Customers Can Buy?

Turn on Require login to purchase in DiviMerc's Add to Cart Rules extension. Guests still see prices and get a Log in to buy button that leads to your login page.

Does Login & Register Work on Mobile?

Side-by-side forms stack into one column on narrow screens, and tabs show one form at a time. Every Design setting can be set per device.