Have you ever wanted to white label the WordPress admin dashboard for your clients or users?
WordPress comes with a nice user interface, but sometimes you may need to customize it for your own needs or simplify it for clients.
In this article, we will show you how to white label your WordPress admin dashboard.
What is White Labeled WordPress and When Do You Need it?
WordPress is the most popular content management system (CMS) in the world as it powers more than 43% of the website on the internet. However, many people still don’t know about it.
When working on a client project, it is possible that they may not be familiar with WordPress. Clients are interested in an easy way to update their website. They don’t want to struggle with themes, plugins, updates, security, and learning how to use WordPress.
White labeling a WordPress admin dashboard allows you to customize the WordPress admin area. You can replace the default WordPress branding with your own and hide unnecessary items to create a more streamlined interface for your clients or users.
Having said that, let’s take a look at how you can white label the WordPress admin dashboard without much effort.
White Labeling WordPress Admin Dashboard
The best way to white label your site’s admin area is by using the White Label CMS plugin. It’s a free WordPress plugin that lets you customize the login page, add your branding, edit the dashboard, control which menus your clients can see, and more.
The first thing you need to do is install and activate the White Label CMS plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.
Upon activation, you need to visit Settings » White Label CMS from your WordPress dashboard to configure the plugin settings.
The plugin offers a simple setup wizard that you can use to get started. In the wizard, you can add a developer name that will appear in the footer and alt text.
Other than that, there are options for adding a developer URL, footer text, and RSS feed. After adding these details, you can click the ‘Next’ button.
The White Label CMS setup wizard also lets you add your client’s business name and upload a login logo for customization.
There’s also an option to enable a Retina login logo and upload your image.
Once you’re done, simply click the ‘Save’ button to exit the setup wizard.
Besides that, the settings page for the plugin allows you to control and customize every aspect of WordPress administration screens.
It is divided into these 5 sections:
Branding
Login
Dashboard
Menus
Settings
Let’s dive deeper into the different options available under each section and how to properly configure them.
Replace WordPress Branding With Your Own Brand
This is where you will replace the default WordPress site’s branding with your own custom branding.
The first option under the branding is to show or hide the WordPress logo and links in the admin bar. You can also hide the WordPress version from the footer.
Next, you can scroll down and upload your own custom logo to replace the WordPress logo that will appear in the admin bar.
The plugin also lets you replace the Howdy text from the admin bar and the WordPress.org URL with your own custom link.
After that, you can scroll down and change the side menu branding in your WordPress admin panel.
The plugin offers options to add a side menu image, an image that appears when the menu is collapsed, side menu link URLs, and alt text.
Lastly, you can also change the Gutenberg exit button and replace it with an exit icon, admin bar logo, and use a custom logo.
Besides that, there are options to brand the footer of your WordPress admin panel. The plugin lets you add a footer image, text, URL, and your own HTML code.
When you’re done, simply save your changes.
Here’s a preview of what these changes would look like in the WordPress dashboard.
White Label the WordPress Login Page
Next, you can go to the ‘Login’ tab in White Label CMS and change what the login screen will look like.
To start, you can upload a login logo and a retina login logo. There are also options to define the logo’s width, height, bottom margins, and add background color.
If you scroll down, there are more settings to change the background image and its position.
You can also enable the option to make the background image appear as a full screen on the login page for your WordPress website.
After making these changes, you can click the ‘Live Preview’ button at the bottom.
This will show you what your changes will look like in real-time. Once you’re satisfied with the edits, simply save your changes.
The White Label CMS plugin gives you some simple options to customize the login page. However, if you’d like more control over its design, then we recommend using a drag and drop page builder like SeedProd.
The main WordPress admin screen is called the dashboard. This is what users usually see when they login to WordPress.
It contains default panels showing different information about the website.
There is usually quite a lot of information, and many users don’t know what they are supposed to do with it.
White Label CMS allows you to customize this section and make it look cleaner. To start, simply click on the ‘Dashboard’ tab, and you will see options to show and hide each panel.
You can add dashboard icons, change the heading for the dashboard, and select WordPress user roles that can view the dashboard panel.
If you scroll down, there are more options.
For instance, you can enable the ‘Add Your Own Welcome Panel’ option.
When you’re done, don’t forget to save your changes.
Hide Specific Menu Items in the WordPress Admin
Next, you can head over to the ‘Menus’ tab in White Label CMS.
If you are using a bunch of plugins on the site, then those plugins will probably add their own menus as well. This could make your admin menu quite long. Many of your clients or users will probably not need these menus.
Using the plugin, you can hide these menus by enabling the ‘Want to hide menus for your clients’ option.
After that, you can scroll down and see different menus to hide.
For each menu, there are sub-menu items that you can see by clicking the blue downwards arrow icon.
To hide a menu, simply click the toggle, and it will be hidden for different user roles in WordPress.
There are also admin bar menus that you can hide using the plugin.
When you’re done, go ahead and save your changes.
Customize WordPress Admin Settings
Lastly, you can go to the ‘Settings’ tab in the White Label CSS plugin.
In this section, you’ll get options to hide the front-end admin bar, help box, and other screen options.
You can also turn off nag messages that appear at the top of the page in your WordPress dashboard. These are messages like rating the plugin or upgrading to a pro plan.
By removing them, you can keep your admin panel clean and clutter-free for your clients.
Other than that, the plugin lets you add custom CSS for admin and custom editor stylesheet.
Once you’ve made the changes, simply click the ‘Save’ button.
Note: If you’re doing work-for-hire and will not be managing your client’s sites on a regular basis, then we DO NOT recommend hiding admin menus or disabling the admin nags.
Only do that if you’re going to be regularly updating and managing the website.
Do you want to customize your WooCommerce customer login page?
The default WordPress login page is plain and doesn’t match your store branding. Customizing your WooCommerce customer login page helps you provide a better user experience.
In this article, we’ll show you how to create a completely custom WooCommerce login page and also share tips on how to customize the checkout login page as well.
Why Create a Custom WooCommerce Customer Login Page?
When customers log in to your WooCommerce store, they’ll see the default WordPress login page with only the WordPress logo and branding.
This page is fine if you just want to access your site’s dashboard. However, customers may be put off by the plain design and find it suspicious that the login page doesn’t match your website’s appearance.
Customizing the WooCommerce login pages lets you add your logo and change the design to match your website. This makes your site look more professional and provides a better user experience.
It also allows you to add more form fields, and it even allows you to promote specific products or show special offers to customers.
That being said, let’s see how you can create a custom customer login page in WooCommerce.
Create Completely Custom WooCommerce Login Page Using SeedProd
The best way to create a custom WooCommerce customer login page is by using SeedProd. It’s the best WordPress landing page and theme builder for WordPress, and it’s incredibly easy to use.
You can use SeedProd’s drag-and-drop builder to customize the design and layout of a page or your WordPress theme without touching a single line of code.
For this tutorial, we’ll use the SeedProd Pro license because it includes the Login Page template and other advanced customization options. There is also a SeedProd Lite version you can use for free.
First, you’ll need to install and activate the SeedProd plugin. If you need help, then please see our guide on how to install a WordPress plugin.
Upon activation, you will see the SeedProd welcome screen. Go ahead and enter your license key and click the ‘Verify key’ button. You can find the license key in the SeedProd account area.
Next, you can create a custom login page for your WooCommerce store.
Simply head to SeedProd » Landing Pages from your WordPress dashboard and click the ‘Set up a Login Page’ button.
After that, SeedProd will show you multiple templates. You can quickly select one and customize it according to your needs. This helps save time and you can use an existing design to create your own WooCommerce login page.
The plugin also lets you create a login page from scratch using a blank template.
Once you select a template, a popup window will open.
Go ahead and enter a name for your page and click the ‘Save and Start Editing the Page’ button.
Next, you’ll see the drag-and-drop page builder.
You can now customize the login page by adding new blocks to the template from the menu on your left.
SeedProd offers standard blocks like headline, text, image, button, and more.
Besides those, you can add advanced blocks like a giveaway, contact form, social sharing buttons, optin form, and more. There are also WooCommerce blocks like recent products, featured products, and best-selling products that you can add to your login page template.
Using the WooCommerce blocks, you can easily recommend your top products and promote discount offers to get more conversions.
Aside from that, SeedProd also lets you further customize any section on the login page. Simply click on the section, and you’ll see more options like editing the label, color, font, and spacing.
Once you’re done customizing the WooCommerce login page, don’t forget to click the ‘Save’ button at the top.
After that, you can head to the ‘Page Settings’ tab and click the ‘Page Status’ toggle to change it from Draft to Publish. Then, you can go ahead and click the ‘Save’ button and close the page builder.
From here, all that’s left is to make your new custom WooCommerce login page show up for users. To do this, go to SeedProd » Landing Pages in your WordPress dashboard.
Simply click the switch under ‘Login Page’ so that it’s green and says ‘Active.’
Once that’s toggled on, your new login page will appear on your site!
You can visit your eCommerce store to see it in action.
Customize WooCommerce Customer Login Form Using WPForms
Do you want to create a login form that also matches your website theme and offers more form fields?
The default WordPress login form only allows users to enter their email address or username along with a password. With a custom login form, you can add more fields and let customers sign in with their names or phone number.
The best way to do that is by using WPForms. It’s the best WordPress form builder that’s beginner-friendly to use. Over 5 million websites use WPForms to build smarter forms.
You can easily create a custom WooCommerce login form and display it anywhere on your online store, like the sidebar or product page.
For this tutorial, we’ll use the WPForms Pro plan because it includes the User Registration addon. You can also try the free version of WPForms to get started.
First, you’ll need to install and activate the WPForms plugin. If you need help, then please see our guide on how to install a WordPress plugin.
Upon activation, you can go to WPForms » Settings from your WordPress dashboard and enter the license key. You can find the license key in the WPForms account area.
Next, you will need to head over to WPForms » Addons in the WordPress admin panel.
After that, scroll down to the ‘User Registration Addon’ and then click the ‘Install Addon’ button.
Now, you’re ready to create a custom login form for WooCommerce. Simply go to WPForms » Add New to launch the form builder.
On the next screen, you can enter a name for your form at the top. Then, search for the ‘User Login Form’ template and click the ‘Use Template’ button.
After that, you can customize your user login form template using the drag and drop builder. WPForms makes it very easy to add different fields to the form or rearrange the existing fields on the template.
For example, you can add advanced fields like phone numbers by dragging them from the menu on your left and dropping it onto the template.
You can further customize each form field in the template. Simply click on any field and edit its label, add a description, and make it a required field in the form.
After that, you can head to the ‘Settings’ tab in the form builder. Under the General settings, you can change the ‘Submit Button Text’ to ‘Login.’
Next, you can go to the ‘Confirmations’ tab to change what will happen when a user successfully logs in.
Simply click the ‘Confirmation Type’ dropdown menu and select an option. You can show customers a message, display a page, or redirect them to a specific URL.
For instance, you can add your WooCommerce login form on a product page and allow customers to quickly sign in to purchase your product.
When you’re done, simply click the ‘Save’ button at the top.
Next, you’ll need to add the WooCommerce customer login form to a page on your site.
Simply click the ‘Embed’ button at the top of the builder. You can then choose whether you will put the form on an existing page or create a new one for it.
Let’s choose the ‘Create New Page’ option for now.
Next, you’ll need to enter a name for your page and click the ‘Let’s Go!’ button.
After that, you’ll see the WPForms login form inside the WordPress content area.
Now, you can preview your form, publish the new page, and display the custom WooCommerce login for your customers.
On the other hand, you can also add your WooCommerce login form to your store’s sidebar. This way, your form will appear on every product page and allow customers to sign in quickly.
Simply, head to Appearance » Widgets from your WordPress dashboard. Next, click the ‘+’ button and add a WPForms widget block.
After that, you can choose your login form from the dropdown menu and enter a title.
When you’re done, click the ‘Update’ button.
You can now visit your online store to see the login form in the sidebar.
WooCommerce allows returning visitors to login during the checkout page. If you’re looking to customize the WooCommerce checkout login page, then the best way to do that is by using a powerful funnel builder plugin like WooFunnels.
WooFunnels lets you customize your WooCommerce checkout page, add multi-step checkout, add one-click upsells, and so much more.
You can select from dozens of pre-made checkout templates that are highly optimized for conversions, and the best part is that you can customize them using any of the popular WordPress page builders.
You have the option to A/B test the multiple funnels, sales pages, and upsell offers.
WooFunnels give you detailed analytics on each step of your WooCommerce funnel.
It also comes with a powerful marketing automation addon, Autonami, which lets you customize WooCommerce emails, send drip email notification in WooCommerce for cart abandonment, welcome series, and more.
If you’re serious about growing your WooCommerce store, then this is one of the must have tool that we recommend.
Do you want to create a custom WordPress login page for your website?
If you run a WordPress membership site or an online store, then many users will often see your login page. Customizing the default WordPress login page allows you to offer a better user experience.
In this ultimate guide, we will show you different ways to create a custom WordPress login page. You can also use this tutorial for creating a custom WooCommerce login page as well.
By default, the login page shows the WordPress branding and logo. This is fine if you are the only person with admin access or have very few users.
However, if your website allows users to register and log in, then a custom login page offers a better user experience.
Some users may be suspicious if your WordPress login screen looks nothing like your website. They will likely feel more at home if you use your business logo and design.
Lastly, the default login screen contains nothing but the login form. By creating a custom login page, you can use the space to promote other pages or special offers.
That being said, let’s look at some examples of custom WordPress login page designs.
WordPress Login Page Design Examples
Website owners can customize the WordPress login page using different styles and techniques.
Some create a custom login page that uses their website’s theme and colors. Others modify the default login page by adding a custom background, colors, and logo.
WPForms is the best WordPress contact form plugin on the market. Their plugin also includes an add-on to create beautiful WordPress login and registration forms, which we will show you later in this article.
Their custom login page uses a two-column layout. The left column contains the login form, and the right column is used to highlight promotions and other calls to action.
Their login page shown above lets their users know about new features. It uses custom branding, background illustration, and brand colors to create a unique login experience.
Jacquelynne Steeves is an arts and crafts website where the author publishes content about decorating homes, making quilts, patterns, embroidery, and more.
Their login page uses a custom background image matching their website’s theme with the login form on the right.
The advantage of using a popup is that users can log in without leaving the page. It saves them from a new page load and offers a faster user experience.
Now, are you ready to learn how to create a custom login page in WordPress?
Creating a WordPress Login Page Using Theme My Login (Free)
Theme My Login is a free plugin that changes your login page to match your WordPress theme. It’s not very customizable, but it will replace the default WordPress-branded login page and make it look a bit more professional.
The first thing you need to do is install and activate the Theme My Login plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.
Upon activation, Theme My Login automatically creates URLs for your custom login, logout, registration, forgot password, and reset password actions.
You can customize these WordPress login URLs by visiting the Theme My Login » General page. Scroll down to the ‘Slugs’ section to modify the URLs used by the plugin for login actions.
Theme My Login also allows you to use shortcodes to create custom login and registration pages. You can simply create a page for each action and then add the page slug here so that the plugin can find and redirect users properly.
Let’s start with the login page.
Head over to Page » Add New to create a new WordPress page. Next, you need to give your page a title and then enter the following shortcode[theme-my-login] to the page.
You can now publish your page and preview it to see your custom login page in action.
Simply repeat the process to create other pages by using the following shortcode:
[theme-my-login action="register"] For the registration form
[theme-my-login action="lostpassword"]For the lost password page
[theme-my-login action="resetpass"] For the reset password page
Creating a Custom WordPress Login Page Using WPForms
WPForms is the best WordPress form builder plugin on the market. It allows you to easily create custom login and registration forms for your website.
WPForms is a premium WordPress plugin, and you will need at least their pro plan to access the User Registration add-on. WPBeginner users can get a 50% discount by using our WPForms coupon code: SAVE50
The first thing you need to do is install and activate the WPForms plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.
Upon activation, you need to visit the WPForms » Settings page to enter your license key. You can find this information in your account on the WPForms website.
After entering the license key, you’ll be able to install add-ons.
Go ahead and visit the WPForms » Addons page and locate the User Registration Addon.
Next, click on the ‘Install Addon’ button to download and activate the addon. You are now ready to create your own custom login forms.
Head over to WPForms » Add New page and scroll down to the ‘User Login Form’ template. You need to click on the ‘Use Template’ button to continue.
WPForms will load the User Login Form with the required fields.
You can click on the fields to add your own description or text around them.
You can change other settings as well.
For example, the default button title is ‘Submit’. You can click the button and then change the text to ‘Login’ instead.
You can also decide what happens once a user is successfully logged in.
You’ll need to head over to the Settings » Confirmation tab and select an action. You can redirect the user to any other URL, redirect them to the homepage, or simply show them a message that they are now logged in.
Once you are satisfied with the form settings, just click on the ‘Save’ button in the top right corner of the screen and close the form builder.
Adding Your Custom Login Form to a WordPress Page
WPForms makes it super easy to add your custom login form on any WordPress post or page.
Simply edit the page where you want to add the login form or create a new one. Then, on the page edit screen, add the WPForms block to your content area.
Next, select the login form you created earlier, and the WPForms block will automatically load it inside the content area.
You can now continue editing the login form page. Feel free to add more text or promotional blocks. Once you are finished, don’t forget to save and publish your changes.
You can now visit your website to see your login page in action.
Creating a Custom WordPress Login Page Using SeedProd (Recommended)
By default, your custom WordPress login form page will use your theme’s page template and styles. It will have your theme’s navigation menus, header, footer, and sidebar widgets.
If you want to take over the entire page completely and design something from scratch, then you can use a WordPress page builder plugin.
SeedProd is the best landing page builder for WordPress. It’s beginner-friendly and offers a drag-and-drop builder to help you create any type of landing page, including a login page, coming soon page, maintenance mode page, and more.
For this article, we will be using the SeedProd Pro version because it includes a login page template and advanced page blocks for customization.
There is also a free version of SeedProd, but it doesn’t include the option to create a login page for your WordPress website.
First, you’ll need to install the SeedProd plugin on your website. For more details, you can follow our guide on how to install a WordPress plugin.
Once the plugin is active, you’ll be redirected to SeedProd in your WordPress admin area.
Here, you’ll need to enter your license key, which you can easily get from the SeedProd account. When you’ve entered the key, click the ‘Verify key’ button.
After that, you are ready to create your login page in SeedProd.
To start, head over to SeedProd » Landing Pages and then select the ‘Login Page’ option by clicking the ‘Set up a Login Page’ button.
On the next screen, you can select a template for your login page. There is also an option to create a page from scratch by using the Blank Template.
However, we suggest using a template as it’s easier and faster to customize the login page.
When you select a template, a popup window will appear to enter a Page Name for your login page. SeedProd will use the page name as the URL for your landing page.
Once you have entered these details, go ahead and click the ‘Save and Start Editing the Page’ button.
Now, you can edit your login page using SeedProd’s drag-and-drop builder in the Design tab. The builder lets you easily add any page block to the page by simply dragging it from the left menu and placing it anywhere on the page.
For example, you can add some text, a video, or a new button to your login page. There are more customization options in the Advanced Blocks section, where you can add a countdown timer, social sharing icons, and more.
SeedProd even lets you remove existing page blocks in the template. All you have to do is click the trash can icon to delete the page block.
Next, if you click on any section on the login page, you’ll see more options for customization.
For instance, you can change the text and color of the fields, choose a different font, edit the button’s color, and more.
When you are satisfied with the design of the login page, go ahead and click on the ‘Connect’ tab at the top.
After that, you need to head over to the Page Settings tab. Under the General settings, SeedProd lets you edit the page title and change the page status from draft to publish.
You can also select the option to use a SeedProd Link and add your SeedProd affiliate link to make more money online.
If you want to optimize your login page for search engines, then go to the SEO settings. Here, you’ll find a button that will install the All In One SEO plugin.
After that, you can also add different code snippets to your login page in the Scripts settings tab.
For instance, you may want to add Google Analytics code, Facebook pixel, or other tracking code here.
Now that you’ve changed the page settings, go ahead and click the ‘Save’ button at the top.
Next, you’ll have to make your login page active. To do that, you can exit the landing page builder and then go to SeedProd » Landing Pages.
Once there, you should click the switch to change the page status from ‘Inactive’ to ‘Active’.
You can now go to the URL of your login page and see it in action.
This is a screenshot of the login screen on our demo site.
Alternative: You can also use Thrive Architect to design an attractive login page. It’s another great drag-and-drop page builder plugin that we recommend for creating custom pages.
It includes over 300+ professionally designed templates that allow you to make a login page that could look like the one below.
If WordPress page builder plugins are not your thing, then you can use custom CSS to style the form and the login page itself.
Change the WordPress Login Logo and URL
You don’t always need to create a completely custom WordPress login page for your website. A lot of websites replace the WordPress logo and logo URL while still using the default login page.
If you want to replace the WordPress logo on the login screen with your own logo, then you can easily use a WordPress plugin or add custom code. We will show you both methods, and you can use one that best suits you.
Method 1: Changing WordPress Login Logo and URL Using a Plugin
Upon activation, the plugin adds a new menu item to the WordPress theme customizer. Simply navigate to Appearance » Customize and click on the new ‘Colorlib Login Customizer’ item to launch the login customizer.
Note that you won’t have this option available if you are using a block theme, so we recommend using the code method if that’s the case.
The login customizer will load your default WordPress login screen with customization options on the left and a live preview on the right.
To replace the WordPress logo with your own, click on the ‘Logo options’ tab on the right.
From here, you can hide the WordPress logo, upload your own custom logo, and change the logo URL and text.
You can also customize the size of the size and color of the text and the width and height of the custom logo.
The plugin also allows you to customize the default WordPress login page completely. You can add columns, background images, change the login form colors, and more.
Basically, you can create a custom WordPress login page without changing the default WordPress login URL.
Once you are finished, simply click on the ‘Publish’ button to save your changes. You can now visit the WordPress login page to see your custom login form in action.
Method 2: Changing WordPress Login Logo and URL With Code
This method allows you to manually replace the WordPress logo on the login screen with your own custom logo without the need for a plugin. It is also suitable for block themes.
First, you need to upload your custom logo to the media library. Simply go to Media » Add New page and upload your custom logo.
Once you have uploaded the image, click on the ‘Edit’ link next to it. This will open the edit media page, where you need to copy the file URL and paste it somewhere convenient, such as a blank text file on your computer.
Don’t forget to replace the background-image URL on Line 4 with the file URL you copied earlier. You can also adjust other CSS properties to match your custom logo image.
You can now visit the WordPress login page to see your custom logo in action.
However, this code only replaces the WordPress logo. It does not change the logo link, which points to the WordPress.org website.
Let’s change this.
Simply add the following code to your theme’s functions.php file or WPCode. You can paste it right below the code you added earlier:
function wpb_login_logo_url() {
return home_url();
}
add_filter( 'login_headerurl', 'wpb_login_logo_url' );
function wpb_login_logo_url_title() {
return 'Your Site Name and Info';
}
add_filter( 'login_headertitle', 'wpb_login_logo_url_title' );
Don’t forget to replace ‘Your Site Name and Info’ with your site’s actual name. The custom logo on your login screen will now point to your site’s home page.
Disabling the WordPress Login Page Language Switcher
The release of WordPress 5.9 introduced a new dropdown login option that lets users select a new language when logging in to a website.
If there is more than one active language on the site, then this option will appear.
This works well for multilingual websites and teams with different users who might want to access the WordPress dashboard in a different language.
But if you want to keep your login page simple, and your users don’t need to frequently switch languages, then removing the language switcher can help declutter the login page. You can do this using a plugin or code.
Method 1: Disabling the Language Switcher With a Plugin
All you need to do is install and activate the Disable Login Language Switcher plugin. Upon activation, the language switcher option will automatically be removed. There are no additional settings for you to configure.
Now, when you go to your login screen, you’ll see the standard login screen without the language switcher option.
Method 2: Disabling the Language Switcher With Code
That’s all. We hope this article helped you learn different ways to create a WordPress login page for your website. You may also want to see our ultimate WordPress security guide for tips on improving your WordPress login security or see our comparison of the best live chat software for small business.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.