How To Quickly Solve WordPress Plugin Failed To Update?

You know that keeping your WordPress site updated is crucial for website security. But what happens when you try to update a WordPress plugin but the update failed?

In today's tutorial, you will learn how to solve WordPress plugin failed to update.

WordPress plugin failed to update
~WordPress plugin failed to update

Understanding the root cause for WordPress plugin failed to update

This rarely happens but if the site permission isn't setup correctly, you will not be able to update the WordPress plugin or theme.

The default permission should be as follow:

  • 755 for all folders and sub-folders
  • 644 for all files

What does the numbers in file permissions mean?

The key concept is that when it comes to file permissions, there are three classes of users involved - Owner, Group and Others. We won't get into the details of this and you may look upon the internet to read more about it. There are three main permissions involved - read, write and execute. They are symbolically denoted by the letters:

  • r if reading is permitted, - if it is not
  • w if writing is permitted, - if it is not
  • x if execution is permitted, - if it is not

In numeric notation, file permission may be shown as 755, which means":

So symbolically 755 means rwxr-xr-x, where the first three letters denote the permission for OWNER, the middle three-letter denotes the permission for GROUP and the last three letters denote permissions for OTHERS.

Similarly, 644 means 110100100 or rw-r--r--

In web host file manager, you may have a web interface from where you can change file permission such as in the image given below:

WP Directory
~WP Directory

Solution #1: Chmod the upgrade directory to 777

One ofthe method to fix the Update Failed: Plugin update failed is by updating your WP directory to 777.

This directory is found here: /wp-content/upgrade

In order to access this directory, you would need to login to your hosting panel and do a quick search for the folder.

We use FTP most of the time, but if you want, you can also use the file manager in your cPanel hosting to change the permission from the default 644 to 777.

Change WP Directory Permission To 777
~Change WP Directory Permission To 777

After updating the permission, try to update your plugin once more. Now, it should work just fine.

Remember that you must change the permission level back to 644 after updating the plugin (for security reasons).

Solution #2: Delete upgrade directory and recreate the directory

You should consider this solution if the first solution doesn't work. This solution is rather straight forward—delete the directory and recreate the directory again.

Important: Create a backup prior to deleting any files from your WP database for safety reasons.

Using an FTP client such as FileZilla, simply delete the 'upgrade' directory and recreate it. Make sure the permission is 644 after you create the directory.

Once that is done, head over to your WordPress dashboard and try to update the plugin again.

If this solution works, it is probably the directory is somehow corrupted. Re-creating a new directory solved the issue once and for all.

Other solutions that others reported to have worked for "Update Failed: Plugin update failed" in WordPress

Disabling Ask Apache Password Protect Plugin

If you have 'Ask Apache Password Protect' plugin installed, try disabling this plugin and try the other plugin update. This plugin is known to create issues when it comes to updating WordPress plugins.

No hard disk space left?

We rarely see this as a problem since running out of hard disk space is super rare. Here are some hints that your hard disk space is limited or full:

If you are getting any of the above error messages, it is time to do some website maintenance, including clearing old backups you no longer need. Clearing unwanted files from your database will free up the disk space.

Do you experience any of the above? Let us know which one worked for you or if you have other solutions to resolve this issue - "Update Failed: Plugin update failed" in the comments below!

How To Remove WordPress Category From URL?

How do you remove WordPress category from the URL but still want to display the subcategories? In this post, you will find one simple trick to easily remove WordPress category from URL. This trick works for all WordPress versions (as of now).

If you are using the older version of Yoast SEO plugin, there was an option to remove URL category from the URL.

How to easily remove a category from the URL?

The easiest way is to remove a category from the URL is by heading to your WordPress admin dashboard » Settings » Permalinks.

Next, select Custom Structure and remove everything in the column. Select %category% first and followed by %postname%.

Last but not least, head down to Category base and put a full stop in the column.

Remove WordPress Category From URL
~How to remove category from URL?

Putting a full stop is a signal to WordPress to remove the primary category from the URL and only display the subcategory of your choice.

Summary: Removing category from WordPress URL

That was fast, right? Removing the word category from WordPress URL is a great way to ensure that you are sending the right signals to Google and other search engines. This strategy is best especially if you want to classify specific keywords within the URL string.

How To Use Adobe Fonts With Beaver Builder?

Having Adobe Fonts have several advantages over Google Fonts especially when it comes to website loading speed. If you are using Beaver Builder to build WordPress sites, you can easily use Adobe Fonts with Beaver Builder by modifying the CSS.

If this sounds like a tough, don't worry. In this tutorial, we'll guide you how you can easily add Adobe Fonts to WordPress websites in just a few steps.

What are Adobe Fonts?

What Are Adobe Fonts
~What are Adobe Fonts?

Adobe Fonts is an online service which offers a subscription library of high-quality fonts. The fonts may be used directly on websites or synced via Adobe Creative Cloud to applications on the subscriber's computers.

Instead of using Google Fonts to load unique font types, Adobe Fonts is a great alternative for website designers that you can easily integrate to your WordPress site.

How to use Adobe Fonts with Beaver Builder?

Follow these steps to quickly set up Adobe fonts to work with Beaver Builder:

If you are using Beaver Builder, these steps will get Adobe Fonts working for your site. However, these are also very useful especially when you are using other WordPress themes.

Step 1: How to remove Google Fonts from WordPress?

Here's the bad thing about using Google Fonts for WordPress.

If your WP theme is currently using a Google Font for your heading or body font, it will still be loaded even after being overridden with an Adobe font, which can slow down your page load time. Here's how to stop the Google font from loading by removing Google Fonts completely.

  1. Head over to Customize » General.
  2. If you plan to use an Adobe font for the headings, click Headings, then for Font Family select one of the system fonts, such as Verdana.
  3. If you plan to use an Adobe font for body text, click Text, then for Font Family select one of the system fonts, such as Verdana.
  4. Click Save and Publish.

Once these steps are completed, you will notice that the fonts on your site had been changed to the system font.

Step 2: Create a web project and get the embed code for Adobe Fonts

  1. In order to use Adobe Fonts in WordPress, you need to first create a web project in Adobe Fonts (click here).
  2. Next, choose which form of embed code you want to use (click here).

If you want to load an East Asian font, copy the embed code following the instructions in the section called "JavaScript embed code." Otherwise, copy the embed code following the instructions in the section called "Default embed code."

Step 3: Adding the embed code to the WordPress Customizer

  1. Login to your WordPress dashboard and head over to Customize » Code » Head code. The embed code needs to be pasted into the <head> area of the web page.
  2. Paste in the Adobe embed code, either the Default code or the JavaScript code. Make sure the JavaScript is wrapped in <script> tags when you paste it into the Head code location.

Step 4: Add CSS rules to determine where the Adobe Font is used

There are several places you can add custom CSS and here are several examples.

Heading Font CSS example

The following example rule selects the headings to which the font applies, in this example a font called proxima-nova. It also specifies a fallback font if proxima-nova isn't found. In this example, the fallback is the generic family sans-serif, and the exact sans-serif font is left to the user's browser to decide.

h1, h2, h3, h4, h5, h6 {
  font-family: 'proxima-nova', sans-serif;
}

Body font CSS example

The following code shows an example CSS rule where the font applies anywhere in the body of the page.

body {
  font-family: 'proxima-nova', sans-serif;
}

Recap

Adding Adobe Fonts to WordPress websites using Beaver Builder is easy with the above steps. We hope that you find this WordPress tutorial useful and drop us a comment if you need any help!

How To Modify Line Height And Spacing Between Paragraphs In Beaver Builder?

Beaver Builder is one of the most popular WordPress drag and drop builder. At WP Maven, we use Beaver Builder a lot in our web development projects. So, we do have a fair share of experience with it. While this plugin is a great asset to many WordPress site owners, there is still some learning curve within Beaver Builder to make it really a beginner-friendly one. One of the most common questions we being asked is "how to modify line height and spacing between paragraphs in Beaver Builder?"

In the next few minutes, we will show you how you can easily change the line height and spacing between paragraphs in Beaver Builder.

A quick introduction to Beaver Builder

When it comes to WordPress frontend editor, Beaver Builder is one of the top and most underrated plugin. It is extremely flexible and building landing pages or content pages are extremely easy with Beaver Builder.

We published an extensive review on Beaver Builder last year and we love the features that come with it.

What Is Beaver Builder
~What is Beaver Builder WordPress?

What are the advantages of using Beaver Builder in WordPress?

If you are wondering, here's a quick summary on the advantages of using the Beaver Builder plugin in WordPress site development:

  • Frontend drag & drop interface
  • Low learning curve
  • Pre-built designlayouts
  • Fast and lightweight plugin
  • Multisite capable
  • Works with Easy Digital Downloads and major Woocommerce plugins
  • SEO and translation ready
  • Optimized code delivery
  • Import/Export functionality
  • WPML compatible

Tutorial: How to add line height and spacing between paragraph in Beaver Builder plugin?

Thankfully, the process of modifying the line height and spacing between paragraph can easily be done with a little tweak in the CSS line.

Follow these steps:

Step 1: Head over to wp-admin » Post » All Posts » Choose any post, hover the title and click on Beaver Builder

Step 2: Once you are in the Beaver Builder frontend editor, click on the dropdown button and look for Layout CSS & Javascript. Beaver Builder allows you to use shortcut key and you can pop up the option with CTRL + Y.

Beaver Builder Layout CSS & Javascript
~Beaver Builder Layout CSS & Javascript option

Step 3: Add in this code into the CSS column.

body p {
  line-height: 1.5em; padding-bottom: 15px;
}
Modify Line Height And Spacing Between Paragraph In Beaver Builder
~Modify Line Height And Spacing Between Paragraph In Beaver Builder

Lastly, don't forget to adjust the line-height to match your needs. We use 1.5em for this sample. Also, you may also use margin-bottom instead of padding-bottom.

Summary

We hope that you this quick fix helps you to add line height and spacing between paragraph when using Beaver Builder. If you nee more help, hit us up in the comments area or reach out to us today!

How To Fix WordPress Import Failed? [Updated 2020]

WordPress import failed. This is a common error faced by multiple WordPress owners. In this tutorial, you will learn how to import large data sets into WordPress.

By default, most WP installs allow XML files of up to 7MB. But there are times where WordPress failed to import media even when the size is smaller than 2MB. Here's why it happens and how to fix the problem.

How to quickly fix the WordPress import fail issue?

There are 4 steps to solve your WordPress import failed issue. It is important to understand that these are not perfect options, but they are could work extremely well in many circumstances.

1. Export XML data

If you are uploading XML file and it failed to upload to WordPress, you should consider re-download the XML file.

Here's how.

WP-admin » Tools » Export » Download Export File

2. Divide huge file into smaller parts

Make no mistake. We are not a true fan for this step but this is an important step to solve your WordPress fail to import issue.

This is done by doing text editor and breaking the huge file in parts.

DO NOT USE MS WORD or any other “word processing” application. It must be a basic text editor like Notepad, etc.

The first 20-ish lines are all instructions. They’re not important. However, the <?xml version="1.0" encoding="UTF-8" ?> tag on the top line is very important. Wherever you see the <rss version="2.0"... and the <channel> tags, that’s where the content starts.

3. Format the smaller files correctly

This is crucial. You need to have some basic knowledge in the WordPress markup codes. If not, it is going to be tough!

In short, every file has to start and end with the proper tags. Make sure your files follow this pattern:

<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0"...
<channel>
<wp:wxr_version>1.2</wp:wxr_version>
Your 5,000-ish lines of content, starting with <item> and ending with </item>
</channel>
</rss>

You can have many, many <item>...</item> tags within your 5,000 lines―and in fact, you definitely should. But your content MUST be wrapped within <item>...</item> tags (plus the others described above) or the import will break.

You will have to copy and paste these tags into the top and bottom of each file (or start with one file like this and paste your content into the middle). It’s real pain and it must be done properly. If you have a problem, it’s probably because this step was done wrong.

So, take the time to really go through each line to make sure everything is correct. Afterall, it is better to be safe than sorry at a later time!

4. Uploading the files individually

Head over to Tools » Import » WordPress Import. You will be using this several times to upload the new files you had created with.

Lucky for you, the process of importing these smaller files will not take that long as compared to the previous one.

Your data should import just fine, albeit in smaller installments.

Drawbacks you need to know (please read)

The solutions that we shared above are not perfect. There are two drawbacks to be honest.

It is painfully slow and tedious

Let's be honest, It is really tough to go through 100,000-line file and break them into 5,000-line files.

However, if you got an hour or two and the patience of a saint, the tedium isn’t the end of the world.

It might break your meta data/relationships

This one could be a deal-breaker for some. Here’s the problem: if you have two pages in your site: Page ID #10 and Page ID #20. For whatever reason, you created 20 after 10, but 20 is the parent of 10.

Read that carefully: 20, the higher ID and newer page is actually the parent of 10, the older page.

It sounded weird. It doesn’t matter why. Maybe you added a category-level landing page [20] to list all sub-pages [10, 12, 14, etc.].

If you import a chunk that defines page 10 but cuts off before defining page 20, you’ll be telling WordPress to import/create page 10 and its parent is 20…but you haven’t imported 20 yet. That relationship is invalid. WordPress sees the invalid relationship and just skips right over it. They SHOULD throw an error or at least warn you of the problem, but it’s rare and most people won’t care so they probably just didn’t bother.

Now, when you do get around to importing/creating page 20, that relationship should be restored right? Well, the truth is it might ... and it might not.

But stranger things have happened. And we’d dealt on more than one occasion with a list of imported pages whose parent/child relationships are all bonkers. So the only probable cost to this is on this little gem right here.

The real problem or cause

The problem here is not with uploading the XML file. It’s with processing it. Once uploaded, WordPress passes the XML file into a PHP processor script.

The processor parses through each line of the XML document and handles the data accordingly. Namely: it inserts records into the database according to the XML doc’s content and meta definitions (author, publish date, status, tags, etc.).

It’s that markup-parse/database-insert process that causes a problem. It just takes too long. 2MB of plain text—like in an XML file—is a TON of text. The server takes forever to process all the data in the 2MB file.

And most servers have a timeout limit. They don’t let the process run long enough.

Technically, the failure isn’t WordPress’ fault. It’s the server’s. But of course WordPress’ system files can’t foresee or control that, so they have no way of alerting the user when it happens―there’s no WP error message for that.

So the “2MB is way less than 7MB” is deceiving. The 7MB limit is just for the file upload. It has nothing to do with processing the data contained within the file.

We’ve found that 5,000 lines of XML markup―usually 300-400 KB―is the perfect size for a WordPress import. The file uploads instantly and the PHP import process only runs for 10-20 seconds, well within most server process time limits. The import of each 400KB file runs smoothly and then you can move on to the next small chunk and do it all over again.

Summary: Fixing WordPress import failed

We hope that you have some good time with this post. Yes, it may sound a little of a 'rant' but we certainly certainly hope you find some quick fixes in this WordPress tutorial.

How To Integrate AWeber with Elementor?

The Elementor page builder is one of the most popular WordPress builders in the market. With over 5 million active installs, Elementor is used by both professionals and WordPress enthusiasts. On the other hand, AWeber is a well-renown email marketing solution for affiliate marketers, bloggers and business owners.

In this tutorial, you will learn how to integrate AWeber with WordPress. To be exact, you will learn the exact steps to integrate AWeber with Elementor Free and Elementor Pro. Before this, there was no direct integration between AWeber and Elementor.

There are two ways you can integrate AWeber with Elementor.

Plugin Method

Integration via AWeber for WordPress plugin

This option is best for users using the free Elementor version with drag and drop builder anywhere within your site.

Elementor Pro

Integration by adding AWeber into Elementor pro plugin

This option is best for website developers and Elementor Pro users. Easily add AWeber forms directly using Elementor Pro.

What is AWeber for WordPress plugin?

The AWeber for WordPress plugin allows you to easily drag and drop forms that you have created in your AWeber account onto your WordPress page. 

In order to achieve this, all you need is your AWeber account and a completed sign up form. This is a great way to provide your website visitors with a way to join your email list. Since Elementor Free is a free plugin, it doesn't come with direct integration with AWeber.

AWeber for WordPress Plugin
~AWeber for WordPress plugin

Therefore, you would need to connect AWeber to Elementor using AWeber WordPress plugin. Once that is done, you can now include one or more AWeber forms on your WordPress page/post.

Don't forget that in order to accomplish this, you must have both plugins installed. If you have not already done so, please take the time to install and connect the AWeber for WordPress plugin

How to add an AWeber form into Elementor free plugin?

Here's how you can connect an AWeber form into Elementor Free.

The first step is to install AWeber plugin to your WordPress website. If you have not created an account with AWeber, you can do it here. After registering, you can try it for 30-days free without any credit card.

Start by editing the page with Elementor visual builder. You'll find an AWeber widget in the left-hand sidebar menu. Drag this widget into your page where you would like it displayed.

Adding AWeber Forms into Elementor Free
~Adding AWeber forms into Elementor Free

Elementor makes it easy to drag and drop the AWeber form to any location of your choice without using any codes.

Upon placing your widget in the desired location, you'll find an option to select the list and sign up form (that you had previously created in AWeber) that you would like displayed on your page.

Configuring AWeber lists with Elementor free
~Configuring AWeber lists with Elementor Free

Please Note: Your sign up forms will have a prefix of "Form -", while any sign up forms that you have configured in a Split Test will have a prefix of "Split -".

Finally, you will see your AWeber form beautifully embedded on the page. Once you publish the post or page, the form will load automatically.

AWeber Form display on Elementor Free
~AWeber Form display on Elementor Free

Did you know?

The AWeber for WordPress plugin is a decent tool to build an email list with a handful of ready-made designs. Thrive Leads is an excellent plugin that comes with over 200+ ready-made templates to help you put email list building on automation.

How to integrate AWeber with Elementor Pro?

Prior to this, adding AWeber into Elementor Pro can be challenging as there is no direct integration. In order to solve this, most WordPress users use third party plugins such as Thrive Leads or OptinMonster to manage the integration between AWeber and Elementor Pro.

This is be frustrating at times to get everything working right.

Integrate AWeber with Elementor Pro
~Integrate AWeber with Elementor Pro
Great news! You can now easily integrate AWeber to Elementor without any crazy codes.

Follow these steps to integrate AWeber directly to Elementor Pro inn just a few clicks.

You need an active Elementor Pro account (which you can get it here). After you create your Elementor Pro account, you will have access to the additional Elementor widgets that are only included in the Pro version.

Click and drag the Form widget from the menu options on the left-hand side of the page to anywhere on the page.

Integrating AWeber with Elementor Pro
~Integrating AWeber with Elementor Pro

Next, you can check and modify any fields under the "Form Fields" tab. Here, you can also adjust the styling of the form.

Typically, we recommend going with just the Name and/or Email fields to maximize the chance of conversion.

AWeber Form Fields in Elementor Pro
~AWeber Form Fields in Elementor Pro

Once the form is designed how you would like, click the "Actions After Submit" tab.

Setting up AWeber forms properly
~Setting up AWeber forms properly

If you're sending a message through Elementor after the subscriber submits their information, then you do not have to remove the "Email" selection from this tab. Simply select AWeber from the list of available options.

Actions After Submit for AWeber Forms
~Actions After Submit for AWeber Forms

Once you do this, a new "AWeber" tab will appear. Click this tab.

AWeber on Elementor Pro
~AWeber on Elementor Pro

Here, choose the list the email subscribers will be imported to once the sign up is successful.

Select lists for integration with AWeber
~Select lists for integration with AWeber

We also recommend you to add tags (using the "Tags" field). You can add multiple tags separated by commas.

Add any suitable AWeber tags with Elementor Pro
~Add any suitable AWeber tags with Elementor Pro

Last but not least, you need to map all of the Elementor fields with the corresponding field in AWeber. You must at least map the email field for the information to be sent to AWeber. If you have any custom fields, you can map those as well.

Always double check this part to ensure that the integration between both AWeber and Elementor are correct.

Mapping AWeber fields with Elementor Pro forms
~Mapping AWeber fields with Elementor Pro forms

The final step is to publish your changes when you're finished. And that's it!

Summary: Integrate AWeber with website

You had successfully integrated AWeber with Elementor. Now, subscribers who visit your WordPress site that is built with Elementor will have the option to subscribe to your AWeber list!

Are you ready to integrate AWeber with website? Leave a comment and tell us what you think!

6 Steps To Fix WordPress Not Saving Changes Problem

We love WordPress and we work with WordPress CMS over 12 hours a day (yes, talk about work life balance!). One of the most annoying thing that can happen when working with WordPress is this — WordPress not saving changes. This is by far the most annoying thing that can happen to a WordPress developer or a WordPress agency.

Alright, we get it.

Nothing is perfect and while WordPress is pretty close to perfect, some problems do happen from time to time. In today's article, we are going to help you with WordPress troubleshooting.

To be exact, simple steps you can take when WordPress not saving changes.

Three common symptoms that WordPress is not updating properly

It’s not uncommon to see the changes you make on your WordPress site immediately. Here we will list down some common situations that most users encounter.

If you are encountering either of these changes, check out the following fixes.

Clear browser cache

This is by far the most common issue that will make WordPress not updating properly (or look like).

If you are using Chrome, it is known for 'extreme caching' which will cache literally everything.

While this helps to improve your browser experience, this can make WordPress not updating properly.

How to clear browser cache to fix WordPress not saving changes
~How to clear browser cache to fix WordPress not saving changes?

Here's the thing. Your WordPress may be updated—but the browser cache isn't. When this happens, you are looking at old data and not the latest one.

How to clear browser cache?

The easiest way is to use CTRL+Shift+R if you are using Windows or Cmd+R if you are using Mac.

Misconfigured WordPress cache plugin

Cache plugins are used in WordPress sites with the main purpose of enhancing speed and performance. 

However, a WordPress cache plugin that is wrongly configured could also lead to WordPress not updating properly too.

How to clear WordPress cache plugin to solve WordPress not saving changes
~A WordPress cache plugin could be the culprit for WordPress not saving changes

Thankfully, all popular WordPress plugins such as WP Rocket, W3 Total Cache and Super Cache plugin come with 1-click cache clearing.

Once the cache is cleared from the plugin, we recommend you to clear your browser cache as well before checking on the WordPress site. If clearing the cache doesn't work, you can opt to disable any cache plugin that you may have installed on your site. If, after deactivating, the problem does not resolve, then you need to ensure that your cache plugin is correctly set.

Step by step guide in configuring WP Rocket

Want blazing fast loading speed no matter what hosting you are in? Here's how we configure our WP Rocket plugin.

How to setup WordPress cache plugin properly?

Setting up a WordPress cache plugin can be a tricky business as no two websites are similar. If you are setting up yourself, always go for the safest setting and enable additional features one by one.

This will ensure that you doný break anything on the WordPress site.

Temporary disable CDN cache

If your WordPress is not updating, temporary disabling the CDN could prove to be helpful in many cases.

CDN is great for high traffic sites but it could also lead to excessive caching which will impact you.

Disable CDN to solve WordPress not updating
~Disable CDN to solve WordPress not updating

Cloudflare is one of the most popular CDN service and you can easily turn on the Development Mode to disable Cloudflare almost instantly.

If you are using manged WordPress hosting solution like Kinsta, you can easily clear the cache from the hosting control panels.

Clear CDN cache to fix WordPress not updating properly
~How to clear CDN cache on Kinsta hosting?

Uncleared server cache

It is common for hosting providers to store cache on their servers to make your site load faster when users visit your site.

Some web hosts do it by default (e.g. managed WordPress hosting) while some other web hosts require that you turn on this feature manually from the cPanel.

Clear server cache to fix WordPress not saving changes
~Excessive server caching could also be a problem

The easiest way to do so is by heading to your web hosting control panels and clear the cache yourself. Here's how we do it via Kinsta dashboard.

Clear Kinsta Server Cache To Fix WordPress Not Updating Issue
~Kinsta hosting makes it easy to clear site cache in just 1-click

You can also contact the web hosting support team to assist you with clearing the server cache.

Coding error

Coding errors are some of the major mistakes that most WordPress developers have to deal with. These errors cause WordPress sites to refuse to save any changes.

For example, if you make changes to stylel.css file, you’ll view the style1.css file. The first file name is lower case “L” while the second file name has the digit “1.”

Coding Error Leads To WordPress Not Saving Changes
~Coding error is one common factor for WordPress not updating properly

As a rule of thumb, it’s recommended not to leave any blank spaces in any PHP file and most importantly, to choose easily distinguishable names for different folders and file types on your website.

DNS propagation delay

Working on your WordPress site too fast right after a website migration might lead to WordPress not updating too a.k.a. WordPress not saving changes.

This is because the new hosting DNS is not properly propagated and therefore, making your browser only to fetch content from the old server.

Delayed DNS propagation could lead to WordPress not updating
~What is a DNS and why it is a factor?

To ensure that you do not fall into this trap, the best thing is to avoid carrying out any changes to the WordPress site until your DNS is completely propagated. This process will normally take about 24-48 hours.

Right after DNS propagation, we recommend our clients to do a full browser cache clearing, as well as clearing WordPress cache properly.

Summary

While there are many reasons to why WordPress not saving changes or WordPress not updating, the above fixes are easy to follow and more importantly, they work each time without fail.

We hope that this article will help you resolve the above issue so that you can get your website up and running again. Feel free to share this post or leave a comment or suggestion.

How to Duplicate a Page in WordPress With Or Without A Plugin?

The process of creating a duplicate of your existing WordPress posts or pages can be useful in many situations. You can use the copy as a template for future posts, or a reference when you redesign your website. Make no mistake—knowing how to duplicate a page in WordPress is a handy trick!

The best part, duplicating a page in WordPress takes just a couple of minutes at most.

There are multiple ways to clone a page or post in WordPress. This tutorial will explain those different methods, with step by step guide for WordPress beginners.

Let's dive in, shall we?

Duplicating Page or Post with a WordPress plugin

This is by far the easiest way to duplicate a page or post in WordPress. Using a WordPress duplicator saves you time and effort, plus you will be able to 1-click duplicate posts and pages without any coding skills.

In this case, the Duplicate Post plugin is one of the go-to options for this purpose. There are a few more plugins that we will share apart from this.

How To Duplicate A Post Easily Using WordPress
~Click the 'Clone' button to duplicate a WordPress post

Besides from duplicating the WordPress content, you can also duplicate the comments, slug, menu order, and much more which comes in handy at times.

This plugin also allows you to add title prefix or a suffix, so you’ll know which one is the original and which one is the copy.

Let’s say you set “Copy of” as the title prefix. If you duplicate a post titled “What is WordPress,” the duplicate will be named “Copy of What is WordPress.” Therefore, you won't ever be confused after the duplication process.

How do clone your WordPress posts or pages using Duplicate Post plugin?

  1. Install and activate the plugin.
  2. Go to your WordPress dashboard, then click on Pages » All Pages (if you want to clone a page) or Post » All Post (if you’re going to clone a post).
  3. Hover over the page or post you want to clone, and you will see two new options there — Clone and New Draft.
  4. Click Clone to duplicate the selected post, or choose New Draft to create a cloned version of the chosen post and open it in the post editor.

In just several seconds, you are now able to duplicate a WordPress post or page quickly, without losing any information or experience any downtime.

Duplicating a page or post in WordPress using Visual Composer

Another plugin that does cloning of a page or post using templates is Visual Composer.

This drag and drop builder allows you to easily duplicate a page or post in WordPress in just a few clicks.

Visual Composer is a drag and drop builder from WPBakery which is used by many WordPress professionals.

Visual Composer Plugin To Duplicate Posts In WordPress
~Visual Composer plugin makes cloning a page easy

Visual Composer plugin also allows you to choose a wide range of pre-made templates (so no coding skills required). First, choose a design or page layout of your choice (you can also create one from scratch).

Next, “Save current page as a template” and give the template a name.

There, you are done!

The next time you are creating a new page, simply select your template from the templates menu, and it will be used on the new page.

Frontend WordPress editors

Visual editors such as Beaver Builder, Thrive Architect and Divi Builder allow you to quickly build standardize layouts quickly and effectively.

Duplicate a WordPress post using Advanced Layout Builder

Some WordPress themes come with inbuilt layout builder and you can use it to create duplicate posts in WordPress.

For example, Enfold theme (found on Envato) comes with Advanced Layout Builder which you can easily copy and reuse a page or post design.

Enfold Theme Advanced Layout Builder Duplicate WordPress Pages
~Enfold Theme comes with Advanced Layout Builder

This feature allows you to easily clone a page by saving it as a template and reusing it at a different time.

Duplicate posts and pages with Post Duplicator plugin

The Post Duplicator plugin is a popular WordPress plugin that allows you to create an exact replica of the selected post while retaining the custom fields and custom taxonomies as well.

It is a free plugin that can be downloaded directly from the WordPress repository.

How To Duplicate Posts And Pages Using Post Duplicator Plugin for WordPress
~Post Duplicator plugin

This plugin is only useable in cloning or duplicating a WordPress post (not page). Here’s how to duplicate a WordPress post using Post Duplicator plugin:

  1. Install and activate the Post Duplicator plugin.
  2. Hover over the post or the page you want to duplicate, and click Duplicate Post or Duplicate Page.

There are some settings that you can customize for the duplicated posts. Go to Tools » Post Duplicator and set the post status (draft, published, or same as the original), post type, and post date.

You can also adjust the duplicate’s title and slug from the settings when duplicating the post.

Clone a WordPress page or post with the Duplicate Page and Post plugin

The Duplicate Page and Post plugin enables you to clone WordPress pages and posts quickly. The plugin can duplicate a page or post without changing its content, title, or style—which comes in handy.

Using this plugin is relatively easy. You just need to follow these steps:

How To Clone A WordPress Page And Post Using Plugin
~Clone a WordPress page and post using 3rd party plugin
  1. After installing and activating the plugin, go to the All Pages or All Posts menu, depending on what you want to duplicate.
  2. Hover over the post or page you want to clone and click Duplicate.
  3. The cloned post or page will appear as a new draft with the same name as the original. Open the copy to edit the content.

When it comes to duplicating a WordPress page/post, you can't go wrong with the Duplicate Page and Post plugin!

How to duplicate a WordPress page or post without using plugins?

This is a little unconventional way and it is only recommended for those who know exactly what they are doing. A wrong move or action could lead to errors to your site.

However, fret not. Follow these steps to easily duplicate a WordPress page or post without using any plugin.

In order to duplicate a WordPress page or post without using plugin, you would need to tweak the codes in your WordPress.

We strongly recommend to backup your website before editing any WordPress files.

This is the code snippet that will enable post duplication in WordPress:

/*
 * Function for post duplication. Dups appear as drafts. User is redirected to the edit screen
 */
function rd_duplicate_post_as_draft(){
  global $wpdb;
  if (! ( isset( $_GET['post']) || isset( $_POST['post'])  || ( isset($_REQUEST['action']) && 'rd_duplicate_post_as_draft' == $_REQUEST['action'] ) ) ) {
    wp_die('No post to duplicate has been supplied!');
  }
 
  /*
   * Nonce verification
   */
  if ( !isset( $_GET['duplicate_nonce'] ) || !wp_verify_nonce( $_GET['duplicate_nonce'], basename( __FILE__ ) ) )
    return;
 
  /*
   * get the original post id
   */
  $post_id = (isset($_GET['post']) ? absint( $_GET['post'] ) : absint( $_POST['post'] ) );
  /*
   * and all the original post data then
   */
  $post = get_post( $post_id );
 
  /*
   * if you don't want current user to be the new post author,
   * then change next couple of lines to this: $new_post_author = $post->post_author;
   */
  $current_user = wp_get_current_user();
  $new_post_author = $current_user->ID;
 
  /*
   * if post data exists, create the post duplicate
   */
  if (isset( $post ) && $post != null) {
 
    /*
     * new post data array
     */
    $args = array(
      'comment_status' => $post->comment_status,
      'ping_status'    => $post->ping_status,
      'post_author'    => $new_post_author,
      'post_content'   => $post->post_content,
      'post_excerpt'   => $post->post_excerpt,
      'post_name'      => $post->post_name,
      'post_parent'    => $post->post_parent,
      'post_password'  => $post->post_password,
      'post_status'    => 'draft',
      'post_title'     => $post->post_title,
      'post_type'      => $post->post_type,
      'to_ping'        => $post->to_ping,
      'menu_order'     => $post->menu_order
    );
 
    /*
     * insert the post by wp_insert_post() function
     */
    $new_post_id = wp_insert_post( $args );
 
    /*
     * get all current post terms ad set them to the new post draft
     */
    $taxonomies = get_object_taxonomies($post->post_type); // returns array of taxonomy names for post type, ex array("category", "post_tag");
    foreach ($taxonomies as $taxonomy) {
      $post_terms = wp_get_object_terms($post_id, $taxonomy, array('fields' => 'slugs'));
      wp_set_object_terms($new_post_id, $post_terms, $taxonomy, false);
    }
 
    /*
     * duplicate all post meta just in two SQL queries
     */
    $post_meta_infos = $wpdb->get_results("SELECT meta_key, meta_value FROM $wpdb->postmeta WHERE post_id=$post_id");
    if (count($post_meta_infos)!=0) {
      $sql_query = "INSERT INTO $wpdb->postmeta (post_id, meta_key, meta_value) ";
      foreach ($post_meta_infos as $meta_info) {
        $meta_key = $meta_info->meta_key;
        if( $meta_key == '_wp_old_slug' ) continue;
        $meta_value = addslashes($meta_info->meta_value);
        $sql_query_sel[]= "SELECT $new_post_id, '$meta_key', '$meta_value'";
      }
      $sql_query.= implode(" UNION ALL ", $sql_query_sel);
      $wpdb->query($sql_query);
    }
 
 
    /*
     * finally, redirect to the edit post screen for the new draft
     */
    wp_redirect( admin_url( 'post.php?action=edit&post=' . $new_post_id ) );
    exit;
  } else {
    wp_die('Post creation failed, could not find original post: ' . $post_id);
  }
}
add_action( 'admin_action_rd_duplicate_post_as_draft', 'rd_duplicate_post_as_draft' );
 
/*
 * Add the duplicate link to action list for post_row_actions
 */
function rd_duplicate_post_link( $actions, $post ) {
  if (current_user_can('edit_posts')) {
    $actions['duplicate'] = '<a href="' . wp_nonce_url('admin.php?action=rd_duplicate_post_as_draft&post=' . $post->ID, basename(__FILE__), 'duplicate_nonce' ) . '" title="Duplicate this item" rel="permalink">Duplicate</a>';
  }
  return $actions;
}
 
add_filter( 'post_row_actions', 'rd_duplicate_post_link', 10, 2 );

It is also important to note that this snippet only works for duplicating posts. You can duplicate WordPress pages by replacing the last line with this code to this one:

add_filter('page_row_actions', 'rd_duplicate_post_link', 10, 2);

All you need to do is paste the code to your functions.php file which is found in your hosting control panel. To do this, you can either use File Manager, FTP client (we prefer using FileZilla, or inbuilt WordPress file editor.

Using FTP client such as FileZilla, you can easily download the file for safekeeping before performing any changes to it that may break your site (by accident).

If you plan to use the third option, navigate to Appearance » Theme Editor, and select Theme Functions.

How To Clone Posts And Pages In WordPress Themes Function In WordPress
~WordPress Theme Functions file

Now, if you have successfully embedded the code above, you should see a Duplicate button in All Posts or All Pages menu.

How To Duplicate A Post Easily Using WordPress
~Click the 'Clone' button to duplicate a WordPress post

Conclusion

We hope this tutorial answers all your questions about how to duplicate a post or page in WordPress.

As a recap, there are many methods you can use to duplicate a WordPress page (or post). You can either use a WordPress plugin such as Duplicate post, Duplicate Page and Post or Post Duplicator.

You can also clone a WordPress page or post without a plugin. All you need to do is access the functions.php file in WordPress, then enter the code that we’ve provided.

Do you have any questions, tips, or tricks? Let us know in the comment section below!

How To Collect Donations Online And Seamlessly Using WordPress?

We noticed there are many non-profits in the world that use WordPress CMS for their official website. But have you ever wondered how you can collect donations easily using WordPress?

If you did (and didn't find an answer), this tutorial is going to show you how you can collect donations online directly from your website.

Setting up a website for online donations

The first part to accepting donations online is to have a website ready for that. For this, WordPress CMS is an excellent option especially for non-profits.

A WordPress website is easy to start and it doesn't cost much too. Plus, it comes with some additional perks such as:

How To Create Donation Forms For WordPress Sites
~How to start a website to collect donations?
  • Easy to give – Your supporters are more likely to donate if it’s easy and quick.
  • Simple to transfer – Payment solutions easily integrate into your site so you can accept donations.
  • Seamless to connect – Easily customize form fields so you can get more details from your donors to stay in touch.

Don't have a website yet?

Now you can! Thanks to Bluehost, you can own your own nonprofit WordPress site under $4 per month with 1-click WordPress installation, a free domain and SSL certificate.

How to collect donations online using WordPress?

The easiest and safest way to collect donations online with WordPress (and without coding skills) is to use the right form plugin. In this case, the form plugin is used to create a donation form—which the public can access, share details and perform donation safely.

There are many form builders that you can use with WordPress and our top favorite is definitely WPForms.

WPForms is one of the best WordPress Form Builder plugin. You can download it for free here.

Here's how you can build a simple donation forms using WPForms.

Step 1: Create a Nonprofit Donation Form

The first thing you need to do is to download WPForms plugin. You can download it for free here. Next, install the plugin to your WordPress (here's how).

To create a nonprofit donation form using WPForms, here's what you need to do.

Head over to WPForms » Add New and choose the options to create a new form.

On the setup screen, name your form and select the Donation Form template.

Donation Form Template by WPForms
~Donation Form Template by WPForms

Clicking on it will opens up the form builder that looks like this.

Building a donation forms online with WordPress
~Building a donation forms online with WordPress

Step 2: Customize the Form Fields

Customizing the Form Fields are very important to ensure that your form works correctly. By default, the new form that you had created comes with 4 main sections which are:

  • Name
  • Email
  • Donation Amount
  • Comment or Message

You can also add additional fields for your donations forms by dragging the elements on the left directly to your WordPress form.

Next, click on the fields to make any changes that you require.

By now, you will notice that you can easily drag any elements to easily change the order of the elements on your contact form.

Your donation form field is a Single Item field that gives users a chance to enter the amount they want to donate. You can also use multiple choice or dropdown fields instead.

WPForms is an intuitive drag and drop WordPress form. You don't require any coding skills to use it.

In this example, we’ll show you how to add a multiple choice payment field that presents several donation amounts to choose from, while keeping the option to enter a different amount too.

To start, drag the Multiple Items form field, found under Payment Fields, to the right hand panel. We’ll place this new field above the Donation Amount field.

Multiple Choice Fields In WPForms
~Multiple Choice Fields In WPForms

You can change the form field data to make it more personalized. Example, changing the label to something like "Donation Amount".

Customize Donation Amounts
~Customizing the donation amounts field

Don't forget to scroll down and click the Required checkbox to be sure those filling out your donation form enter amounts before clicking submit.

Required checkbox in WPForms
~Required checkbox in WPForms

The next thing you need to do is customize your donation form to display the Single Item form field when the multiple choice option Enter Amount is selected.

To start, click the “Donation Amount” form field to make changes.

Unclick the Required checkbox or users won’t be able to select the pre-defined donation amounts if that’s what they want to do.

Unclick Required checkbox
~Unclick Required checkbox

Next, head over to the dropdown menu labeled Conditionals. Here, you need to select the checkbox Enable conditional logic.

Then, select the option to Show this field if Donation Amount is Enter Amount.

Enable Conditional Logic with WPForms
~Enable Conditional Logic with WPForms

This method allows the website visitor to enter their own donation amount by selecting the Enter Amount multiple-choice option and the Donation Amount form field will display.

Once you’re done customizing your form, click Save.

Now we’ll take a look at how to configure your nonprofit donation form settings.

Step 3: How to easily configure WPForms general settings

There are several settings to configure when creating a nonprofit donation form in WordPress. We’ll start with the general settings first.

To start, go to Settings » General.

Here's how it looks like.

WPForms is a powerful drag and drop form builder for WordPress that allows you to build any type of forms in just a few clicks. Absolutely marvelous!

WPForms General Settings
~Setting up WPForms is easy

Here you can configure the following:

When you’re done, click Save.

Step 4. Setting up WPForms notification

Notification is an important step when customizing your online form because you want to be notified (almost) instantly when someone drops a donation to your nonprofit.

Follow these steps to start creating automated notification each time a donation is done through the form.

WPForms Notification Settings
~WPForms notification settings

If you use smart tags, you can also send a notification to the site visitor when they make a donation, letting them know you received their donation and will be in contact shortly. This assures site visitors their forms have gone through properly. Plus, it is also a great way to connect with the donor for building connections.

Step 5: Configure and customize your form's confirmation

Form notification is an important criteria when building an online form to connect donations. Form confirmations are messages that display to site visitors once they submit a donation form on your website. They let people know that their donation has been received and offer you the chance to let them know the next steps.

WPForms has three (very straight forward) confirmation types to choose from:

  1. Message. This is the default confirmation type in WPForms. When a site visitor makes a donation, a simple message confirmation will appear letting them know it was received. Look here for some great success messages to help boost customer happiness.
  2. Show Page. This confirmation type will take site visitors to a specific web page on your site thanking them for their donation. For help doing this, check out our tutorial on redirecting customers to a thank you page. In addition, be sure to check out our article on creating effective Thank You pages for boosting customer loyalty.
  3. Go to URL (Redirect). This option is used when you want to send site visitors to a different website.

Let's get started to set up a simple form confirmation in WPForms so you can customize the message site visitors will see when they make a donation on your website.

To start, click on the Confirmation tab in the Form Editor under Settings.

Next, select the type of confirmation type you’d like to create. For this example, we’ll select Message.

Here's what we meant.

WPForms Confirmation Settings
~WPForms confirmation settings

This step allows you to customize the confirmation message (creating custom messages), and click Save when you’re done.

Step 6: Configure Your Form’s Payment Settings

In order to accept donations, you’ll need to configure your payment settings.

WPForms integrates with both PayPal and Stripe for accepting payments.

To configure the payments settings on your donation form, you’ll first have to install and activate the right payment addon.

For this example, we’ll set up PayPal with WPForms to process donations on automation and more importantly, secure.

WPForms Payment Settings
~WPForms Payment Settings

Here you’ll need to do the following:

PayPal Settings on WPForms
~PayPal Settings on WPForms

After you’re done configuring the payment settings, click Save to store your changes.

Now you’re ready to add your contact form to your website.

Step 7: Add Your Nonprofit Donation Form to Your Website

The last step of creating a donation form with WordPress and WPForms is to add the form to your post or page.

Thankfully, WPForms allows you to add your forms to many locations on your website, including your blog posts, pages, and even sidebar widgets.

Let’s take a look at the most common post/page embed option.

To start, create a new post or page in WordPress and then click on the Add Form button.

Next, select your donation form in the modal popup and click Add Form.

Insert WPForms
~Insert WPForms to WordPress posts or pages

Then, publish your post or page so your donation form will appear on your website.

Final Donation Form using WPForms
~Final Donation Form design using WPForms

Bonus: How to keep in touch with donors using WPForms?

You can combine your donation forms with some popular email marketing services such as:

This gives you the chance to you to add donors to your email list and keep them informed about your organization’s events.

If you want, you can even allow donors to make a donation while they’re filling out any other WordPress forms on your site.

Summary

We hope that you find this tutorial on how to collect donations online and seamlessly using WordPress (WPForms) useful. There is no doubt that WPForms is one of the best form builders for WordPress. It is extremely versatile and able to perform countless tasks directly from your WordPress site.

So, what are you waiting for? Get started with the most powerful WordPress forms plugin today.

How To Easily Create A Password Protect Page In WordPress

How do you protect one or more pages in WordPress with a password? For starters, there are many reasons why you would want to enable password protection on pages or posts in WordPress. The most common reason for doing this is you only want site editors to see a certain page (such as membership site), or only friends and family to see a personal blog post.

The process of creating a protected page in WordPress is by creating a password to access it. This can be useful for member-only pages or pages meant for a certain audience. This may sound like a challenging task but trust us, it is rather simple.

It’s easy to create WordPress password-protected posts or page. In this tutorial, we’ll show you how to set up a WordPress password protect page yourself, along with methods to protect your entire WordPress site.

Before that, here’s a quick summary of what you’ll learn today:

  • How do I hide my WordPress site from public view?
  • How to password protect a page in WordPress?
  • How to password protect a WordPress site?
  • How to password protect WordPress contact form plugin?

But before that, let's answer one major question.

Why do I need to password protect a WordPress website?

Wordpress Password Protect Page
~Why should I enable password protection in WordPress?

There are many reasons why you would want to enable password protected page WordPress. For example, you may be using a membership plugin to run a membership site and you would only want the content to be viewed by members (members-only content).

There could also be the possibility where you want to enable password protection because it is a staging site—and the access should only be given to your clients for viewing.

A password-protected WordPress website means that you would need to enter the password (correct password) to gain access to the post or page.

Content restriction in WordPress is common especially when it comes to managing a members-only content effectively (not to mention, lead generation too).

This allows the website administrator to have better control on the content in the posts or WordPress pages and at the same time, protect WordPress as a whole.

How to create a WordPress password protect page or post?

Here are the exact steps you need to take to create password-protected pages WordPress. To enable password protection in your WordPress site, follow these simple steps to protect WordPress posts:

  1. Log in to WordPress as an administrator (administrator access is required to enable password protection for WordPress).
  2. From the dashboard, head to Posts » All Posts.
  3. Click Edit on the post content you want to hide.
  4. In the top left corner under the Publish option Edit the visibility.
  5. From there select the Password Protected option to protect your page and enter a password.
  6. Then click Publish or Update.

Here's how it looks like:

Password Protecting WordPress Posts
~How to protect WordPress posts with password?

What happens now is that every time you visit the selected post, you are prompted to enter the correct password before being able to view it.

WordPress allows you to easily differentiate posts and pages that are password-protected to the ones that are not. In the content list, you will be able to see special tags "Password protected".

Protected WordPress Pages
~This is how a password protected WordPress page looks like

You can even use this method to password protect a PDF document. That way you can protect your PDF from people who shouldn’t have access to it. This is extremely useful especially when you want to ensure the identity of the person downloading the file (since they need to enter the password).

There will also be instances where you will see Private tag. The Private visibility option in WordPress restricts the content to the person who created it. Or, anyone logged in with the Editor or Administrator role. So this isn’t really a valid option when it comes to restricting content.

There is, however, a way to protect your entire site from unwanted visitors, which we’ll cover next.

How to Password Protect an Entire WordPress Site?

At the moment, WordPress doesn’t have a way to lock down an entire site. You can only lock a post or WordPress page. Instead, you’ll need to install a WordPress plugin to ensure that your WordPress site is password protected.

One of the best WordPress plugins for protecting or hiding the contents of an entire WordPress site is the SeedProd Coming Soon Pro Plugin.

SeedProd Coming Soon Pro plugin allows you to easily hide sections or your whole site from visitors without any coding skills.

At the same time, you can use a coming soon WordPress page to generate some word of mouth such as:

  • Sign up for your newsletter
  • Follow your social media profiles
  • Share your page on their favourite social media networks
  • Ask questions through a contact form

How to create a WordPress password protect page using SeedProd?

The process of protecting multiple pages with a password using SeedProd is fairly simple.

Firstly, you would need a copy of SeedProd Coming Soon Pro plugin (which you can get it here). You are required to activate the plugin license before you can create a coming soon WordPress page.

Here's how to get the license key and plugin download. Click View License Key, Details, and Downloads.

Seedprod Account Dashboard
~Seedprod dashboard

From here, click the green button labelled Download Coming Soon Pro.

Download Coming Soon Pro
~Download Coming Soon Pro

Now head to Plugins » Add New in your WordPress admin panel, and click Upload Plugin.

Click Choose File to find the .zip file you downloaded on your computer, then click Install Now.

How to upload Seedprod Coming Soon Pro
~How to upload Seedprod Coming Soon Pro?

After you’ve installed the plugin, click Activate.

The SeedProd plugin doesn’t only give you the option to password protect your WordPress website site as a whole but also gives you the options to lock single pages and posts too.

In order for you to protect an entire site with a password, head over to Settings » Coming Soon Pro from your WordPress admin panel and select Enable Coming Soon Mode.

Next, click Save All Changes when you’re done.

How To Enable Coming Soon Mode
~How to enable coming soon and maintenance mode?

With that being said, your entire WordPress site is now protected from the outside world. Only people who are logged in can see your normal website. The public and visitors will only see the coming soon page.

Maintenance Mode Coming Soon Page
~Maintenance mode and coming soon page

But what if you only want to hide certain pages in WordPress? The Coming Soon Pro’s password-protected features let you do that too.

Scroll down the same page to the section labelled Advanced Settings.

Next, click the Include URLs radio button. This opens up a content box where you can type in the URLs of the pages you’d like to hide from visitors.

Coming Soon Page Include Urls
~Include and exclude URLs

When you’re done, click Save All Changes.

If you have website visitors that need access to those pages (and posts), but who don’t have a login, there’s a simple solution.

The Access Controls panel has options that let you bypass the restricted page or post.

Seedprod Access Controls Panel
~Seedprod access controls panel

Here you can add a password to your WordPress page. This creates a secret URL you can give to visitors, which ignores the coming soon page. If by any chance you forget your password, you can quickly take a glance at this page to refresh your memory.

Now, you might be wondering—you are using a contact form plugin and spams are getting through even with the toughest page protection settings.

How do you protect WordPress (and your sanity)?

Good news! We have a cool workaround to ensure that password protect WordPress on contact forms too!

Carry on reading to learn more!

How to protect forms with a password in WordPress?

We had been preaching this for a long time—WordPress is a very versatile CMS that allows you to install plugins to provide certain functionality without coding skills. One of them is to install a contact form plugin to generate leads and sales.

Here's the thing.

Installing a contact form plugin and customizing the form is the easy part. Keeping spammers at bay is a whole new story. If you are using WPForms like some of our WordPress clients do, you can do this with the handy Content Locker addon.

Here are some of the advantages you can do with the WPForms Content Locker addon:

  • Lock forms – Users will have to enter a password to submit the form. This protects you from unwanted form submissions.
  • Restrict forms to members – You can restrict forms to only logged in user roles which is ideal for membership sites. Businesses can also use this to restrict support to paying customers.
  • Close form submissions on a certain date/time – This is useful for application forms with a set deadline.
  • Limit the number of total submissions – Contests and giveaways can benefit from this. When the max number of entries is reached, the form will automatically close.
  • Limit entries to one per person – A great choice for free sample forms and giveaways, this option helps you avoid duplicate submissions.

The most popular form locker for WordPress

The Content Locker addon is only available in the pro version of WPForms.

How to install Content Locker addon?

  1. Install and activate WPForms Pro.
  2. Next, head to WPForms » Addons.
  3. Here you’ll see a list of addons available to you. Choose the Form Locker Addon and click Install Addon.
WPForms Content Locker Addon
~WPForms content locker addon

Now go to your forms list and click Edit on the form you’d like to password-protect. Alternatively, you can build new password forms.

How To Edit WPForms
~How to edit WPForms in WordPress?

Next click Settings » Form Locker from the left-hand admin panel.

WPForms Content Locker Settings
~WPForms content locker settings

From here you can set conditions for the following options:

How Does Form Locker Works In WPForm
~How does Form Locker works in WPForm?

The advantage of using this feature is that it doesn’t just apply to the forms you create with WPForms, you can also use Content Locker to restrict access to your surveys, pools, post and pages. Yes, this addon gives you more control with password protected features.

Summary: How to create a password protected WordPress site?

You’ve learned how to create a WordPress password protected pages WordPress and password protected posts too. On top of that, this WordPress tutorial also shows you how to hide an entire website, along with locking your forms with a password.

If you liked this article, don’t forget to like us on Facebook and follow our Twitter account for more helpful WordPress guides.