Category Archives: Tutorials

How to Properly Disable Lazy Load in WordPress (Step by Step)

Do you want to disable lazy loading in WordPress?

By default, WordPress comes with a lazy load feature, which delays downloads for images and other media to improve page load speed.

However, for some websites, it may affect user experience by not displaying images and media right away.

In this article, we’ll show you how to easily disable lazy load in WordPress both using a code method as well as a plugin method.

How to properly disable lazy load in WordPress

What is Lazy Loading?

WordPress first introduced lazy loading images in WordPress 5.5. Later it extended the lazy load feature to iframes embeds (e.g. YouTube videos, Spotify, and other embeds).

This practice helps improve your website’s speed and performance by quickly loading content and the visible area first.

A faster website is not just good for users, but it is also good for SEO. Search engines like Google consider speed as an important ranking factor.

Apart from images and embeds, you can also easily lazy load comments and Gravatars to further improve page load speed.

Lazy loading can be seen in action by right-clicking on an image and selecting the Inspect tool in your browser.

Lazy loading images in WordPress

This will split your browser screen and show you the HTML source code. From here, you’ll be able to see the “loading=lazy” attribute added to the image.

Now normally, we don’t recommend disabling lazy load due to its overall benefits for your WordPress website. Turning it off can result in slower website speed, lower conversion rates, and lower SEO rankings.

However, sometimes lazy loading can affect the user experience for some websites.

For instance, if you run a photography website where images are the most significant aspect of your content, then lazy loading them may ruin the user experience for your customers.

In other cases, you might be using a different lazy loading solution and just want to turn off the default WordPress lazy load.

That being said, let’s see how you can easily disable lazy load in WordPress.

You can simply disable the lazy load feature in WordPress by adding a custom code snippet to your theme’s functions.php file.

However, keep in mind that the smallest error while adding the code can result in breaking your website and making it inaccessible to your users.

This is why we recommend using the WPCode plugin to add custom code to your site.

It is the best custom code snippets plugin that makes it super easy for beginners to safely add custom code to their website.

First, you need to install and activate the WPCode plugin. See our guide on how to install a WordPress plugin for more instructions.

Upon activation, go to the Code Snippets » + Add Snippet page.

Add new snippet

This will take you to the ‘Add Snippets’ screen where you’ll see a bunch of ready-to-use code snippets that you can add to your website.

From here, you need to click the ‘Use Snippet’ button under the ‘Add Your Custom Code (New Snippet)’ option.

Once you’re on the ‘Create Custom Snippet’ page, you can start by typing a name for your code snippet.

It can be anything that will help you identify the code snippet and what it does.

Snippet title and type

After that, select ‘PHP Snippet’ from the dropdown menu next to the ‘Code Type’ option.

Now, copy and paste the following PHP code in the ‘Code Preview’ box.

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

This is how the code will look after it is pasted in the ‘Code Preview’ box.

Add code snippet

After adding the code, scroll down to the ‘Insertion’ section.

Here, simply choose ‘Auto Insert’ as the insertion mode. This will ensure that your custom code is automatically executed everywhere on your website once you activate the snippet.

Choose an insertion method

Next, you need to scroll to the top of the page and simply toggle the ‘Inactive’ switch to ‘Active’.

After that, don’t forget to click the ‘Save Snippet’ button to save and execute your custom snippet.

Save your code snippet

Once activated, this custom code snippet will disable the lazy loading feature on your WordPress website.

You can test by right-clicking on an image and selecting Inspect from the browser menu.

In the HTML code for the image, the loading=lazy attribute will now disappear.

Lazy loading disabled

Method 2. Disable Lazy Load in WordPress Using a Plugin

If you don’t want to add code to your site, then you can use the Disable Lazy Load plugin.

The only thing you need to do is install and activate the Disable Lazy Load plugin. For more instructions, check our guide on how to install a WordPress plugin.

Activate plugin to disable lazy load

The plugin works out of the box and does not require any configuration. Once activated, it will automatically disable the lazy load feature on your site.

We hope this article helped you learn how to properly disable lazy load in WordPress. You may also want to see our guide on how to optimize WordPress images for better page load times, or see our pick of the best WordPress image compression plugins.

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.

The post How to Properly Disable Lazy Load in WordPress (Step by Step) first appeared on WPBeginner.

How to Fix DNS Server Not Responding Error in WordPress (5 Ways)

Are you looking for the easiest way to fix the ‘DNS server not responding’ error in WordPress?

You can get the DNS not responding error on your own WordPress website, or third-party sites for a large number of reasons.

In this article, we’ll show you how to easily troubleshoot and fix the ‘DNS server not responding’ error in WordPress.

How to fix the DNS server not responding error in WordPress

What is the ‘DNS Server Not Responding’ Error in WordPress?

The ‘DNS server not responding’ error is one of the most common WordPress errors that users can come across.

This error prevents you from visiting your own website which makes it difficult to troubleshoot. Many beginners aren’t sure if it is just them or everyone else seeing this error.

Preview of the DNS server not responding error

The ‘DNS server not responding’ error means that your browser was unable to establish a connection with the servers that are hosting the website.

This error usually occurs when there is an unavailable DNS provider, firewall issues, network connectivity problems, or when there is an issue in your internet modem or router.

That being said, let’s take a look at multiple ways to easily troubleshoot and fix the ‘DNS server not responding’ error on your website.

1. Check Your Internet Connection

You might get the ‘DNS server not responding’ error because your internet connection has been disconnected. So to start, you need to make sure that you’re currently connected to the internet.

If your internet is connected, but the error is still present, then you can restart your internet connection by switching your computer on and off.

Or you can simply disconnect your router from its power supply and then wait at least a minute before reconnecting it.

After that, try visiting your WordPress blog to see if the error’s gone.

2. Try Switching to Another Web Browser or Incognito Mode

Sometimes this error occurs because there is an issue in your default web browser.

You can simply try to solve the ‘DNS server not responding’ error by visiting your WordPress site using another browser like Mozilla Firefox or Microsoft Edge.

For example, if you use Google Chrome and the browser is showing the ‘DNS server not responding’ error, try accessing your website using Mozilla Firefox.

You could also try opening the page in a private tab, such as using Chrome’s Incognito mode.

If you are able to access the website in the other browser that means the problem is with your default web browser.

In that case, you can clear the browser cache to see if that fixes the issue. If that doesn’t solve the problem, then you can try reinstalling the browser.

3. Disable Your Firewall or Antivirus

Firewall and Antivirus programs protect your computer from malicious software.

However, sometimes these programs can also block trustworthy sites due to strict settings or an issue within the program itself.

To check if you’re getting the ‘DNS server not responding’ error due to these software, you need to temporarily deactivate your firewall and antivirus programs.

If you’re using Windows, then you can easily disable firewall and antivirus programs by selecting the Settings app from the Start menu.

Go to Settings from the Start menu

Once you’re on the ‘Settings’ app, click the ‘Privacy and Security’ option from the sidebar.

Now simply choose the ‘Windows Security’ option in the ‘Privacy and Security’ tab.

Go to Privacy and Security and select Windows Security

On the ‘Windows Security’ page, you need to select the ‘Virus and Threat Protection’ option from the list.

After that, you need to toggle the switch below the ‘Microsoft Defender Firewall’ option and set it to Off.

Switch the firewall toggle off

If you’re using a Mac, then simply go to System Preferences » Security and Privacy from the Apple toolbar.

This will take you to the ‘Security and Privacy’ window.

Go to System Preferences and select Privacy and Security

Here simply click the ‘Firewall’ tab and then turn off the firewall.

You have now disabled the antivirus and firewall programs.

Turn off Firewall in Mac

After disabling the firewall, visit your site to see if the error has been resolved.

4. Change the DNS Server Address

Sometimes the ‘DNS server not responding’ error is caused when the DNS server assigned to you by your internet service provider is unavailable or has incorrect information.

In that case, you can solve the problem by switching to a different public DNS server, such as Cloudflare or Google Public DNS which offer DNS address for free.

If you use Windows, go to the Windows Search Box from the taskbar and type ‘ncpa.cpl‘ to access the Network Connections page.

Go to ncpa.cpl for network connections

Once you’re on the ‘Network Connections’ page, right-click on the internet connection that you’re currently using.

Next, simply select the ‘Properties’ option from the prompt that opens up.

At this point, you may need to provide an administrator password. If you don’t have those permissions, contact your IT department or computer admin.

Select the Properties option after right clicking

After that, you will see the ‘Properties’ window.

Here you have to locate and double-click the ‘Internet Protocol Version 4 (TCP/IPv4)’ option from the list which will open up a new window.

Double click the Internet Protocol Version option

Once here, simply check the ‘Obtain an IP address automatically’ box and then check the ‘Use the following DNS server addresses’ box.

After that, you need to type the DNS address you obtained from the public DNS servers and click the ‘OK’ button at the bottom.

For example: Cloudflare public DNS is 1.1.1.1 vs Google public DNS is 8.8.8.8 and 8.8.4.4.

Type your preferred DNS

Now restart your computer and visit your site to see if the error is resolved.

If you’re a Mac user, simply select the Apple icon in the toolbar and click the ‘System Preferences option.

Go to System Preferences

In the popup that appears, select ‘Network’ and then click on the ‘Advanced’ button.

After that, simply open the ‘DNS’ tab. Here you will find a ‘+’ button at the bottom-left corner.

Choose DNS option and click the + button

Clicking it will add a new DNS server with the address 0.0.0.0.

Now go ahead and type the numbers for the public DNS server you want to use.

For example: Cloudflare public DNS is 1.1.1.1 vs Google public DNS is 8.8.8.8 and 8.8.4.4.

Write your DNS

After that, simply click on the ‘OK’ button which will take you back to the previous popup.

Here, simply click the ‘Apply’ button to save your changes.

Apply DNS change

Now, you need to visit your site to check if the error has been removed.

5. Flush Your DNS Cache

Just like your browser, the computer also stores all the IP addresses of the websites that you visit so it won’t have to look up the same IP address twice.

However, DNS cache information can get outdated which can cause the ‘DNS server not responding’ error on your site.

This can happen when you have moved your site to a new domain name or when you’ve moved your site to a new WordPress host.

Flushing your DNS cache can remove the ‘DNS server not responding’ error. All you need to do is check out our guide on how to clear your DNS cache on Mac, Windows, and Google Chrome for more instructions.

We hope this article helped you learn how to easily fix the ‘DNS server not responding error’ in WordPress. You may also want to check out our ultimate security guide for WordPress and the best email marketing for small businesses.

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.

The post How to Fix DNS Server Not Responding Error in WordPress (5 Ways) first appeared on WPBeginner.

How to Add Multilingual Search in WordPress (2 Ways)

Do you want to add a multilingual search in WordPress?

If you have a multilingual WordPress site, then adding a multilingual search feature can help users find information more quickly by searching in their own language.

In this article, we’ll show you how to easily add multilingual search in WordPress and delight your users with a better user experience.

How to add multilingual search in WordPress

Why Should You Add Multilingual Search in WordPress?

Often users have trouble finding information on multilingual websites because either there is no search feature that they can use, or the search feature shows them content in the wrong language.

Adding a multilingual search feature helps users easily find the content they are looking for. This improves user experience which means users will stay longer on your website.

Research shows that engaged users are more likely to convert, subscribe, or make a buying decision.

That being said, let’s take a look at how to easily add a multilingual search in WordPress without breaking your website or writing any code.

Method 1: Adding Multilingual Search Using TranslatePress

If you haven’t made your multilingual website yet, or already using TranslatePress, then this method is for you.

TranslatePress is the best WordPress translation plugin on the market. It allows you to easily create a multilingual website using a live editor for quick and easier translation.

It works out of the box and allows default WordPress search to display multilingual results.

The disadvantage of this method is that it uses the default WordPress feature which is not very good at fetching the right results.

If you haven’t used TranslatePress before or need help, then see our tutorial on how to easily create a multilingual WordPress website.

Note: Keep in mind that the free version of TranslatePress only allows you to translate your website into one other language. So if you want to add multilingual search in WordPress for more than two languages, then you’d need to buy the TranslatePress Premium version.

Once you have translated some content on your WordPress website. It is time to add the search form.

Add a Search Block to your WordPress Site

WordPress comes with a built-in search block that you can add anywhere on your website.

If you’re using a block-based theme like Ultra, then you’ll be using the full site editor to add the search block.

Simply visit the Appearance » Editor page from the WordPress dashboard.

This will launch the full site editor which looks a lot like the block editor you use for writing posts and pages.

Now, click on the add block button (+) to add the Search block.

Adding search block in site editor

You can move the search block up and down to display it anywhere on the page.

Search block also comes with a few style options that you can choose from the block toolbar or settings.

Search block settings

Once you are finished, don’t forget to click on the Save button to save your changes.

You can now visit your website to see the search form in action.

Search form preview

On the other hand, if you’re using a theme that does not support the full-site editor, then you can add a search form as a widget.

Simply go to the Appearance » Widgets page from the WordPress admin dashboard.

Here, click the Add widget block button (+) and add the Search block to your widget area.

Search widget

Once the ‘Widget Block Menu’ opens up, locate the ‘Search’ block and add it to your WordPress sidebar.

Don’t forget to click the ‘Update’ button at the top to save your changes.

Once you’ve saved the changes, visit your site and see the search box in action.

Website preview

Method 2: Adding Multilingual Search Using SearchWP (Recommended)

The default WordPress search feature used by TranslatePress is not very good. It is quite basic and only looks for search terms in certain places.

This is where SearchWP comes in.

It is the best WordPress search plugin on the market and allows you to easily replace the default WordPress search with a more powerful search feature.

SearchWP

SearchWP automatically builds a search index and matches search keywords in content, title, categories, tags, shortcodes, documents, products, and more.

Plus, it automatically replaces the default search form upon activation so you don’t need to replace it if you were already using it on your site.

That being said, let’s take a look at how to easily add a better multilingual search to your WordPress site.

First, you need to install and activate the SearchWP plugin. For more information, see our guide on how to install a WordPress plugin.

After that, go to the SearchWP » Settings page and then click on the ‘License’ menu option to enter your license key.

You can get the license key from your ‘SearchWP Accounts’ page. Simply copy the license key from there.

After that, paste it into the ‘License Key’ field and then click on the Activate button.

SearcWP license

Now, you are ready to create your first custom search engine.

Simply go to the SearchWP » Settings page from the dashboard.

From here, you will see SearchWP’s first default search engine for you. It is pre-configured to work for most websites including multilingual websites.

You’ll see all your post types with different attributes. Next to each attribute there will be a slide that you can move to assign weight for that attribute.

SearchWP settings

You can also click on the Add/Remove Attributes button to include more areas in the search.

For instance, you can add custom fields and taxonomies to the attributes as well.

Add more attributes to search

If you are unsure about a setting, you can leave it as it is. The default options would work for more use cases.

Finally, click on the Save Engines button to store your settings.

SearchWP will now start building your search index in the background.

Now, all you need to do is add the search form to your site.

Add a Search Block to your WordPress Site

SearchWP replaces the built-in search feature, which means you can use the default WordPress search form and it would still use SearchWP to show the results.

If you haven’t already added a search form to your website, then here is how you would add it.

If you’re using a block-based theme, then you’ll be adding a search block using a full-site editor.

Simply go to the Appearance » Editor page from the admin dashboard.

On the edit screen, click on the add block button (+) at the top and add the search block.

You can move the search block to the area where you want to display the search form by moving it up or down.

Adding search block in site editor

Finally, don’t forget to click on the Save button to save your changes.

If you’re using a theme that doesn’t support the full-site editor, then you’ll need to add a search widget to your website’s sidebar or widget-ready area.

For that, head over to the Appearance » Widgets page from the dashboard.

Now click on the add block button (+) at the top to open up the ‘Widget Block Menu’.

From here, locate and add the Search widget to your preferred widget area.

Search widget

Don’t forget to click the ‘Update’ button at the top to save your changes.

Next, simply visit your website and use your improved search box.

Website preview

For more information and detailed instructions, take a look at our guide on how to improve WordPress search using SearchWP.

We hope this article helped you learn how to add multilingual search in WordPress. You may also want to check out our tutorial on how to fix WordPress search errors, and our article on how to create a multilingual sitemap in WordPress.

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.

The post How to Add Multilingual Search in WordPress (2 Ways) first appeared on WPBeginner.

How to Easily Add Box Shadow in WordPress (4 Ways)

Recently one of our readers asked if there is an easy way to add box shadows in WordPress?

Shadows can make your most important content stand out and grab your visitors’ attention. They can also help flat website designs appear more engaging and interesting.

In this article, we will show you how to easily add box shadows in WordPress, step by step.

How to easily add box shadow in WordPress

Why Add Box Shadows in WordPress?

A box shadow, sometimes also known as a drop shadow, is a visual effect that makes it look like an onscreen object is casting a shadow.

We tend to pay more attention to objects that appear closer to us. That’s why many website owners add box shadows to their most important content to make it look like it’s hovering above the page.

For example, if you add a big shadow to a call to action button, then it will look physically closer to the visitor. This will draw the person’s attention toward this important button.

With that said, let’s see how you can add box shadows to your WordPress blog or website. Simply use the quick links below to jump straight to the method you want to use.

When adding box shadow, the best practice is to only add it on your most important website elements. If you add a unique shadow effect to each WordPress block, then it can make your site look messy and confusing.

It’s also important that you keep your box shadows consistent across the site. The best way to do this is by defining the style in CSS using WPCode.

WPCode is the best code snippets plugin used by over 1 million WordPress websites. It makes it easy to add custom code in WordPress without having to edit the functions.php file.

With WPCode, even beginners can edit their website’s code without risking mistakes and typos that can cause many common WordPress errors.

The first thing you need to do is install and activate the free WPCode plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, head over to Code Snippets » Add Snippet.

How to add box shadows using WPCode

Here, simply hover your mouse over ‘Add Your Custom Code.’

When it appears, click on ‘Use snippet.’

Adding drop shadows to WordPress using WPCode

To start, type in a title for the custom code snippet. This can be anything that helps you identify the snippet in the WordPress dashboard.

After that, open the ‘Code Type’ dropdown and select ‘CSS Snippet.’

