Find out how to Customise a Password Secure Web page in WordPress

by | Oct 12, 2022 | Etcetera | 0 comments

Do you wish to have to create a custom designed password-protected internet web page in your website?

You’ll cover content material subject material and limit get right of entry to to positive pages using WordPress password protection. Alternatively, the default login and password-entry construction is obvious and now not attention-grabbing.

In this article, we’ll show you tips on how to customize password-protected pages in WordPress.

How to Customize password protected page in WordPress

Why Customize Password Safe Pages in WordPress?

If you want to create a internet web page or a put up in your WordPress weblog that should highest be visible to selected shoppers or folks, then you definitely’ll use the password protection serve as to lock the content material subject material.

In a similar fashion, in case you occur to’re rising a brand spanking new WordPress website online and don’t want everyone to view it, then using a password-protected internet web page makes sense.

Alternatively, the default password-protected internet web page design might be very basic and now not attractive. Proper right here’s a preview of what it sort of feels like:

A basic password protected page

Customizing the password-protected internet web page signifies that you’ll be able to change its design and construction the best way wherein you wish to have. It’s serving to make your internet web page further attractive, and also you’ll have compatibility it to your logo for a further professional look and better particular person experience.

That discussed, we’ll show you tips on how to permit password protection in WordPress and different ways to customize a selected internet web page, all your internet web page, and different sections.

You’ll click on at the links underneath to jump ahead to your preferred phase:

Learn how to Password Offer protection to a Internet web page in WordPress

Previous than we show you tips on how to customize a WordPress internet web page, you will have to know that WordPress comes with built-in settings to password-protect your pages and posts.

All it’s a will have to to do is edit a internet web page or add a brand spanking new one. Every time you’re inside the WordPress content material editor, move ahead and click on at the ‘Public’ selection beneath ‘Status & visibility’ inside the settings panel in your right kind.

Change visibility settings in content editor

Next, you’ll see different Post Visibility alternatives.

Simply select the ‘Password Safe’ selection and enter a password in your internet web page.

Select password protected option

Now, move ahead and click on on ‘Exchange’ or ‘Submit,’ and the live internet web page will probably be secure by the use of a password.

You’ll now visit your website and notice the internet web page in movement.

Password protected page preview using content editor

Now, let’s see the way you’ll customize your default password-protected internet web page.

Customize Default Password Safe Design Using CSS Hero

While you permit password protection from your WordPress content material subject material editor, the internet web page uses your internet web page’s theme for styling.

To customize the internet web page, you’ll simply use a tool like CSS Hero. It signifies that you’ll be able to edit the design and construction of your internet web page without enhancing code.

First, you’ll need to arrange and switch at the CSS Hero plugin. For additonal details, please see our knowledge on the right way to set up a WordPress plugin.

Upon activation, the CSS hero selection will probably be added to the WordPress admin bar at the best. Transfer ahead and click on at the ‘Customize with CSS Hero’ selection.

Customize with CSS hero

This may increasingly unlock the CSS Hero visual builder, where you’ll edit and customize your internet web page.

To start out, simply click on on on any phase on the internet web page.

See also  Is WordPress Actually That Unhealthy? (9 Issues You Will have to Know)
Click an element to start editing

Next, you’ll change the background colors, add a background image, use a definite font, edit spacing, and further from the panel in your left.

As an example, let’s add a background color with a gradient have an effect on by the use of going to the ‘Background’ tab. We’ll moreover change the color of the sector where consumers need to kind inside the password, along with the color of the ‘Enter’ button.

Change the background color

Besides that, you’ll add a border spherical the principle heading on the internet web page by the use of going to the Borders tab.

Simply select a border width, color, style, and some other changes you favor.

Edit the borders and save your changes

While you’ve made the change, don’t forget to click on at the ‘Save & Submit’ button at the bottom.

You’ll now visit your website to appear the customized default password-protected internet web page.

Preview of customized password protected page with CSS hero

The drawback of using CSS Hero is that you simply don’t get the flexibility and complicated customization alternatives {{that a}} landing internet web page builder offers.

As an example, you’ll’t add portions like touch paperwork, social media buttons, optin forms, countdown timers, and further using CSS Hero.

That discussed, let’s see the way you’ll use a landing internet web page builder to customize specific pages in WordPress.

Customize a Particular Password Safe Internet web page Using SeedProd

One of the vital most straightforward techniques of customizing a selected password-protected internet web page is by the use of using SeedProd. It’s the best WordPress website online and web page builder.

For this instructional, we’ll use the SeedProd Professional type because it accommodates best elegance templates and further customization choices. You’ll moreover use the SeedProd Lite type for free and create a coming temporarily internet web page.

First, you’ll need to arrange and switch at the SeedProd plugin. If you need be in agreement, then please see our knowledge on the right way to set up a WordPress plugin.

Upon activation, you’ll be taken to SeedProd’s welcome show to your WordPress dashboard. Next, you’ll need to enter the license key and click on at the ‘Test Key’ button. You’ll find the license key to your SeedProd account area.

Enter SeedProd license key

After that, head to SeedProd » Landing Pages from your WordPress dashboard and add a brand spanking new custom designed password-protected landing internet web page.

Later in this article, we’ll show you the best way to make a choice which pages are password-protected. You’ll password-protect all your internet web page or highest specific pages.

For this instructional, we’ll create a coming temporarily internet web page for a website unlock with password protection. Alternatively, you’ll customize your design merely in case you occur to highest use it to password-protect specific pages.

To start out, simply click on at the ‘Prepare a Coming Briefly Internet web page’ button.

Create a new coming soon page

On the next show, SeedProd will show you different internet web page templates, so that you’ll in brief customize them.

Transfer ahead and hover over any template you wish to have to use and click on at the orange checkmark button.

Choose a template

After selecting a template, SeedProd will open a popup window titled ‘Enter your new internet web page details.’

You merely need to make a choice a internet web page determine and URL slug, and then simply click on at the ‘Save and Get began Improving the Internet web page’ button.

Enter a page template name

This may increasingly unlock the SeedProd drag-and-drop internet web page builder.

Proper right here you’ll customize your password-protected landing internet web page and add different portions like text, images, buttons, and further. SeedProd offers complicated blocks like optin form, contact form, countdown timer, building bar, social sharing alternatives, and further.

With the intention to upload an element, you’ll simply drag any block from the menu in your left and drop it onto the template to the correct. You then’ll customize the phase simply by clicking on it and adjusting the selections that appear.

Add blocks to your template

This can be how SeedProd signifies that you’ll be able to add a password form on the front end of your internet web page to give protection to your content material subject material.

See also  Easy methods to Simply Combine Shopify with WordPress (Step via Step)

First, you’ll add a ‘Custom designed HTML’ block inside the SeedProd builder. Simply drag and drop the Custom designed HTML block onto the template.

Add custom HTML block

Next, you’ll click on on on the Custom designed HTML block.

From proper right here, enter the [seed_bypass_form] shortcode inside the ‘Custom designed Code’ field. That’s it! Don’t forget to click on at the ‘Save’ button when you’re performed.

Enter shortcode

SeedProd moreover integrates with different e-mail advertising and marketing products and services. You’ll add a marginally form to your landing internet web page and fix an electronic mail promoting and advertising device to construct your e-mail checklist and stay in touch with consumers.

Simply move to the ‘Connect’ tab inside the landing internet web page builder and select your electronic mail promoting and advertising provider.

Connect email marketing service

Atmosphere Up Password Protection For Particular Pages in SeedProd

After creating a custom designed coming temporarily internet web page that uses [seed_bypass_form] shortcode, the next step is to organize password protection on specific pages using SeedProd.

To start out, you’ll need to move to the ‘Internet web page Settings’ tab inside the SeedProd builder and then click on on on ‘Get admission to Keep watch over’ settings.

After that, you’ll enter a password inside the ‘Bypass URL’ field that folks can use to get right of entry to your restricted content material subject material.

Access control settings

Do bear in mind that the text you write inside the ‘Bypass URL’ field will act for the reason that password and as well as a link that shoppers and team folks can use to detour the password protection and get right of entry to the internet web page.

SeedProd signifies that you’ll be able to exclude specific URLs from your web sites like admin, login, dashboard, and account. This promises that internet web page house owners don’t get locked out of their web sites.

Now, you’ll need to make a choice which URLs will probably be password-protected.

Simply scroll proper all the way down to the ‘Include/Exclude URLs’ phase beneath the ‘Get admission to Keep watch over’ settings. After that, select the ‘Include URLs’ selection and then enter the right pages you’d like to restrict.

Include pages to password protect

While you’re performed, simply click on at the ‘Save’ button at the best.

Next, you’ll move to the ‘Customary’ settings beneath the ‘Internet web page Settings’ tab and change the Internet web page Status from ‘Draft’ to ‘Submit’.