Adding a CSS snippet to WordPress

In the code editor, add the following code snippet:

.shadow-effect {
box-shadow: 5px 5px 0px 2px #a9a1a1;
}

In the above snippet, you may need to replace the px values depending on the kind of shadow you want to create.

To help you out, here’s what the different px values mean, going from left-to-right:

  • Horizontal offset. When you set a positive value, the shadow gets pushed to the left. If you type in a negative value like -5px, then the shadow will be pushed to the right. If you don’t want to add a horizontal offset, then you can use 0px instead.
  • Vertical offset. If you use a positive value, then the shadow will be pushed downwards. If you type in a negative value then the shadow will be pushed upwards. If you don’t want to offset the shadow vertically, then just type in 0px.
  • Blur radius. This blurs the shadow so that it doesn’t have any harsh edges. The higher the value, the greater the blur effect. If you prefer to use sharp edges, then type in 0px.
  • Spread radius. The higher the value, the greater the shadow’s spread. This value is optional, so skip this one if you don’t want to show a spread.
  • Color. Although grey is the most common color for shadows, you can use any color you want by typing in a hex code. If you’re not sure what code to use, then you can explore different colors using a resource like HTML Color Codes.
Adding shadows to WordPress using custom CSS

When you’re happy with the snippet, scroll to the ‘Insertion’ section. WPCode can add your code to different locations, such as after every post, frontend only, or admin only.

We want to use the custom CSS code across our entire WordPress website, so click on ‘Auto Insert’ if it isn’t already selected. Then, open the ‘Location’ dropdown menu and choose ‘Site Wide Header.’

How to auto-insert custom code using WPCode

After that, you’re ready to scroll to the top of the screen and click on the ‘Inactive’ toggle, so it changes to ‘Active.’

Finally, click on ‘Save Snippet’ to make the CSS snippet live.

Publishing a custom CSS code snipppet

Now, you can add the custom CSS class to any block.

In the WordPress content editor, simply select the block where you want to add a box shadow. Then, in the right-hand menu click to expand the ‘Advanced’ section.

Adding a drop shadow to WordPress using a CSS snippet

Here, you’ll see fields where you can add different classes.

In ‘Additional CSS Class(es),’ type in shadow-effect.

WordPress' advanced code settings

When you’re ready to publish the box shadow, just click on the ‘Publish’ or ‘Update’ button.

Now if you visit your website, you’ll see the box shadow live.

Method 2. Add a Box Shadow Using a Free Plugin (Quick and Easy)

If you’re not comfortable writing code, then you might prefer to create shadows using Drop Shadow Box. This free plugin allows you to add box shadows to any block using the built-in WordPress page and post editor.

A box shadow, created using the Drop Shadow WordPress plugin

First, you’ll need to install and activate the plugin. If you need help, then please see our guide on how to install a WordPress plugin.

There are no settings to configure, so you can start using this plugin straight away.

To add a drop shadow, simply click on the ‘+’ icon and start typing in ‘Drop Shadow Box.’ When the right block appears, give it a click to add it to the page or post.

Adding a Drop Shadow Block in the WordPress page or post editor

This adds the drop shadow as an empty box, so the next step is adding some content.

To do this, go ahead and click on the ‘+’ inside the Drop Shadow Box block.

Adding a shadow block in the WordPress page and post editor

Then, simply add the block you want to use and configure it as normal.

For example, in the following image we’ve added an Image block and selected a picture from the WordPress media library.

An image, with a block shadow

With that done, click to select the Drop Shadow Box block. In the right-hand menu, you’ll see all the settings you can use to style this block.

WordPress sets the shadow’s width automatically but you can change this by opening the ‘Width’ dropdown and then choosing either ‘Pixels’ or ‘%.’

You can then resize it using the settings that appear.

Changing the width of a drop shadow using a free WordPress plugin

The Drop Box Shadow plugin comes with a few different effects such as curved edges and an eye-catching ‘Perspective’ effect.

To preview the different effects, simply open the ‘Effect’ dropdown and choose from the list. The preview will update automatically so you can try different styles to see what you prefer.

Adding different box shadow effects to WordPress

You can also change whether the plugin shows the shadow inside the box, outside the box, or both using the ‘Inside Shadow’ and ‘Outside Shadow’ toggles.

After that, you can change the color of the box and border using the settings under the ‘Colors’ header.

Just be aware that ‘Background’ refers to the inside of the Drop Shadow Box, while ‘Border’ appears outside of the block.

How to add a colored shadow effect to WordPress

If you want to create a softer, curved shadow box then you can enable the ‘Rounded corners’ toggle. Finally, you can change the alignment and padding, similar to how you customize other blocks in WordPress.

To create more box shadows, just follow the same process described above.

When you’re happy with how the page looks, simply click on ‘Update’ or ‘Publish’ to make all your new box shadows live.

Method 3. Add a Box Shadow Using a Page Builder (Advanced)

If you want to add box shadows to landing pages, custom homepages, or any part of your WordPress theme, then we recommend using a page builder plugin.

SeedProd is the best drag and drop WordPress page builder. It allows you to design custom landing pages and even create a custom WordPress theme without having to write a single line of code.

It also lets you add box shadows to any block using its advanced drag-and-drop editor.

First, you need to install and activate the SeedProd plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Note: There’s also a premium version of SeedProd that comes with more professionally-designed templates, advanced features, and WooCommerce integration. However, we’ll be using the free version as it has everything you need to add box shadows in WordPress.

After activating the plugin, SeedProd will ask for your license key.

Adding the SeedProd license key to WordPress

You can find this license key under your account on the SeedProd website. After entering the information, click on the ‘Verify Key’ button.

After entering your key, go to SeedProd » Landing Pages in your WordPress dashboard.

SeedProd's professionally-designed templates

SeedProd comes with 150 professionally designed templates that are grouped into categories. Along the top you’ll see categories that let you create beautiful coming soon pages, activate maintenance mode, create a custom login page for WordPress, and more.

All of SeedProd’s templates are easy to customize, so you can use any design you want.

When you find a template that you like, simply hover your mouse over it and click on the checkmark icon.

Selecting a professionally-designed SeedProd page layout

You can now type in a name for your landing page into the ‘Page Name’ field. SeedProd will automatically create a ‘Page URL’ using the page name.

It’s smart to include relevant keywords in your URL wherever possible, as this can help search engines understand what the page is about. This will often improve your WordPress SEO.

To change the page’s automatically-generated URL, simply type into the ‘Page URL’ field.

Adding an SEO-friendly page title to a SeedProd design

When you’re happy with the information you’ve typed in, click on ‘Save and Start Editing the Page.’ This will load the SeedProd page builder interface.

This simple drag-and-drop builder shows a live preview of your page design to the right. On the left is a menu showing all the different blocks and sections you can add to the page.

The SeedProd page editor

When you find a block that you want to add, simply drag and drop it onto your template.

To customize a block, go ahead and click to select that block in the SeedProd editor. The left-hand menu will now update to show all the settings you can use to customize the block.

For example, if you click on a Headline block then you can type in your own text, or change the text color and font size.

Customizing a headline block in SeedProd

As you’re building the page, you can move blocks around your layout by dragging and dropping them. For more detailed instructions, please see our guide on how to create a landing page with WordPress.

To create a box shadow, click to select any block in the SeedProd page editor. The settings in the left-hand menu may vary between blocks, but you’ll typically need to click on an ‘Advanced’ tab.

Adding a box shadow in WordPress using SeedProd

Here, look for a ‘Shadow’ dropdown menu under the ‘Styles’ section. Simply open this dropdown and choose a shadow style such as Hairline, Medium, or 2X Large.

The preview will update automatically, so you can try different styles to see what looks the best on your page design.

How to easily add a box shadow in WordPress using a page builder

If you don’t want to use any of the ready-made styles, then click on ‘Custom.’

This adds some new settings where you can change the color, blur, spread, and position of the custom shadow.

Adding drop shadows to WordPress using SeedProd

That done, you can continue working on the page by adding more blocks and box shadows.

When you’re happy with how the page looks, click the ‘Save’ button and then choose ‘Publish’ to make it live.

Publishing a page with block shadows using SeedProd

Method 4. How to Add a Box Shadow Using CSS Hero (Premium Plugin)

If you’re not comfortable working with code but still want to create advanced box shadows, then you can try CSS Hero. This premium plugin allows you to fine-tune every part of your WordPress theme without having to write a single line of code.

CSS Hero allows you to create a unique shadow for each block, so it’s also a great choice if you want to create lots of different shadow effects.

First, you need to install and activate the CSS Hero plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, you’ll see a ‘Proceed to Product Activation’ button at the top of the screen. Go ahead and click on this button.

Activating the CSS Hero WordPress plugin

This will take you to the CSS Hero website where you can log into your account and get a license key. Simply follow the onscreen instructions, and you’ll be redirected back to your site in a few clicks.

Next, click the ‘Customize with CSS Hero’ text in the WordPress admin toolbar.

Customizing a WordPress theme using CSS Hero

This will open the CSS Hero editor.

By default, clicking on any piece of content will open a panel with all the settings you can use to customize that content.

The CSS Hero user-friendly page editor

This is great if you want to add a box shadow to your website’s homepage. However, if you want to customize any other page then you’ll need to switch from ‘Select’ mode to ‘Navigate’ mode, as this allows you to interact with menus, links, and other content as normal.

To do this, click on the ‘Select / Navigate’ toggle in the toolbar so that it shows ‘Navigate.’

The CSS Hero WordPress plugin

You can now navigate to the page or post where you want to add the shadow.

As soon as you reach that page, go ahead and click on the ‘Select / Navigate’ toggle again so that it shows ‘Select.’

Switching between Select and Navigation mode using CSS Hero

With that done, click on the paragraph, image, button, or any other content where you want to add a box shadow.

In the left-hand panel, click on ‘Extra.’

Creating a drop shadow using CSS Hero

You can now go ahead and click on ‘Make Shadow,’ which shows all the settings you can use to create a box shadow.

To start, you can change whether the shadow appears inside or outside the block using the ‘Shadow Position’ settings.

Changing the position of a shadow box using CSS Hero

After making this decision, you can fine-tune the shadow’s orientation using the small dot in the ‘Orientation’ box.

Simply drag and drop the dot into a new position to see it move in the live preview.

Customizing a drop shadow in WordPress

When you’re happy with the shadow’s position, you can change its color, blur, and spread.

CSS Hero will show these changes immediately, so you can try different settings to see what looks the best.

Creating a custom box shadow using a drag and drop editor

To add a box shadow to other blocks, just follow the same process described above.

When you’re happy with how the page looks, click on ‘Save & Publish’ to make it live.

How to publish a CSS shadow to WordPress

We hope this tutorial helped you learn how to add a box shadow in WordPress. You may also want to learn how to create a table of content in WordPress, or check out our list of the best WordPress popup plugins.

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.

The post How to Easily Add Box Shadow in WordPress (4 Ways) first appeared on WPBeginner.

How to Create a Truly Anonymous Website (Step by Step)

Do you want to create an anonymous website?

Some users may need to create a website anonymously to protect their privacy and additional security.

In this step-by-step guide, we’ll show you how to easily create a truly anonymous website. We’ll also talk about protecting your identity online.

Creating an anonymous website

Why Create an Anonymous Website?

An anonymous website conceals the identity of who runs or owns a particular website.

Some users may want to remain anonymous for a number of reasons.

  • Whistleblowers trying to expose corruption.
  • Journalists under authoritarian regimes
  • Citizen watchdog groups
  • Or users who just want to remain anonymous for privacy reasons

Creating an anonymous website makes it difficult to find out who created and runs the website.

Important: Please keep in mind that there is no guaranteed way to remain completely anonymous. While you can make it difficult to trace, there is still a chance that it can be tracked.

What Do You Need to Create an Anonymous Website?

You’ll need the following items to create a basic anonymous website.

  • Anonymously purchased domain name and hosting
  • A separate encrypted email account
  • A secure and reliable VPN service

Now, let us explain why you’ll need those things.

First, you will need to create a new separate email account. You’ll be using that account to manage your website.

To remain anonymous we recommend creating an email account using privacy-focused email services like Proton Mail.

Next, you will need to hide is your IP address. The easiest way to do that is by using a VPN service. We recommend using IPVanish.

IPVanish

Once you have created an email account and turned on the VPN on your computer, you can go ahead and buy a hosting plan.

Normally, you can just go to any of the top hosting companies and start a website in a few minutes.

However, many of these companies require credit card information. This means your personal information will be stored and can be traced back to you.

That’s why we recommend using Hostinger.

Currently, they are giving WPBeginner users a generous discount and a FREE domain name. Basically, you can get started for $2.78 per month.

→ Click Here to Claim This Exclusive Hostinger Deal ←

Hostinger is one of the best WordPress hosting companies on the market and allows you to pay using Bitcoin and other cryptocurrencies to keep your purchase as anonymous as possible.

Buying Hosting and Domain Name Anonymously

First, you need to make sure you have VPN turned on whenever you are working on your anonymous website.

After that, you need to visit the Hostinger website and click on the ‘Start Now’ button.

Hostinger start now

This will bring you to the pricing and plans selection page.

We recommend choosing a 48-month plan which gives you the best discount. Plus, you wouldn’t need to worry about future payments for a long time.

Choose your hosting plan

Click to select the plan you want to buy, and then go to the payment section.

From here, first, you need to provide the anonymous email account you created earlier.

After that, you need to select ‘Coingate’ as the payment method and then click on the ‘Submit Secure Payment’ button.

Choose payment method

This will take you to the payment wizard.

First, you need to select a cryptocurrency that you want to pay with and click Continue.

Choose cryptocurrency

Next, you need to enter your anonymous email address and click on the ‘Continue’ button.

Note that you don’t need to create a Coingate account to pay using this method.

Provide email address

On the next screen, you’ll see the QR code to make the payment through your Bitcoin wallet app.

You can also pay manually, by sending the amount to the Bitcoin wallet address mentioned on the screen.

Pay with BitCoin

Upon completion of the transaction, you will be redirected back to the Hostinger website.

You will receive an email from Hostinger with a link to log in to the hosting control panel.

Once you log in to your hosting account control panel, you’ll see a notification to claim your free domain name.

Claim free domain

During domain registration, ICANN requires website owners to provide their personal information such as name, address, email, and phone number.

You need to provide at least the email address you created earlier so that you can be reached for verification.

During the registration, you may also see an option to turn on Domain Privacy.

This feature hides any information you provide during domain registration from WHOIS searches. Anyone who checks will see Hostinger’s proxy info.

After domain registration, you may receive an email to verify your registration.

Installing WordPress to Make Your Anonymous Website

Now that you have completed the domain name and hosting setup, it is time to install WordPress.

Hostinger allows you to easily create a WordPress website. Click on the ‘Manage’ button next to your URL under the hosting panel.

Manage hosting

This will bring you to your back-end dashboard.

From here, you need to visit the Website » Auto Installer page and then click on the ‘Select’ button under WordPress.

Hostinger auto installer

This will launch the auto-installer wizard.

Simply follow the on-screen instructions to finish the setup.

After that, you will see your new website options under the Hostinger control panel.

From here, first, you need to click on the ‘Install’ button next to the ‘SSL Certificate’ option.

Turn on SSL

After that, you need to click on the toggle next to ‘Force HTTPs’ option.

SSL (Secure Sockets Layer) allows your website to use secure HTTPs. Using it improves your WordPress security by encrypting all traffic to and from your website.

Having an SSL certificate is also a factor in ranking well in search engines and a part of a solid website SEO plan.

Finally, click on the ‘Edit Website’ button to launch and start editing your new WordPress website.

Edit website

Working on Your WordPress Website Anonymously

By design, WordPress is privacy-conscious software to the extent that you can choose what information you want to share on your website.

First, you may want to visit the Users » Profile page and choose a pseudonym for the default admin or author of your website.

Change name

Don’t forget to click on the ‘Update Profile’ button to save your changes.

Next, you need to decide whether you want to allow users to comment on posts and pages across your website.

Simply go to Settings » Discussion page to configure comments. Uncheck all options under the ‘Default Post Settings’ section to disable comments, trackbacks, and pingbacks.

Disable comments

Don’t forget to click on the ‘Save Changes’ button to store your settings.

Adding Content to Your WordPress Site

WordPress comes with two default content types called posts and pages. Posts are part of a blog and are displayed in reverse chronological order, meaning that newer posts appear first.

Pages are standalone pages that are not part of a blog. They are used to create a website structure and layout. See our list of must-have WordPress pages for all types of websites.

To add a page, simply visit the Pages » Add New to create one.

WordPress block editor

WordPress comes with a powerful editor called the Block Editor. See our complete WordPress block editor tutorial to familiarize yourself with the interface.

Similarly, to create a post you will need to visit Posts » Add New page.

Choosing a Theme (Template) For Your Website

WordPress comes with a powerful templating engine that allows you to change the appearance of your website by installing themes.

There are thousands of free and paid WordPress themes available. You can choose one that looks closer to what you have in mind for your website.

WordPress Theme Stats

You can look for themes under the Appearance » Themes page. It will show you a bunch of default themes that come with your WordPress install.

For more themes, click on the ‘Add New’ button at the top to find more free themes.

Add new theme

For premium or paid WordPress themes, you can try trusted WordPress theme shops like SeedProd, Thrive Themes, Astra, Elegant Themes, and more.

However, there is such an abundance of WordPress themes that it may become difficult for beginners to decide which theme they want to use.

We recommend choosing a minimalist design with plenty of white space. This provides you plenty of room to customize the theme and make it your own.

For more details, see our guide on how to choose the perfect theme for your website.

Install Privacy Friendly WordPress Plugins

Plugins are like apps for your WordPress website. They allow you to add new features and extend the functionality of WordPress.

There are more than 60,000 free plugins available in the WordPress.org plugin directory alone. Plus, there are premium WordPress plugins sold by third-party developers with priority support and guaranteed updates.

WordPress plugins

However, you also need to consider which plugins you need to use to keep your WordPress website secure, private, and anonymous.

Following are our top picks for the best WordPress plugins to install on your anonymous website.

  • WPForms – It is the best WordPress contact form plugin and allows you to easily create forms for your website.
  • All in One SEO for WordPress – It is the best WordPress SEO plugin on the market and helps your anonymous website get more traffic from search engines.
  • SeedProd – It is a powerful WordPress page builder that allows you to use a drag-and-drop interface to create any type of page for your website.
  • OptinMonster – It is a conversion optimization software, which helps you convert website visitors into email subscribers and customers.
  • MonsterInsights – The best WordPress Google Analytics plugin which helps you see where your visitors and coming from and what they see on your website.

For more plugin recommendations, see our full list of essential WordPress plugins for any kind of website.

FAQs About Running an Anonymous Website

Following are some of the most commonly asked questions about creating an anonymous website.

1. Is it possible to create a fully anonymous website?

Yes, it is possible to create a fully anonymous website. However, you’ll need to be very vigilant about it. Each internet activity creates an information trail leading back to the person who initiated the activity. This trail can be traced by hackers, government agencies, and ISPs. As an anonymous website owner, it will be your job to anonymize all activities.

You can do this by minimizing the activities around your website and using a VPN to hide your IP address. Be careful about any social interactions as they may reveal personally identifiable information.

2. What is anonymous offshore hosting?

Anonymous offshore hosting is a website hosting service that allows users to purchase hosting and domain name without providing real name or credit card information.

Some of these lesser-known companies host their servers in countries with stricter privacy laws. These companies also promise to not store user logs or share them with third-country agencies.

However, these anonymous offshore hosting companies often have very bad customer service and outdated technology.

3. Can a website owner be traced?

Yes, a website owner can be traced even if they are trying to remain anonymous. However, an anonymous website owner can use privacy tools to make it harder to be traced.

Even then if someone is determined to figure out and has the technology, tools, and resources, then they may be able to find out who is running an anonymous website.

4. Can I buy a domain name anonymously?

Yes, you can buy a domain name anonymously from a domain name registrar that accepts cryptocurrencies as a payment method.

Hostinger, also allows you to register additional domain names using cryptocurrencies. During the registration, you can use a separate anonymous email account as the contact address for your domain name.

We hope this article helped you learn how to create a truly anonymous website. You may also want to see our guide on how to create a private blog or take a look at our complete WordPress security guide to keep your anonymous website secure.

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.

The post How to Create a Truly Anonymous Website (Step by Step) first appeared on WPBeginner.

How to Enable Automatic Updates in WordPress for Major Versions

Do you want to enable automatic updates for major WordPress updates?

Automatic updates are enabled for minor releases on WordPress. This means that the WordPress.org team can automatically install security updates without requiring user input.

However, it does not automatically update your website when there is a new major release. Luckily, you can easily turn on automatic updates for major releases as well.

In this article, we’ll show you how to enable automatic updates in WordPress for major versions.

How to Enable Automatic Updates in WordPress for Major Versions

How WordPress Automatic Updates Work

The automatic updates feature was introduced in WordPress 3.7. This allowed WordPress to automatically install new minor releases to improve the security of your WordPress website.

There is an option to disable automatic updates in WordPress. However, we recommend that you keep automatic updates enabled because they usually address crucial security issues and vulnerabilities.

Now if you just run one or two WordPress websites, then you can simply follow our guide to safely update your WordPress site when there is a new major WordPress release. However, updating WordPress manually can be time-consuming if you manage multiple sites.

Luckily, managed WordPress hosting providers like WP Engine automatically update WordPress for all new releases, not just minor ones.

You can also enable auto-updates on a shared hosting provider like Bluehost and SiteGround. But first, you’ll just need to make sure that you have a proper backup system in place in case something goes wrong.

With that being said, let’s take a look at how to easily set up automatic updates for major WordPress releases. Here’s what we’ll cover in this tutorial:

Preparing for Automatic Updates in WordPress

The most important layer of security you can add to any website is to set up a backup system. Whether you turn on automatic updates or not, you should always have an automatic backup system in place for every WordPress website.

There are several helpful WordPress backup plugins that you can use to set up automatic backups on your WordPress site.

We recommend using Duplicator because it is the best WordPress backup plugin on the market, and it’s free. Duplicator allows you to easily set up automatic backups of your complete WordPress website.

It also allows you to automatically store your backup files in a remote location such as Google Drive or Dropbox or Amazon S3.

Once you have set up automatic WordPress backups, you can go ahead and turn on automated WordPress updates for major releases.

Method 1: Enable Automatic Updates for Major Releases From Dashboard » Updates

When you visit the Dashboard » Updates page in your WordPress admin area, you will see the message, ‘This site is automatically kept up to date with maintenance and security releases of WordPress only.’ These are the minor releases we mentioned above.

Enable Automatic WordPress Updates

If you would like all WordPress updates to be handled the same way, then simply click the link labeled ‘Enable automatic updates for all new versions of WordPress.’

Now major WordPress releases will be automatically installed as well.

If you decide to turn off automatic updates in the future, then simply return to the Dashboard » Updates page and click the link that says ‘Switch to automatic updates for maintenance and security releases only.’

Disable Automatic WordPress Updates Except Security Updates

Now major WordPress versions will not be installed automatically, just minor releases and security updates.

Method 2: Enable Automatic WordPress Updates for Major Releases Using a Plugin

The plugin method gives you more control over what is updated on your site. For example, it includes options to automatically update WordPress core, plugins, themes, and more.

First, you need to install and activate the Easy Updates Manager plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, you need to visit Dashboard » Updates Options page to set up the plugin.

Enabling Automatic Updates With a Plugin

Under the ‘Quick configuration actions’ section, you should click the ‘Custom’ button. After that, click the ‘Auto update all releases’ button under the ‘WordPress core updates’ section.

Note: Be cautious clicking the ‘Auto update everything’ button under ‘Quick configuration actions’. This will turn on automatic updates for everything, including WordPress core, plugins, themes, and translations.

The plugin will automatically store your settings and enable the major WordPress releases to be automatically updated.

If you would also like to use this plugin to automatically update your plugins and themes, then see our detailed guide on how to better manage automatic WordPress updates.

Method 3: Manually Enable Automatic Updates for Major Releases in WordPress

This method requires you to add code to your WordPress files.

First, you need to add the following line of code to your site’s wp-config.php file.

define( 'WP_AUTO_UPDATE_CORE', true );

There is one little problem with this code. It also enables what are called ‘nightly’ updates, or ‘nightlies.’ These are still under development and may contain bugs, so should not be installed on a live WordPress website.

To disable nightly builds and development updates, you need to add the following code to your theme’s functions.php file, or to a using a code snippets plugin such as WPCode.

add_filter( 'allow_dev_auto_core_updates', '__return_false' );
Adding a Text Snippet to WPCode

This filter will disable automatic updates for nightly builds or development updates.

Your WordPress site is now ready to automatically update itself without your input whenever there is a new WordPress version available.

Frequently Asked Questions about WordPress Automatic Updates

1. Why do I need to install WordPress updates?

WordPress is a regularly maintained software. Thousands of developers contribute to making WordPress better and more secure.

You need to install WordPress updates as soon as they are available. This ensures that your website has the latest security patches, new features, and the best speed and performance.

2. Are updates safe for my website?

As the world’s most popular website builder, WordPress updates immediately become available to millions of websites. The core team works very hard to ensure that they are absolutely safe for all websites to install.

However, we recommend everyone always back their WordPress website before updates. This allows you to quickly revert back in case anything goes wrong after an update.

3. Can I also automatically update WordPress plugins?

By default, WordPress requires you to manually install plugin updates. However, you can enable automatic updates for plugins as well.

See our guide on how to enable automatic updates for WordPress plugins.

4. Can I install updates on all my websites from a single dashboard?

By default, you’ll need to log in to each WordPress website to install updates. Luckily, you can use tools to manage multiple WordPress sites. These tools make it easier to install updates on all your WordPress sites without having to log in to each site.

Learn more in our guide on how to manage multiple WordPress sites from one dashboard.

We hope this article helped you learn how to enable automatic updates in WordPress for major releases. You may also want to learn how to choose the best web design software, or see our list of email marketing services 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.

The post How to Enable Automatic Updates in WordPress for Major Versions first appeared on WPBeginner.

How to Set Up Google Analytics Goals for Your WordPress Site

Do you want to track key metrics like email signups or sales for your site?

If you want your site to be successful, then you need detailed metrics like which pages are getting you the most signups, which traffic source is producing the best results, and more.

In this article, we’ll show you how to set up Google Analytics goals for your WordPress site.

Set up Google Analytics goals for your WordPress site

What Are Goals in Google Analytics?

Goals are user interactions that you can track using Google Analytics.

You can set up goals to measure conversions, track sales, email sign-up forms, and more.

All this can help you make more money online and increase your website conversions.

Note: Google Analytics 4 (GA4) replaces Goals with Events, and on July 1, 2023, GA4 will replace the current Universal Analytics. In this post, we will show you how to set up tracking for both Events and Goals simultaneously using the MonsterInsights Dual Tracking feature, as well as how to use Events in GA4 itself.

Why You Need to Create Good Goals in Google Analytics

With goals, you can find out all sorts of details about your site. For instance:

  • If you sell digital products, you could use goals to find out which sources are driving the most sales.
  • If you run an eCommerce store, you could use goals to see where customers will most likely abandon the checkout process.
  • If you’re a personal trainer with a fitness blog, you could use goals to see which posts encourage prospects to fill out your contact form.

Creating the right goals for your site is important. If you have an online store, there’s not much point in setting a goal to track how many people visit your About page. Instead, your goal should be how many customers buy from you.

Let’s look at how to set up goals in Google Analytics. Here’s what we’re going to cover. Use the quick links to jump straight to that part of the tutorial:

Setting Up Google Analytics in WordPress with MonsterInsights

The best way to set up Google Analytics is using MonsterInsights. It is the best analytics plugin for WordPress and automatically sets up tracking for you, and saves a lot of work.

First, you’ll need to install and activate the MonsterInsights plugin. For more details, please check out our guide on how to install a WordPress plugin.

Note: You’ll need the Pro version of the plugin or higher to unlock advanced tracking features and reports like the eCommerce report and the form conversions report. There is also a MonsterInsights Lite version you can use for free to get started.

After activating MonsterInsights, you’ll see the welcome screen in your WordPress dashboard. Simply click the ‘Launch the Wizard’ button and follow the onscreen instructions.

Launch setup wizard

For more help, check out our instructions on how to install Google Analytics on your site using MonsterInsights.

You can also use the Dual Tracking feature to set up Google Analytics 4 (GA4) tracking in WordPress. GA4 is the latest version of Analytics, and it will replace Universal Analytics on July 1, 2023.

After the sunset date, you won’t be able to track data in Universal Analytics and will have to start from scratch. That’s why we recommend swapping to GA4 sooner rather than later. For more details, please see our guide on switching to Google Analytics 4 in WordPress.

Automatically Track Goals by Using MonsterInsights

Now that you’ve connected Google Analytics with your WordPress site, you can use MonsterInsights to set up goals automatically.

This method is recommended for beginners because you don’t have to manually create goals, edit code, and worry about your tracking working properly.

MonsterInsights helps you track conversions like eCommerce sales, form submissions, file downloads, link clicks, video plays, and more.

Let’s take a closer look at each of these in detail.

Tracking eCommerce Conversion in WordPress

Do you want to find out how many visitors are converting into paying customers?

In Google Analytics, you’d have to set up goals to track specific actions customers perform. This can be tricky for beginners, and it might require editing the tracking code.

However, the MonsterInsights eCommerce addon lets you easily track data from a WooCommerce store. You can also use it with MemberPress, LifterLMS, Easy Digital Downloads, and other eCommerce plugins.

Use enhanced ecommerce option

For more details, please see our step-by-step guide on how to set up eCommerce tracking in WordPress.

The best part is that you don’t have to modify the tracking code. MonsterInsights handles everything else for you.

After setting up tracking, you can head to Insights » Reports and click on the ‘eCommerce’ tab to view your report. Once you’ve had some sales, it’ll look something like this:

Ecommerce report in MonsterInsights

You won’t have to manually set up goals or events to track eCommerce conversions. The plugin will let you see all sorts of other insights, like your top conversion sources, the total of products added to carts, and the total removed from carts.

You can even see how many days it typically takes people to make a purchase, and how often people visit before making a purchase.

Top conversion sources

MonsterInsights also shows the percentage of new customers that bought a product for the first time from your store. It even shows a percentage of abandoned checkouts. You can use this data to reduce cart abandonment and convert users into paying customers.

Tracking Form Submissions in Google Analytics

Another great way to use Google Analytics and MonsterInsights is to track form conversions.

You can do this for any type of form. Here are just a few examples:

  • Non-fiction author: A form where people sign up for your email newsletter to hear about your upcoming books.
  • Realtor: A contact form where prospective clients fill in their details so you can call them back and arrange viewings.
  • Personal trainer: A booking form that customers use to book and pay for their personal training session.
  • Restaurant: A form that customers use for ordering food delivery.

MonsterInsights works with all WordPress contact form plugins and helps you track form submissions.

To start tracking form conversions in MonsterInsights, go to Insights » Addons and find the Forms addon. Simply click the Install button beneath it to install and activate it.

Install forms addon

This addon lets you track form submissions as ‘Events’ in Google Analytics 4. You don’t have to set up anything extra.

Once you’ve installed and activated the addon, you’re done! Just go to Insights » Reports and click on the ‘Forms’ tab to see your report.

After you’ve had some form submissions, it’ll look something like this:

Forms report

Tracking Link Clicks and File Downloads in Google Analytics

MonsterInsights automatically adds tracking for link and button clicks on your WordPress site. It works out of the box, and you don’t have manually set up goals for tracking different user actions on your site.

You can view the report inside your WordPress dashboard. Simply go to Insights » Reports and click the ‘Publishers’ tab.

View publishers report

For instance, you can see which outbound links users click the most on your website.

Using this information, you can sign up for affiliate programs, get backlinks, submit guest posts, and uncover partnership opportunities.

Outbound and affiliate links report

If you have affiliate links on your site, then MonsterInsights also tracks them in Google Analytics. You can see your top-performing affiliates and promote them throughout your site to get more conversions.

MonsterInsights also automatically tracks file downloads on your site. If you offer downloadable content like ebooks, software, plugins, PDFs, and spreadsheets, then the analytics plugin tracks them in Google Analytics.

Top file download links report

Tracking Video Plays in Google Analytics

If you have video content embedded on your site, then MonsterInsights can track them in Google Analytics and show which media content performs the best. It automatically tracks YouTube and Vimeo embeds along with other videos uploaded to your Media Library.

All you need to do is install the MonsterInsights Media addon by going to Insights » Addons from your WordPress dashboard.

Install media addon

Once the addon is active, you can view reports in your WordPress dashboard.

Simply head to Insights » Reports and click the ‘Media’ tab.

View media report

Here, you’ll see a graph of how many people played videos on your site in the past 30 days.

If you scroll down, then you can view more details about individual videos. For instance, the report will show video plays, average watch time, average percentage watched, and completion rate for each piece of media content.

Video details report

For more details, please see our guide on how to track video analytics in WordPress.

Setting Up Goals Manually in Google Analytics

If you don’t want to use MonsterInsights, or if you want to track a different type of goal, then you can do this manually in Google Analytics.

Do note that the latest version of Analytics (GA4) doesn’t have goals. You can only set up goals manually in Universal Analytics.

First, log in to your Universal Analytics account and click the ‘Admin’ tab on the bottom left.

Click admin settings

Next, you’ll need to head to the View column.

From here, simply click on ‘Goals.’

Click on goals

Next, you can start creating a new goal.

Simply click the ‘+ New Goal’ button.

Add a new goal

There are 4 types of goals you can create:

  • Destination: This tracks whether a visitor went to a specific page, like a thank you page, after filling in a form.
  • Duration: This tracks how long a visitor spends on your website.
  • Pages/Screens per session: This tracks how many pages someone looks at on your site.
  • Event: This can track all sorts of things, like button clicks, video plays, and downloads. It requires a bit more setup than the other options.

In many cases, Destination or Event goals will work best for tracking your key metrics.

We’re going to create a Destination goal for this example. Give your goal a name, click the radio button next to ‘Destination’ to set the type, and then click the ‘Continue’ button.

Enter goal description

Next, you will need to enter the destination for your goal. This will normally be a specific page.

Note: Only enter the part of the URL that comes after your website’s domain name.

For instance, if your page is:
https://www.example.com/thank-you-for-booking/

Then you should enter:
/thank-you-for-booking/

You can add a value for the conversion if you want. This makes sense if people are completing a payment form or if you know how much each lead is worth to you on average.

If you want to track a funnel, such as a customer moving through a checkout process, then you can also do this as part of the destination goal. This can help you pinpoint areas you might want to improve.

Add goal details

You can click the ‘Verify this Goal’ link to see what conversion rate the goal would have based on your data from the previous 7 days.

If you get 0% and know that you’ve had some form submissions, check the destination URL you’ve entered.

Once you’re happy with your goal, click the ‘Save’ button. You should then see your goal listed in a table. You can edit it, switch it off and on, or create more goals here.

View new goal

You can’t delete goals once you’ve created them, so you will need to simply switch them off if you no longer want to use them.

You can view your goal data in Google Analytics by going to Conversions » Goals, then clicking on Overview.

View goal conversions in analytics

In the left-hand menu, you can dig further into your goals.

For instance, ‘Reverse Goal Path’ shows you what content visitors viewed before reaching the goal. Goal Flow can be used to examine all sorts of things, like the source that the visitors came from.

View goal flow report

How to Replace Goals with Events in Google Analytics 4

As we mentioned before, Google Analytics 4 (GA4) is the new version of Google’s analytics platform. One of the main differences between GA4 and Universal Analytics is that there are no goals in the latest version.

That’s because Google Analytics 4 uses a completely different method of tracking and recording data. Instead of goals, it uses events to track user interactions and activities on your website.

You can create a custom event by logging into your GA4 property and then heading to the Admin settings.

Go to admin settings

After that, go to the Property column.

Simply click on the ‘Events’ option.

Go to events settings

Next, you will need to add a new event in GA4.

Go ahead and click the ‘Create event’ button.

Create a new event

A new window will now slide in from the right, where all your custom events will be listed once they’re created.

You can click the ‘Create’ button to get started.

Create a custom event

Next, you will need to enter details for your custom event.

You can start by entering a custom event name. GA4 already has many prebuilt events, so you can select one from the dropdown menu. For example, we will choose the ‘file_download’ event for this tutorial.

Select an event name

When you select an event name, GA4 will automatically enter the specific Parameter and Operator for the event. In this case, the event will be tracking the ‘event_name’ when it ‘equals’ a Value you will enter next.

In the ‘Value’ field, we will enter ‘.pdf’ so it tracks the number of downloads when a user downloads a file with the PDF extension. You might also use .epub for ebooks or even a specific word you use to organize filenames such as ‘v2’ or ‘_2023version.’

Enter event parameter operator and value

Once you’ve entered all the details, don’t forget to click the ‘Create’ button at the top.

You should now see your new event under the Custom events area of your dashboard.

View custom event

Next, you can view reports to see the performance of your custom events.

Simply head to Reports » Engagement » Event: Event name from the menu on your left.

View custom events data

While setting up Events in GA4 is pretty easy, if you want to track multiple things, it can take a long time.

That’s why we think that if you want a simple way to set up event and goal tracking in Google Analytics, then MonsterInsights is definitely the way to go.

Setting up manual goals in Google Analytics might work for you if you’re confident using the Google Analytics interface, or if you have a lot of extra time on your hands.

What matters is that you create and track meaningful goals for your site. This is where MonsterInsights is beneficial, as you can use the data to boost signups, increase sales, and make more money or impact with super easy setup and reporting.

We hope this article helped you learn how to set up Google Analytics goals for your WordPress site. You may also want to see our guide on how to increase your website traffic and our pick for the best email marketing services.

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.

The post How to Set Up Google Analytics Goals for Your WordPress Site first appeared on WPBeginner.

How to Delay Posts From Appearing in WordPress RSS Feed

Do you want to delay posts from appearing in your site’s RSS feed?

Delaying posts from appearing immediately can save you from sending out unfinished work accidentally, give you time to edit typos you might see, and help you beat content scrapers in SEO.

In this article, we will show you how to delay posts from appearing in WordPress RSS feed.

How to Delay Posts From Appearing in WordPress RSS Feed

Why Delay Your RSS Feed in WordPress?

Sometimes you may publish a something on your WordPress blog with a typo that you just didn’t see. The mistake is then distributed to your RSS feed and all of your subscribers. If you have email subscriptions on your WordPress blog, then those subscribers will get it as well.

By adding a delay between your RSS feed and your live site, you get a little window of time to catch an error on a live site and fix it.

RSS feeds are also used by content scraping websites. They use it to monitor your content and copy your posts as soon as they appear live. If you have a new website with little authority, then a lot of times these content scrapers may end up beating you in the search results.

By delaying an article in your RSS feed, you can give search engines enough time to crawl and index your content first.

Having said that, let’s see how to easily delay posts from appearing in WordPress website‘s RSS feed.

How to Delay Posts in Your WordPress RSS Feed

To begin, we recommend using WPCode to delay posts from appearing in your site’s feed. WPCode lets you add custom code to WordPress safely and easily without having to worry about your site breaking.

For advanced users, you can copy/paste the following code into your theme’s functions.php file instead. You’ll need to modify the code to change the time interval. Remember that editing your core WordPress files can be dangerous, which is why we recommend WPCode. You’ll also lose any custom code snippets when you update your theme.

For details, see our article on how to paste code snippets from the web into WordPress.

function wpb_snippet_publish_later_on_feed( $where ) {

	global $wpdb;

	if ( is_feed() ) {
		// Timestamp in WP-format.
		$now = gmdate( 'Y-m-d H:i:s' );

		// Number of unit to wait
		$wait = '10'; // integer.

		// Choose time unit.
		$unit = 'MINUTE'; // MINUTE, HOUR, DAY, WEEK, MONTH, YEAR.

		// Add SQL-sytax to default $where. By default 10 minutes.
		$where .= " AND TIMESTAMPDIFF($unit, $wpdb->posts.post_date_gmt, '$now') > $wait ";
	}

	return $where;
}

add_filter( 'posts_where', 'wpb_snippet_publish_later_on_feed' );

Now we’ll show you how to do this the easy way with WPCode.

First, you will need to install and activate the free WPCode plugin. For details, you can follow our step-by-step guide on how to install a WordPress Plugin.

Upon activation, you can navigate to Code Snippets » Add Snippet. After that, simply search for ‘rss’ or scroll down to the ‘RSS Feeds’ category.

Then, just hover your mouse over ‘Delay Posts in RSS Feeds’ in the results and simply click on ‘Use snippet.’

Add a snippet using WPCode

Next, you will be taken to the ‘Edit Snippet’ screen, where WPCode has pre-configured the snippet settings for you.

By default, your posts will be delayed from appearing in your RSS feed by 10 minutes from the time it’s published.

If that delay is good for you, then all you have to do is click on the switch to change it to ‘Active’ and press the ‘Update’ button.

Adjust the time your posts are delayed in RSS feed

If you want to alter the length of the delay, you can do so by changing the number on Line 10 and the unit of time on Line 13.

For example, you can delay the post by one hour if you replace $wait = '10'; and $unit = 'MINUTE' with $wait = '1' and $unit = 'HOUR'.

If you need to adjust the delay again, simply repeat those steps, and if you want the posts to go back to hitting the feed immediately, simply toggle the switch back to ‘Inactive’ and press ‘Update.’

Don’t Forget to Check Out the WPCode Snippet Library

WPCode also comes with a huge collection of other code snippets, too. You can see what’s there at Code Snippets » Library in your admin dashboard.

WPCode library of code snippets

You may be able to replace some single-use plugins on your site by simply activating snippets you find in the library.

For example, you can find snippets that will let you disable automatic updates, allow SVG uploads, set a minimum word count for posts, and much more.

We hope this article helped you learn how to easily delay posts from appearing in WordPress RSS feed. You may also want to see our guide on how to create an email newsletter the right way, or see our expert pick 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.

The post How to Delay Posts From Appearing in WordPress RSS Feed first appeared on WPBeginner.

How to Add Dark Mode to Your WordPress Website (Easy)

Do you want to add dark mode to your WordPress site?

By adding a dark mode to WordPress, your website will adapt automatically based on the visitor’s browser preferences. You can also add a dark mode toggle to your site, so visitors can easily switch between dark and light modes.

In this article, we’ll show you how to add dark mode to your WordPress website.

How to add dark mode to your WordPress website

What is Dark Mode and Why Add it to Your Website?

Many modern mobile devices and computers use dark mode to minimize the amount of white light that comes from the screen. This can reduce eye strain, especially in low-light conditions.

Some people even believe that it allows you to use computers and mobile devices late into the night without the white and blue light ruining your sleep.

Some devices come with a built-in night mode that simply uses warmer color tones. However, dark mode actually adds dark colors to the device’s background.

If you have an iPhone or Android smartphone, then you may be able to switch to dark mode using a toggle. Some popular websites like YouTube even offer a built-in dark color scheme.

YouTube's dark mode

On desktop computers, you can visit websites in dark mode by using a Chrome extension such as Night Eye.

Here’s how the WPBeginner website looks using that extension:

An example of a website, with dark mode enabled

By adding a dark mode toggle to your website, users will be able to choose the mode they prefer without having to install a special browser extension.

Many plugins also allow you to customize how dark mode looks on your website, so you don’t have to use the browser or device’s default settings.

You can even add dark mode to your WordPress admin area. This can be useful if you work on your site in the evenings or at night, or if you’re suffering from eye strain.

With that in mind, let’s see how you can add dark mode to your website’s public-facing front-end, and the admin area of your WordPress website.

Tip: Want to use a dark color scheme, even when the visitor’s device is in normal or daytime mode? Then check out our list of the best dark themes for WordPress.

How to Add Dark Mode to Your WordPress Website

The easiest way to create a dark mode for your website is by using Droit Dark Mode. This plugin adds a toggle so visitors can enable dark mode on the front end of your site. It can even add a toggle to the admin area, so you can enable dark mode for the WordPress dashboard.

First, you’ll need to install and activate the Droit Dark Mode plugin. For more details, please see our guide on how to install a WordPress plugin.

Upon activation, go to Droit Dark Mode » Preset Colors and choose how your dark mode will look to visitors. The free version of the plugin comes with two preset colors, so select the color that you want to use.

Adding dark mode to your WordPress website

After that, click on ‘Display Settings’ and select a style for your dark mode switch.

Next, open the Body Position dropdown and choose where the slider will appear on your WordPress blog or website. You’ll typically want to add it to the top of your site so visitors can easily switch between the different modes.

How to change the position of the dark mode switch in WordPress

With the setup out of the way, it’s time to enable dark mode by selecting ‘General Settings.’

To start, you’ll need to activate ‘Enable Front-end Dark mode,’ which will add the switch to your website’s front-end.

Enabling dark mode for your WordPress website

At the moment, WordPress will always load your site in regular, light mode.

If you want to make dark mode the default, then simply click to activate the ‘Enable Default Dark Mode’ switch.

How to make dark mode the default for your WordPress website

With that done, just click on ‘Save Settings.’ Now if you visit your website, you’ll see the new dark mode switch in action.

To enable and disable dark mode, simply give the switch a click.

An example of dark mode in WordPress

Adding Dark Mode to Your WordPress Admin Area

You can change the admin color scheme in WordPress using the built-in settings. However, none of the default color schemes reduce the white light coming from the screen.

If you work late into the evening or suffer from eye strain, then you can try adding a dark mode to the WordPress admin area.

Simply go to Droit Dark Mode » General Settings and click to activate the ‘Enable Backend Dark Mode’ toggle.

Adding dark mode to the WordPress admin area

After that, you can choose a color scheme for the admin dark mode. Just open the new ‘Select Color Palette’ dropdown and select either Color 1 or Color 2.

With that done, click on ‘Save Changes.’

Droit Dark Mode will now add a dark mode toggle to the admin toolbar. To see admin dark mode in action, just click the toggle.

Enabling dark mode for the WordPress admin area

If you’re not happy with how dark mode looks, then open the ‘Select Color Palette’ dropdown and choose a new style from the list.

After that, click on ‘Save Settings’ and use the toggle to see the new colors in action.

Changing how dark mode looks on your WordPress admin dashboard

We hope this article helped you learn how to add dark mode to your WordPress website. You may also want to see our guide on how to create a landing page in WordPress, or see our expert pick of the must have WordPress plugins.

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.

The post How to Add Dark Mode to Your WordPress Website (Easy) first appeared on WPBeginner.

How to Prevent Fraud and Fake Orders in WooCommerce

Do you want to prevent fraud and fake orders on your WooCommerce store?

Fraud and fake orders can cause serious losses for an online store. Luckily, there are effective tools to prevent spam and block fraudulent orders.

In this article, we’ll show you how to easily prevent fraud and fake orders in WooCommerce.

blocking fake and fraudulent orders in WooCommerce

Why Do You need to Prevent Fraud and Fake Orders in WooCommerce?

Fraudulent and fake orders can cause serious financial losses to a business. This is why you need to monitor your online store and prevent fraud and fake orders.

Last year, online stores lost more than $20 billion in revenue due to fraudulent payments, chargebacks, and fake orders.

For some eCommerce stores, the total fraudulent order costs were higher than 4% of total revenue.

A large number of fake orders are usually spam that can be easily prevented. Some orders are more malicious and are placed just to annoy or harass an online business.

The rest of the fraudulent orders are scammers trying to make a few quick bucks.

That being said, let’s take a look at how to prevent fraud and fake orders in WooCommerce.

Here is a quick overview of all the tips we’ll cover in this guide.

1. Use a WooCommerce Fraud Prevention Plugin

The easiest way to prevent fraudulent and fake orders in WooCommerce is by using an anti-fraud plugin.

First, you need to install and activate the WooCommerce Anti-Fraud plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, you need to visit WooCommerce » Settings page and switch to the Anti-Fraud tab.

Anti-Fraud settings

From here, you can set a minimum and high-risk threshold score.

Below that, you can change the order status based on the risk score. For instance, you can set the score when an order will be automatically canceled and set a score to put an order on hold.

Change order status score

Don’t forget to click on the ‘Save Changes’ button to store your settings.

Next, you need to switch to the Rules tab. From here, you can configure the rules and assign them a risk score.

For instance, you can set a 5-point score for a customer who is placing their first order.

Rules to calculate risk score

You can set scores for suspicious IP addresses, emails, unsafe countries, matching IP addresses to geographic locations, and more.

Carefully review the rules and their assigned scores and make changes if necessary. If you are unsure, then default settings would work for most eCommerce websites.

If you are using PayPal as a payment option on your store, then you can switch to the PayPal tab. From here, you can require users to verify their PayPal email addresses.

Ask users to veriify their PayPal email

The plugin also allows you to connect with third-party fraud detection service Maxmind.

This paid service uses a global database to collect data about suspicious payment details, emails, IP addresses, and more.

You can then add this score to your plugin risk score and choose what to do when this score is higher.

MinFraud settings

Once you are satisfied with your settings, don’t forget to click on the ‘Save Changes’ button to store them.

Viewing Fraud Detection Activity

The plugin comes with an easier dashboard where you can see plugin activity in an easy-to-understand format.

Simply click on the Anti Fraud menu item in your WordPress admin sidebar. From here, you can see statistics about all your orders.

View fraud detection activity on your store

The anti-fraud plugin will help you catch most of the fake and fraudulent orders on your WooCommerce store.

However, if you need more strict measures then continue reading for additional WooCommerce fraud prevention tips.

2. Use Stripe Radar and 3D Secure to Automatically Block Fraud

Stripe is the most popular online payment solution in the world. There is a WooCommerce Stripe gateway by FunnelKit that helps you properly connect WooCommerce with Stripe, so you can take advantage of SCA as well as 3D Secure payments option by default.

This method would require you to use Stripe as your main payment gateway in WooCommerce. First you’ll need to install and activate the Stripe for WooCommerce plugin by FunnelKit. Once that’s configured, it will guide you to set up Apple Pay, Google Pay, and other settings to help you protect against fraud transactions.

Aside from that, Stripe also offers a feature called Stripe Radar to help fight against fraudulent transactions. This is a powerful set of algorithm that reduces chargeback risks for your business.

Basically Stripe uses machine learning to block orders. Their machine learning is trained on data across millions of companies worldwide that use Stripe.

We use Stripe Radar on our own eCommerce websites to help reduce fake and fraudulent orders.

Aside from their machine learning algorithm, you can also set custom rules with allow and block lists, and more.

Stripe Radar Rules

Unfortunately not all WooCommerce gateways have these robust features. If you’re looking to switch to Stripe, then we recommend talking with FunnelKit team as they’re WooCommerce experts who can help.

3. Using the Cash on Delivery Payment Option Carefully

In many countries, ‘Cash on Delivery’ is a popular payment option. However, these stores find themselves more vulnerable to fake and fraudulent orders.

Users are able to place an order with a fake address, refuse to accept the order, or cancel an order that is already shipped.

Once you have shipped an order, you will pay out of pocket for shipping and return of that package.

We recommend not using the ‘Cash on Delivery’ option when possible, as that can lower the number of fake orders you may get.

Try to offer alternate payment options for users to pay before you can ship the order.

4. Sell in Specific Countries

WooCommerce allows you to easily restrict orders from specific countries. This helps you prevent fake orders from countries where you don’t sell or ship to.

Simply go to the WooCommerce » Settings page and select the countries you want to sell / ship to under the General tab.

WooCommerce sell in countries

You can also restrict certain WooCommerce products to specific countries in WooCommerce as well.

Note: Geographical restrictions may reduce fake orders but users can simply use VPN to change their location and provide fake information to place an order.

5. Require Users to Create an Account

Another useful trick to slow down and prevent fake orders is by requiring users to create an account before they can checkout.

Simply go to WooCommerce » Settings page and switch to the Account and Privacy tab. From here, you need to uncheck the box next to the ‘Allow customers to place orders without an account’ option.

Require users to create an account

Below that, you can check options that allow users to create an account during checkout or from the My Account page.

Asking users to create an account also allows you to easily block customers who placed fraudulent or fake orders.

6. Use a Web Application Firewall and Custom Rules

Many scammers use disposable email addresses, fake IP addresses, and dummy data to place spam or fake orders.

A WordPress firewall helps you block this before it even reaches your website.

We recommend using either Sucuri or Cloudflare, both are among the best WordPress firewall plugin on the market. They comes with powerful security features, CDN servers, and a malware removal service.

How website firewall blocks attacks

In Cloudflare, you can also setup custom page rules to trigger CAPTCHA, or even automatically block users with suspicious activity. We use Cloudflare enterprise on our larger eCommerce stores which comes with all bots anomaly detection and threat response.

If you’re running a large eCommerce store, then it’s worthwhile exploring Cloudflare Enterprise tools.

7. Require Customers to Verify Their Email Addresses

Another way to reduce fake orders and fraudulent activity is by requiring new customers to create an account and then require them to verify their email addresses.

Simply install and activate the Email Verification for WooCommerce plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, you need to visit the WooCommerce » Settings page and switch to the Email Verification tab.

Require email verification

From here, you can configure the plugin settings to your own requirements.

For instance, you can switch to the Email tab and delay the default WooCommerce new user email until the user verifies their account.

Delay welcome email

Don’t forget to click on the ‘Save Changes’ button to store your settings.

The plugin will now send a verification email to new WooCommerce customers to verify their email addresses.

Verify your email address

It’s important to make sure that if you’re setting up email verification that your WooCommerce store actually have reliable email deliverability. Otherwise this can block real customers from purchasing your products.

We recommend using WP Mail SMTP along with SendLayer to improve your WooCommerce email delivery rates. Over 3 million websites use the WP Mail SMTP plugin to fix WooCommerce not sending email issue.

There’s also a free version of WP Mail SMTP that you can use as well.

We hope this article helped you prevent fraud and fake orders in WooCommerce. You may also want to see our complete WordPress security guide to make your online store more secure or take a look at our expert pick of the best WooCommerce plugins to grow your store.

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.

The post How to Prevent Fraud and Fake Orders in WooCommerce first appeared on WPBeginner.