Publish your landing page

After that, you’ll close the landing internet web page builder and head to SeedProd » Landing Pages from your WordPress admin panel.

From proper right here, click on at the toggle beneath ‘Coming Briefly Mode’ to show to your custom designed password-protected internet web page.

Activate coming soon page

That’s all! You’ve successfully created a custom designed password-protected landing internet web page that may highest appear on specific pages in WordPress.

Simply visit those pages in your website to appear the customized password-protected internet web page in movement.

Custom password protected page preview

Create Custom designed Password Safe Internet web page for Entire Website online

Using SeedProd, you’ll moreover display your password-protected internet web page on each internet web page of your website. This way, consumers will need to enter a password to comprehend get right of entry to to any of your content material subject material.

First, you’ll move to SeedProd » Landing Pages from your WordPress dashboard. Then, click on at the ‘Edit Internet web page’ button inside the ‘Coming Briefly Mode’ panel.

Edit coming soon page

Next, you’ll head to the ‘Internet web page Settings’ tab at the best and move to ‘Get admission to Keep watch over’ settings.

After that, scroll proper all the way down to the ‘Include/Exclude URLs’ phase and select the ‘Show on the Entire Website online’ selection.

Show on entire website option

Every time you’ve made the changes, move ahead and click on at the ‘Save’ button at the best.

SeedProd will show the custom designed password-protected internet web page on all your website.

See also  What’s Blockchain? | The Final Information

Create Custom designed Password Safe Sections in WordPress

You’ll moreover password-protect different website sections in WordPress from different devices of consumers. This is useful in case you occur to’re running a membership website and want to keep watch over get right of entry to to your content material subject material, plugins, apps, and other downloadable knowledge.

One of the simplest ways to restrict different parts of your website is by the use of using MemberPress. It’s the best WordPress club plugin that lets you create multiple membership levels to password-protect your content material subject material.

You’ll use MemberPress to organize different rules, so consumers can highest get right of entry to content material subject material in keeping with their membership level. For additonal details, please see our knowledge on making a WordPress club web page.

To start out, you’ll first need to add memberships to your website. Simply move to MemberPress » Memberships from your WordPress dashboard and click on at the ‘Add New’ button.

Add new membership plan

After that, you’ll enter a name in your membership level, add an overview, and set a price.

You’ll moreover change the billing kind from one-time to regimen, along with edit the membership to be lifetime or expire after a certain time period.

Add a membership level

Don’t forget to click on at the ‘Submit’ button when you’re performed.

Next, you’ll move to MemberPress » Rules from your WordPress dashboard and click on at the ‘Add New’ button.

Add new membership rule

From proper right here, you’ll click on at the dropdown menu beneath the ‘Safe Content material subject material’ selection. MemberPress offers numerous alternatives to give protection to your content material subject material, whether or not or now not that can be a single internet web page or all of your WordPress pages.

For this instructional, we’ll password-protect a single internet web page. Simply select the ‘A Single Internet web page’ selection from the dropdown menu and enter the identify of the internet web page.

Set up rules for password protection

Next, you’ll need to organize the Get admission to Prerequisites and configure who can view the restricted internet web page. MemberPress signifies that you’ll be able to maintain content material subject material in keeping with membership level, WordPress person function, capability, and specific particular person folks.

Let’s set ‘Membership’ is ‘Best price’ from the dropdown menus for this instructional. This way, highest best elegance folks will be capable to get right of entry to the internet web page. You’ll add further conditions and allow more than 1 membership level to view the internet web page.

While you’re performed, don’t forget to click on at the ‘Save Rule’ button.

You’ll then visit your website to appear the password-protected internet web page in movement. People will have to test in to their account to view the contents of the internet web page.

View membership password protected page

You’ll organize passwords in your motion pictures, otherwise you’ll offer staff memberships for corporate teams. Additionally, you’ll create a password to provide subscribers get right of entry to to a paid publication and further.

We also have a knowledge on tips on how to password-protect your paperwork in WordPress.

We hope this text helped you learn how to customize a password-protected internet web page in WordPress. You might also want to see our knowledge on the right way to create an absolutely customized WordPress theme without writing any code, or our comparability of the most productive WordPress search engine optimization plugins.

If you most well-liked this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You’ll moreover find us on Twitter and Fb.

The put up Find out how to Customise a Password Secure Web page in WordPress first appeared on WPBeginner.

WordPress Maintenance

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *