Tag - Site

25 Most Useful WordPress Widgets for Your Site


Are you looking for useful WordPress widgets for your website?

Widgets allow you to add content, features, and other elements to your WordPress sidebar and other widget-ready areas.

WordPress comes with a handful of built-in widgets that you can use right away. WordPress plugins and themes can also add their own WordPress widgets as well.

In this article, we will share some of the most useful WordPress widgets for your site. These widgets will help you effectively use your website’s digital real estate to improve user experience and grow your business.

Most useful WordPress widgets for your website

1. WP Call Button

WP Call Button

As mobile internet traffic grows, most users find it convenient to just call a business for more information. WP Call Button allows you to easily add a click to call now button to your WordPress site.

You can use it to add a sticky button thats scrolls with the user or use the widget to display the call button in a sidebar.

It works with any landline or mobile phone number, but we recommend using a professional business phone service to make sure that you never miss a call.

For step by step instructions, see our article on how to easily add a click-to-call button in WordPress.

2. WPForms

WPForms

WPForms is the best WordPress contact form plugin on the market. It allows you to quickly create a contact form and add it anywhere on your website.

It comes with a drag and drop form builder, ready-to-use form templates, Gutenberg block, and sidebar widget. It is a premium plugin with a free version available as WPForms Lite.

For details, see our guide on how to create a contact form in WordPress with step by step instructions.

3. RafflePress

RafflePress

RafflePress is the best WordPress giveaway / contest plugin. It allows you to create viral giveaways and contests to instantly get a lot of traffic, new customers, and subscribers.

It allows you to run a giveaway and add it to a post, page, or sidebar widget. You can also create a standalone landing page for your giveaway and promote it across your social profiles.

RafflePress is a paid plugin with a free version called RafflePress Lite.

To learn more, see our guide on how to run a giveaway in WordPress with detailed instructions.

4. Recent Posts Widget with Thumbnails

Recent Posts Widget With Thumbnails

By default, WordPress comes with a recent posts widget, which displays a plain list of your recent posts. Recent Posts Widget With Thumbnails allows you to display recent posts with thumbnails.

It uses the featured image or the first image in a post as thumbnail. You can also adjust the height and width of the image from the widget’s settings screen.

5. Astra Widgets

Astra Widgets

Astra Widgets is widget pack created by the folks behind the popular Astra Theme. It allows you to easily add your business location, social profile links, and an icon list to your WordPress sidebar.

It works with any WordPress theme and is compatible with all popular page builder plugins as well.

6. Simple Social Icons

Simple Social Icons

It is a really simple widget to add social icons to your sidebars. All the configuration options are in the widget’s settings. You can choose which social networks to link to and add your profile URLs.

You can also modify the icon by choosing the background and icon font color. For details, see our tutorial on how to add social media icons in your WordPress sidebar.

This plugin is built by StudioPress, the popular company behind the Genesis Theme Framework (now a subsidiary of WP Engine).

7. Google Maps Widget

Google Maps Widget

An easier way to add a map to your site’s sidebar is by using Google Maps Widget. This simple widget allows you to display a Google map in a widget. When a user clicks on the map, a larger map opens in a lightbox popup.

This is one of the best WordPress widgets for businesses that want to display their address and location on their site. Check out our guide on how to add Google Maps in WordPress for more information.

8. Social Count Plus

Social Count Plus

You may have seen that some popular websites show their social followers count in the sidebar. This adds to the credibility of your website by adding social proof.

Social Count Plus widget allows you to easily display your social media follower count in the sidebar. See our guide on how to display social media followers count in WordPress.

This widget only displays your follower count and not the number of times an article is shared on your website.

If you want to display share counts for individual posts, then we recommend using Shared Counts, which is one of the best social media plugins for WordPress. It will allow you to easily add social sharing buttons to your posts and pages with share count for each social media website.

9. Compact Archives

Compact Archives

The default monthly archives widget shows your blog archives in a long list of months. This can take up a lot of space. Compact Archives solves this problem by grouping your monthly archives into years and displaying them in a compact form.

It also comes with a Gutenberg block that you can add to in your posts and pages. It also includes a widget that you can use in your blog’s sidebar.

For more information check out our tutorial on how to create compact archives in WordPress.

10. OptinMonster

OptinMonster

OptinMonster is the best WordPress lead generation software on the market. It allows you to easily convert website visitors into subscribers and customers.

It helps you grow your email list by adding sign up forms in sidebar widgets, lightbox popup, floating bars, and more.

OptinMonster is the best WordPress widget for eCommerce sites and businesses who want to boost their conversions.

11. AdSanity

AdSanity

AdSanity is the best ad management plugin for WordPress. It allows you to easily display ads anywhere on your website and comes with a widget to automatically display ads in your blog’s sidebar.

If you are planning to support your website with Google AdSense, banner ads, or affiliate marketing, then AdSanity helps you maximize your ad space and generate more revenue.

12. Testimonials Rotator

Testimonial Rotator

An easy way to add social proof to your website is by adding customer testimonials to your website. Testimonials Rotator allows you to easily add customer testimonials to your website.

It is one of the best testimonial plugins for WordPress and comes with a nifty widget that allows you to display rotating testimonials in a sidebar. This takes less space and allows you to cleverly use sidebars to boost social trust.

For detailed instructions, see our article on how to add rotating testimonials in WordPress.

13. Feature a Page Widget

Feature a Page Widget

This neat plugin allows you to add a page as a featured page in your WordPress sidebar. You can choose to display a page title, featured image, and excerpt. See this article on how to feature a page in WordPress to learn more.

14. Easy Table of Contents

Easy Table of Contents

Easy Table of Contents plugin allows you to easily add a table of contents to your articles. It comes in handy if you often publish long-form articles. Adding a table of contents helps users quickly jump to different sections.

The plugin can automatically insert a table of contents to longer articles or you can manually add it. Additionally, it also comes with a widget to display the table in the sidebar.

For details, see our article on how to easily add table of contents in WordPress.

15. Widget Context

Widget Context

Widget Context plugin allows you to show and hide widgets based on context. For example, you can hide a widget if a user is viewing a specific page.

This comes in handy if you don’t want to display a widget on certain pages or only want to display it on specific sections. For details, see our article on how to show / hide widgets in WordPress.

16. Q2W3 Fixed Widget for WordPress

Q2W3 Fixed Widget for WordPress

The sidebar widgets usually disappear as a user scroll down your website. Q2W3 Fixed Widget for WordPress allows you to change any widget into a fixed widget that stays on the screen as users scroll down.

This comes in handy if you want to display a special offer, important content, or a newsletter sign up form. For details, see our guide on how to create a sticky floating widget in WordPress.

17. WordPress Popular Posts

WordPress Popular Posts

WordPress Popular Posts is the best popular posts plugin for WordPress. As the name suggests, it allows you to display your most popular posts in WordPress.

The plugin comes with a widget that you can add to a sidebar. You can also use the shortcode or a template tag to display popular posts anywhere on your site.

18. WP-PostRatings

WP-PostRatings

WP-PostRatings plugin allows you to easily add a post rating system to your WordPress website. Your users can then rate articles on your site and provide you with instant feedback.

The plugin also comes with a widget, which you can use to display your top-rated content in your blog’s sidebar.

19. Theme My Login

Theme My Login

Theme My Login is a powerful WordPress plugin that allows you to create a custom login page for your website visitors. It is highly useful if you allow user registration on your website or run a multi-author WordPress blog.

The plugin also comes with a sidebar login widget, which you can use to make it easier for users to log in to their accounts. For details, see our guide on how to create front-end / sidebar login form in WordPress.

20. Advanced AJAX Product Filters

Advanced AJAX Product Filters

Advanced AJAX Product Filters allows you to display an instant product filter for your WooCommerce store. You can allow your users to filter products by price, rating, or attributes by simply adding a filter widget to your sidebar.

21. Google Language Translator

Google Language Translator

Google Language Translator plugin allows you to easily add a language switcher widget to your WordPress site. It uses Google Translate to translate content on your website in any language.

Alternative: TranslatePress allows you to combine Google translate with manual translations to improve the overall quality of your translated content.

22. Widget Importer & Exporter

Widget Importer & Exporter

Now that you have set up your widgets and configured its settings, you may want to move them to another website. This is where Widget Importer & Exporter plugin comes in handy.

It allows you to download all your widgets as JSON file, which you can then import on any other WordPress site. If you are using the same theme and plugins, then all your widgets will be imported exactly as they were.

If you are using a different theme that does not have the same widget areas as the old theme, then those widgets will be imported as inactive widgets. You can then drag and drop them to any widget area you like.

23. The Events Calendar

The Events Calendar

The Events Calendar is one of the best WordPress calendar plugins on the market. It allows you to easily manage event listings on a WordPress website.

You can add new events with full details, display an events calendar in a WordPress post or page, or display upcoming events in a sidebar widget.

24. Yet Another Related Posts Plugin (YARPP)

Yet Another Related Posts Plugin (YARPP)

Yet Another Related Posts Plugin (YARPP) is the best WordPress related posts plugin on the market. It allows you to easily display related content for each article on your website.

It uses an advanced algorithm to match content which allows it to show more contextually related posts than other plugins. It also comes with a widget that you can use to display related posts in a sidebar.

25. Posts in Sidebar

Posts in Sidebar

Posts in Sidebar is a really simple but highly useful plugin. It allows you to show specific posts in a sidebar widget.

You can select which posts you want to show, display them with title, excerpt, and a thumbnail, or plain lists. You can also use it with the Widget Context plugin to show different posts on different areas of your website.

We hope this article helped you find some useful WordPress widgets for your website. You may also want to see our guide on the best WordPress plugins and the best Gutenberg block plugins for your website.

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 25 Most Useful WordPress Widgets for Your Site appeared first on WPBeginner.



Source link

How We Made WordPress Faster than Static Site Generators (Case Study


On the 10th anniversary of WPBeginner, I shared that WPBeginner hosting infrastructure got a huge upgrade thanks to our web hosting partner, HostGator.

Shortly after, I started getting emails from readers asking me to share the details on how we made WPBeginner load blazing fast.

Yes, WPBeginner load faster than most static site generators and in some cases faster than Google AMP sites too.

In this article, I will give you behind the scenes look at how we made WordPress faster than static site generators and headless CMS platforms.

Speeding up WPBeginner - Behind the Scenes

Note: This article is a bit more technical than what we typically publish on WPBeginner. For non-techy users, I recommend following our ultimate guide on how to speed up WordPress.

Background

Lately WordPress has been getting a lot of bad rep from “modern” developers where they say WordPress is slow.

The statement is usually followed up with, you should switch to a JAMstack static site generator like GatsbyJS. Others in the enterprise world will say that you should switch to a headless CMS like Contentful.

Several of my very successful entrepreneur friends started asking me whether this was true.

Some even started the process of migrating to a headless CMS because they read case studies of how others unlocked huge speed improvements by switching from WordPress to static site generators.

This was very frustrating for me because I knew they were wasting tens of thousands of dollars in migration costs. Not to mention, the endless customization costs that will rack up in the future.

So I took it as a challenge to prove that a large WordPress content sites like WPBeginner can load just as fast if not faster than most modern static site generators.

You can call me old school, but at the end of the day, a static site is just a page loading from cache.

Results

Before I jump to the exact WordPress hosting infrastructure, server configurations, and plugins, I think its helpful to share the results.

Here’s how fast WPBeginner home page loads on Pingdom from their Washington, DC server:

WPBeginner Homepage Pingdom

Depending on the time of day and location you check from, this result will vary anywhere from 400ms – 700ms range which is pretty fast for a homepage.

Here’s a test that I ran for a single post page since it has bigger images and more content:

WPBeginner Single Posts Page Speed Test from Pingdom

We also got a perfect score of “100” in Google page speed test for desktop. Although we do have some room for improvement on mobile score.

WPBeginner Google Page Speed Test

The results above are for cached pages which is what our readers and search engine bots get when they view our website. The perceived load time of WPBeginner is near instant (more on this later).

For the sake of comparison, here’s a speed test result for Gatsby’s homepage. This is a popular static site generator that a lot of developers are raving about:

Gatsby Homepage Pingdom

Here’s the speed test result of Netlify’s homepage, a popular static site host, that a lot of developers recommend. Notice that they have half the amount of requests, and their page size is 30% of WPBeginner, yet it still loads slower than our homepage.

Netlify Homepage Pingdom

The homepage speed of Contentful, the headless CMS which is “how enterprises deliver better digital experiences” is just not optimized at all. This was the slowest website we tested.

Contentful Homepage Pingdom

I am sharing these stats not to discredit the other frameworks, but rather to give perspective that not all new things are as shiny as they may seem.

WordPress with a proper hosting infrastructure and optimizations can be just as fast as any static site generator. Furthermore, no other platform will even come close to the level of flexibility that WordPress offers to business owners through its large ecosystem of plugins and themes.

WPBeginner Hosting Infrastructure

When it comes to website speed, nothing plays a more important role than your web hosting infrastructure.

As many of you already know, I have been a HostGator customer since 2007. I started the WPBeginner blog in 2009 on a small HostGator shared hosting account.

As our website grew, we upgraded to their VPS hosting and then dedicated servers.

Over the last decade, I have gotten a chance to work closely with many of their team members, and they have become an extended part of the WPBeginner family.

So when I took on the challenge to make WPBeginner faster than static site generators, I turned to them for help.

I shared my vision with their leadership team, and they offered to help me build one of a kind enterprise hosting setup for WPBeginner.

They put the best engineers from both Bluehost and HostGator team to work closely with me to make WPBeginner blazing fast.

Here’s an overview of what the WPBeginner hosting setup looks like:

WPBeginner Hosting Infrastructure

As you can see, this is a multi-server setup spread across two geographical regions (Texas and Utah). There are a total of 9 servers not including the load balancer cloud. Each server is a Xeon-D CPU with 8 cores (16 threads) with 32GB RAM and 2 x 1TB SSD (RAID setup).

We are using Google’s Cloud Load Balancing platform, so we can have seamless autoscaling and load balancing, worldwide.

Once the hardware was setup with proper data syncing in place, the Bluehost and HostGator team worked together to optimize the server configurations for WordPress. My hope is that some of these optimizations will soon make it into future WordPress hosting plans :)

Server Configuration Summary

Summarizing the server configurations of this complex setup in just a few paragraph is very tough, but I will try my best.

We are using Apache for our web server software because the team is more familiar with it. I won’t go into the NGINX vs Apache debate.

We are using PHP 7.2 along with PHP-FPM pools, so we can handle high loads of processes and requests. If your hosting company is not using PHP 7+, then you’re missing out on serious speed optimization.

We’re using Opcode caching with an advanced cache warmer to ensure that no real user should experience an uncached pageview.

We’re also using Object cache with memcache, so we can improve the response time for uncached page hits and other API response times in the WordPress admin area for logged-in users (our writers). Here’s a network load tab of our “All Posts” screen in the WordPress admin:

WPBeginner Post Edit Screen

To put in perspective, our admin area experience is now 2X faster than what we had previously.

For our database server, we switched from MySQL to MariaDB which is a clone of MySQL but faster and better. We also switched from HyperDB to LudicrousDB because it helps us improve our database replication, failover, and load balancing.

There’s also a lot of other configurations that helps us with performance and scalability such as HTTP/2 and HSTS for faster connection + encryption, ability to spin up additional servers in new regions in case of datacenter outage, etc.

I feel like I’m not doing justice to the amazing setup that the team has built, but please know that my core strength is marketing. Yes, I am a blogger who writes about WordPress, but a lot of the technical optimizations here are way above my pay-grade.

They were done by super smart engineers in Endurance team including David Collins (chief architect of Endurance / CTO of HostGator), Mike Hansen (core WordPress developer), and others whom I’ll thank in the credits section below.

CDN, WAF, and DNS

Aside from web hosting, the other areas that play a significant role in your website speed is your DNS provider, your content delivery network (aka CDN), and your web application firewall (WAF).

While I have it listed as three separate things, a lot of companies are now offering these solutions in a bundled plan such as Sucuri, Cloudflare, MaxCDN (StackPath), etc.

Since I want to have maximum control and spread the risk, I am using three separate companies to handle each part efficiently.

WPBeginner DNS is powered by DNS Made Easy (same company as Constellix). They are consistently ranked as the fastest DNS providers in the world. The advantage of DNS Made Easy is that I can do global traffic direction when a specific data center on my CDN or WAF isn’t working properly to ensure maximum uptime.

Our CDN is powered by MaxCDN (StackPath). They basically allow us to serve our static assets (images, CSS files, and JavaScripts) from their large network of servers across the world.

We’re using Sucuri as our web application firewall. Aside from blocking attacks, they also act as another layer of CDN, and their overall performance is just amazing. I believe they have the best WordPress firewall solution in the market.

When working on website speed optimizations, shaving off every millisecond matters. That’s why using these solution providers combined with our new web hosting infrastructure makes a huge difference.

To illustrate, here’s the waterfall breakdown of WPBeginner.com vs GatsbyJS.org vs CloudFlare.com:

Waterfall Breakdown of Requests on WPBeginner

Notice that WPBeginner’s DNS time, SSL time, Connect time, and Wait time are all top notch when compared to these other popular websites. Each of these improvements compound to deliver the best results.

Instant.page, Optimized Images, and Other Best Practices

One of the things you might have noticed is the near instant load time when you browse WPBeginner posts and pages.

Aside from all the things I mentioned above, we’re also cheating latency by using a script called instant.page which uses just-in-time preloading.

Basically before a user clicks on a link, they have to hover their mouse over that link. When a user has hovered for 65ms (very short period of time), one out of two will actually click on the link.

Instant.page script starts preloading that page at this moment, so when the user actually clicks the link a lot of the heavy lifting is already done. This makes the human brain perceives website load time as nearly instant.

To enable Instant.page on your site, you can simply install and activate the Instant Page WordPress plugin.

Instant Page Script

This script is pretty neat. I highly recommend checking out their website and clicking on the “test your clicking speed” button to see how it cheats the brain.

Optimizing Images for Web

While there are new image formats being developed such as webp, we’re not using them yet. Instead we ask all of our writers to optimize each image using the TinyPNG tool.

You can also automate the image compression using plugins like Optimole or EWWW Image Optimizer.

However, I personally prefer to have the team do this manually, so we’re not uploading large files on the server.

Currently, we’re not doing any lazy loading for images, but I do plan to add it in the near future now that Google has lazy loading support built-in to Chrome 76.

There’s also a ticket in WordPress core to add this feature on all sites (really hoping that this happens soon), so I don’t have to write a custom plugin.

Limiting HTTP Queries + Best Practices

Reduce cross-domain HTTP requests

Depending on the WordPress plugins you use, some will add additional CSS and JavaScript files on each page load. These additional HTTP requests can get out of control if you have a lot of plugins on your website.

For more details, see how WordPress plugins can affect your site load time.

Now before you jump to the wrong conclusion that too many WordPress plugins are bad, I want to let you know that there are 62 active plugins running on the WPBeginner website.

What you need to do is combine CSS and JavaScript files where possible to reduce HTTP requests. Some WordPress caching plugins like WP Rocket can do this automatically with their minification feature.

You can also follow the instructions in this article to do it manually which is what our team at WPBeginner has done.

Aside from HTTP requests that plugins and themes add, you also want to be mindful of other third-party scripts that you add on your website because each script will impact your website speed.

For example, if you are running a lot of advertising scripts or retargeting scripts, then they will slow down your site. You may want to use a tool like Google Tag Manager to conditionally load scripts only when they’re needed.

If you’re an ad-supported website like TechCrunch or TheNextWeb, then there’s very little you can do about this since removing ads isn’t an option.

Luckily, WPBeginner doesn’t rely on third-party ad scripts to make money. Want to see how WPBeginner makes money? See my blog post on WPBeginner income.

Lessons Learned (so far) + My Final Thoughts

This is a brand new hosting infrastructure, and I’m sure there are tons of lessons I will be learning overtime.

So far I love the speed improvements because it has helped us boost our SEO rankings, and our admin area is much faster.

With the new multi-server setup, we introduced a new deployment workflow to bring WPBeginner up to par with the rest of Awesome Motive product sites.

What this means is that we now have proper version controlling built-in, and there are measures put in place to stop me from being reckless (i.e adding plugins without proper testing, updating plugins from the dashboard without testing, etc).

These changes also set the path for me to finally step out of development and hand over the reigns of WPBeginner site to our dev team.

I have been resisting this for years, but I think the time is coming, and I just need to accept it.

The new setup does not have cPanel or WHM, so this makes me practically useless anyways since I’m not very fluent with command line anymore.

So far we have learnt two big lessons:

First, updating WordPress isn’t as straight forward due to server sync / replication. When we upgraded my personal blog (SyedBalkhi.com) to WordPress 5.2, the update files didn’t sync properly on one of the web nodes, and debugging took much longer than anticipated. We’re working on building a better build / testing process for this.

Second, we need to have better communication across teams because we had a minor crisis with load balancer misconfigurations which resulted in some downtime. To make it worst, I was on a transatlantic flight on Turkish Airlines, and the WiFi wasn’t working.

Luckily everything got sorted thanks to the quick response time by the hosting team, but this helped us create several new Standard Operating Procedures (SOPs) to better handle the incident in the future.

Overall I’m very happy with the setup, and I know that some of the caching configurations / optimizations that were made for WPBeginner will become a standard part of HostGator Cloud and Bluehost WordPress hosting plans.

I think this should go without saying that if you’re just starting a website, blog, or an online store, then you DO NOT need this sophisticated enterprise setup.

I always recommend that you start small with HostGator shared or Bluehost shared plans like I did, and then upgrade your hosting infrastructure as your business grows.

You can apply a lot of the optimizations that I shared above on your current WordPress hosting plans.

For example, Bluehost standard plan already comes with a built-in caching plugin that you can use, and they offer PHP 7 by default as well.

You can combine that with a CDN + WAF like Sucuri to significantly speed up your website.

Now if you are a mid-market / enterprise company who wants a similar hosting setup, then please reach out to me via our contact form. I can help point you in the right direction.

Special Thanks + Credits

Thank you HostGator and Bluehost

While in the article above, I have given tons of shout out to HostGator and Bluehost brands, I want to take a moment to recognize and appreciate the individual people that worked behind the scenes to make it happen.

First, I want to say thank you to the Endurance leadership team Suhaib, Mitch, John Orlando, Mike Lillie, and Brady Nord for agreeing to help me with the challenge.

I also want to thank Mike Hansen, David Collins, Rick Radinger, Chris Miles, David Ryan, Jesse Cook, David Foster, Micah Wood, William Earnhardt, Robin Mendieta, Rod Johnson, Alfred Najem, and others in the data center team for actually doing the hard work and making it happen.

I want to give a special shout out to Steven Job (founder of DNSMadeEasy) for quickly answering my questions and helping me better understand some settings. Also want to give a shout out to Tony Perez and Daniel Cid at Sucuri for always having my back.

Last but not least, I want to give special recognition to Chris Christoff. He’s the co-founder of MonsterInsights, and he was kind enough to help me with a lot of the testing and deployment.

I really hope that you found this behind the scenes case study about WPBeginner hosting infrastructure to be helpful. You may also want to see our ultimate guide on how to speed up WordPress which is way more beginner friendly.

Bonus: Here are the best WordPress plugins and tools that I recommend for all WordPress sites.

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.



Source link

How to Add Infinite Scroll to your WordPress Site (Step by Step)


Do you want to add infinite scroll to your WordPress blog?

Infinite scroll is a web design technique which automatically loads your next page content when users reach the bottom of a page. It allows users to see more content on your blog without clicking on the pagination or ‘Load More’ button.

In this article, we will show you how to easily add infinite scroll on your WordPress blog (step by step).

Adding Infinite Scroll to Your WordPress Blog Easily

What is Infinite Scroll?

Infinite scroll is a web design trend which uses AJAX page load instead of numeric page navigation to automatically load your next page content and display it at the end of current page. Infinite scrolling makes it easier to browse more content by simply scrolling down. It loads content continuously and infinitely as users keep scrolling.

Traditionally, users would have to click on ‘next,’ ‘previous’ buttons or page numbers to see older blog articles.

When using AJAX short for Asynchronous Javascript and XML, webpages can communicate with the server without reloading the entire page. It enables web apps to process user requests and deliver data without refresh.

The best examples of infinite scroll design are the popular social media sites such as Facebook, Twitter, Instagram, Pinterest, and more. If you are using any of them, then you know how content loads endlessly on your social media timeline.

Is Infinite Scrolling Suitable for Every Website?

Many content websites on the internet are using infinite scroll technique to improve the browsing experience and increase engagement. This leads many beginners to ask the questions like is it suitable for every website, or is it good for my site?

Infinite scrolling is excellent for sites that present content in a timeline or feed, like the social media apps. It offers a fantastic browsing experience to the users looking for time-based content.

Next, infinite scroll design is perfect for mobile and touch devices. For mobile users, scrolling is more user-friendly than taping on tiny page links.

Touchscreen Web Interaction

The most significant advantage of infinite scroll technique is a smooth browsing experience. Users don’t need to click on the pagination links manually. Content loads quickly with scrolling and keeps users engaged.

But on the other side, it can also make your site navigation harder. With continuous loading, it is hard to figure out where (on which page) a blog article is. Some users even find it overwhelming to see many articles all at once.

Another disadvantage of infinite scroll design is that you cannot have a footer. Even if you have it, it will be hidden under endless articles continuously loading. Many sites add essential links on the footer, so not having it can disappoint some users.

Perhaps the most concerning issue with infinite scrolling is that it can slow down your website or even crash the server. When we added infinite scroll to one of our smaller blogs, we experienced server crash after users scrolled unnecessarily causing memory exhaustion on a small WordPress hosting account. We recommend that you use managed WordPress hosting if you’re looking to try infinite scrolling.

Now that you know the pros and cons of infinite scroll design, you can decide whether you need to add it to your blog or not.

If you have decided to add infinite scrolling to your WordPress blog, then you can do it easily. We will be showing you multiple plugins that you can use, so you can choose the one that best suits your needs.

Adding Infinite Scroll to Your WordPress Blog with Catch Infinite Scroll

First thing you need to do is install and activate the Catch Infinite Scroll plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, WordPress will add a new menu item labeled ‘Catch Infinite Scroll’ to your WordPress admin panel. You need to click on it to configure the plugin settings.

Catch Infinite Scroll Settings

First, you can choose a trigger option for loading articles. The plugin lets you load content automatically as users scroll down the page or add a ‘Load More’ button.

Load on Scroll or Click - Catch Infinite Scroll Plugin Settings

You should select the ‘Scroll’ option to trigger autoload with scrolling. Alternatively, you can select the ‘Click’ option if you want to add a load more button.

Next, you can see the navigation selector, next selector, content selector, and item selector. You don’t need to change anything on these options because default options work quite well.

After that, there is an Image option where you can add content loader icon. By default, it has a loader GIF image. If you have a better picture, then you can change it.

Upload a New Loading Image for WordPress Infinite Scroll

‘Finish Text’ option includes the message which will be shown once a user completes viewing your articles. By default, the text says ‘No more items to display.’ You can easily edit this text as needed.

Articles Loading Finished - Finish Text Option Catch Infinite Scroll

Once done, click on the Save Changes button.

That’s it! The infinite scrolling is now active on your blog. You can visit your blog and see the infinite scrolling in action.

WordPress Infinite Scroll Preview

Alternative WordPress Plugins to Add Infinite Scroll in WordPress

Catch Infinite Scroll works well with most of the WordPress themes; however, it can fail with some themes. In such a scenario, you can use any of the following infinite scroll WordPress plugins.

1. Ajax Load More

Ajax Load More settings

Similar to Catch infinite Scroll, Ajax Load More plugin also lets you add endless scroll and clickable Load More buttons to your WordPress site.

The plugin offers more customization options, including many page loading icon styles, button styles, etc. For a detailed guide, you can see our tutorial on creating a load more posts button in WordPress using Ajax Load More plugin.

However, the plugin has some learning curve for beginners. It has an advanced interface with many options, including repeater template, shortcode builder, WordPress queries, and more.

It will require some coding skills to apply infinite scrolling with this plugin.

2. YITH Infinite Scrolling

YITH Infinite Scrolling is a simple alternative to Ajax Load More or Catch Infinite Scroll plugin.

Similar to Catch Infinite Scroll plugin, it has minimal options to set up scroll-based web interaction on your site. You just need to install and activate the plugin and enable infinite scrolling.

YITH Infinite Scrolling Plugin Settings

Anyone, including beginners, can easily set up infinite scrolling using this plugin. However, it doesn’t have a ‘Load More’ button option, which is included in the other two plugins mentioned above.

We hope this article helped you to learn how to add infinite scroll design to your WordPress blog. You may also want to see our guide on how to add scroll-depth tracking 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 Infinite Scroll to your WordPress Site (Step by Step) appeared first on WPBeginner.



Source link

12 Tips to Get a 100% in WordPress Site Health Check Score (Easy)


WordPress introduced a site health check feature in version 5.1 which was further improved in WordPress 5.2 to include a site health check score.

This feature helps website owners keep an eye on the performance and security issues that may affect their site.

Many of our readers have asked us about how to properly utilize the site health feature, and what it can or cannot do.

In this article, we will show you how to get a 100% score in WordPress site health check. We will also answer some commonly asked questions about the site health feature.

Tips to get a 100% site health score in WordPress

What is WordPress Site Health Check Score?

WordPress Site Health check score is a feature in WordPress, which looks for common performance and security issues and gives a health check score based on various tests.

You can view your site health score by visiting Tools » Site Health page in your WordPress admin area.

Getting a perfect score in WordPress site health

WordPress powers more than 34% of all websites on the internet. Most people who make a website using WordPress are beginners and non-techy users.

Site Health feature runs a series of tests to see if their website is performing with optimal settings and latest server software.

How can a good site health score help your WordPress site?

Site health feature runs a series of tests to look for common performance and security issues on a WordPress website.

One example is a test that checks if your website is running the latest PHP version. Using older PHP versions can make your website slow and/or misbehave with many popular WordPress plugins.

Getting a better site health check score ensures that your website is running under optimal conditions.

That being said, let’s take a look at how to get a 100% score in WordPress site health check.

1. Get a Better WordPress Hosting

Nothing impacts a website’s performance more than the web hosting service. This is the most important decision you make for a website.

Using an unreliable hosting provider can affect your WordPress site in many ways.

They tend to use older software, do not have all the PHP modules installed, and there is no easy way for users to fix those issues.

Choosing a WordPress hosting company with a proven track record provides you a solid platform to build your website.

We recommend using Bluehost, SiteGround, or Dreamhost. They are all officially recommended WordPress hosting provider and the biggest names in the hosting industry.

For more hosting recommendations, see our complete guide on how to choose the best WordPress hosting for your website.

2. Install SSL / HTTPS in WordPress

SSL protects your website by encrypting the data transfer from server to user’s browsers. SSL enabled websites use HTTPs instead of HTTP in their URLs and have a padlock icon in the address bar.

SSL Enabled website

To switch from HTTP to HTTPs, you will need to install an SSL certificate on your website. Most of our recommended WordPress hosting providers offer free Let’s Encrypt SSL certificate that you can use.

For more details, see our guide on how to get a free SSL certificate for WordPress with step by step instructions on how to set it up.

3. Keep WordPress Up to Date

Keep your WordPress site up to date

WordPress is a regularly maintained open-source software. Each new WordPress release brings new features, bug fixes, and improves the security of your website.

Many beginners fear that updating WordPress could break their website. They ignore WordPress updates and as a result, leave their websites vulnerable to security threats.

You need to make sure that you are always using the latest WordPress version. For detailed instructions see our guide on how to update WordPress with step by step instructions.

4. Keep WordPress Plugins and Theme Updated

Update WordPress plugins

Just like WordPress itself, WordPress themes and plugins are also regularly updated. You need to keep an eye out for the available updates and install them to keep your site updated.

Plugins and themes use updates to deliver new features, fix bugs, and close security issues. You need to install updates to make sure that your website is not vulnerable to any known security issue.

For plugins, see our guide on how to properly update WordPress plugins.

For WordPress themes, you can simply go to Appearance » Themes page to install an update. You can also update a WordPress theme manually.

5. Use The Latest MySQL or MariaDB Version

Upgrade MySQL

WordPress stores all your website content in a database. By default, WordPress supports database management software like MySQL and MariaDB (a fork of MySQL).

Using the latest version of MySQL or MariaDB ensures that WordPress can safely store your website data. An older version may cause your website to behave unexpectedly.

You need to make sure that your website is running the latest stable version of MySQL/Maria. You can find the information about your database software version by switching to the info tab in site health.

MySQL version

If your website is using an older version of MySQL or MariaDB, then you need to contact your WordPress hosting provider and ask them to update it.

6. Use The Latest PHP Version

Upgrade PHP

WordPress is written in the PHP programming language. It is a server-side language, which means it runs on your hosting server to dynamically generate WordPress pages.

Using the latest PHP version gives your website a performance boost. It also ensures compatibility with new WordPress plugin features that may require the latest PHP version to work correctly.

For more details, see our article on how PHP updates affect your website.

If your website is using an older version of PHP, then you will need to ask your hosting provider to update it for you. Some hosting companies like Bluehost and WP Engine allow you to change the PHP version from the control panel.

7. Keep WordPress Automatic Updates Enabled

Automatic WordPress updates

WordPress comes with built-in ability to update itself and install the latest security releases. These are minor releases but crucial for the safety and security of your website.

However, site-owners do have the ability to turn off automatic WordPress updates. This can be done by using an update manager plugin or by adding code in the wp-config.php file.

These security updates are automatically installed on millions of websites. Make sure that automatic updates are enabled on your WordPress site to keep your site secure with these timely updates.

8. Remove Unused WordPress Plugins & Themes

Delete inactive plugins

Technically, you can use any number of WordPress plugins on your website as long as they are well-coded.

You can keep inactive plugins installed on your WordPress site. They are not loaded by WordPress and do not affect your website’s performance or speed.

However, it is recommended that you delete any inactive plugins that you don’t need. They take up space, can be used to hide malware, increase security scan time, and there is a chance you may accidentally activate them.

For more information, see our article on why you should delete inactive WordPress plugins.

9. Keep Rest API Enabled

JSON REST API

REST API in WordPress allows developers to securely use HTTP requests to perform actions on a WordPress site.

Many site owners disable REST API to protect their websites against brute force attacks.

However, site health does not recommend it because you may need REST API to use third-party apps or some WordPress plugins. Make sure that REST API is enabled to improve your WordPress site health score.

Editors note: We keep the REST API disabled on our sites to prevent against brute force attacks.

10. Make Sure Required PHP Modules are Installed

Install PHP extensions

PHP Modules and extensions are additional libraries that extend the functionality of the PHP programming language. WordPress recommends several PHP modules to be installed for optimal performance.

You can find a list of extensions on the WordPress website. Some of these extensions are required and others are recommended but not necessary.

Now, how do you install a missing module?

You will need to ask your hosting providers to install these extensions for you. Some web hosting providers allow you to install them from hosting dashboard (look for PHP PEAR Packages). However, you would still need to configure them in php.ini file which may not be easier for beginners.

11. Disable WordPress Debug Mode

WordPress debug mode

WordPress comes with a built-in debug mode which allows you to see if a plugin, theme, or custom code is throwing some errors. This feature is intended to be used by developers or advanced users.

It is not recommended to turn on the WordPress debug mode for a live website. It may show warnings and notices in the WordPress admin area which affect user experience.

For details, see our article on how to turn off PHP errors in WordPress.

12. Make Sure WordPress Can Run Scheduled Jobs

WordPress cron jobs

Your WordPress website needs to perform scheduled tasks like checking for updates. These tasks use a system called cron jobs.

Sometimes your hosting environment may block them from running or you may accidentally end up stopping WordPress cron jobs.

You need to make sure that WordPress can run these scheduled tasks to improve your site health score.

Frequently Asked Questions about WordPress Site Health Feature

WordPress site health feature provides excellent suggestions and recommendations. However, there are still some questions that may arise in your mind.

Here we will try to answer some of those questions.

Do I need to get a 100% site health check score in WordPress?

No, you don’t need to get a 100% site health check score. Any score above 80% is considered good enough to run a WordPress website without significant issues.

However, it does feel great to get a 100% site health score. It also ensures that you are not missing out on any of the recommended WordPress suggestions for your website.

Which site health checks are more important?

Site health tests are given three status labels:

  • Good (Passed tests)
  • Recommended (changes are recommended but not necessary)
  • Critical (Significant issues that you must consider fixing)

Critical issues are more important, and you should consider fixing them first.

Does the perfect site health score means my WordPress website is secure?

No, the site health score indicates that your WordPress installation uses the recommended WordPress settings. You would still need to improve WordPress security to protect your website against common threats.

How do I troubleshoot a WordPress site?

Site health feature also provides you debugging information that can be used for troubleshooting. Simply switch to the info tab and from here you can find detailed information about your WordPress install.

Site health debug information

For example, you can find which PHP version your site is using or how much memory limit is allowed on your site.

However, if you need to troubleshoot further, then see our guide on how to troubleshoot WordPress issues step by step.

We hope this article helped you learn how to get a 100% score in WordPress site health check. You may also want to see our guide on choosing the best WordPress caching plugin and best WordPress page builder plugin for your website.

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 12 Tips to Get a 100% in WordPress Site Health Check Score (Easy) appeared first on WPBeginner.



Source link

How to Use FOMO on Your WordPress Site to Increase Conversions


You may have heard of FOMO and social proof notifications when reading about latest marketing trends.

FOMO, short for fear of missing out, is basically a marketing technique used to create anticipation and excitement for a product.

It uses a basic psychology principle to help customers make a buying decision, faster.

In this article, we will show you how to properly use FOMO on your WordPress website to increase conversions and sales.

Adding FOMO in WordPress to increase conversions

What is FOMO and How it helps with Conversions?

FOMO or ‘fear of missing out’ is a psychological term used to describe anxiety about missing out on something exciting and trendy.

As a website owner, you can take advantage of this human behavior in your marketing strategy and improve your conversions.

The concept of FOMO is not new, it’s actually been used by marketers even before the arrival of internet. However with online marketing, FOMO has become far easier to implement and much more effective.

For example, if you run an online store, then you can create anticipation about an upcoming sale, limited time offers, and by adding social proof to your landing pages.

You can also use it to build your email list, run affiliate marketing campaigns, boost downloads for your apps, and more.

With that said, let’s take a look at how to easily add FOMO to your WordPress site. We will show you two techniques that we have successfully used on our own websites with incredible results.

1. Adding FOMO with Social Proof by Using TrustPulse

People feel more comfortable with their buying decision when they know others have also bought the same product or service and had a good experience with it.

This is why smart business owners use social proof in their marketing.

The best way to add social proof on your website is by using TrustPulse. It is one of the best WordPress popup plugins and social proof app on the market.

TrustPulse allows you to display real-time user activity notifications on your website such as products purchased, forms submitted, etc.

Example of Social Proof Notification

To get started, first, you’ll need to install and activate the TrustPulse plugin on your website. For more details, see our step by step guide on how to install a WordPress plugin.

The plugin helps you connect your WordPress site to the TrustPulse app.

Upon activation, click on the TrustPulse menu from the WordPress admin sidebar and click on ‘Get started for free’ button to continue.

Connect TrustPulse

This will take you to the TrustPulse website where you can sign up for a free account. The free plan is good for up to 500 sessions per month.

Once you sign up, you are ready to create your first campaign. Simply click on the ‘Create new campaign’ to start your first FOMO campaign.

Create your first FOMO campaign

Next, you need to provide a title for your campaign, select your website, and then choose a campaign type. After that, click on the next step button to continue.

You can now choose language and appearance options for your campaign. You can change the position, badge image, style, and more.

Appearance and design

Once done, click on the next step to continue.

Next, you need to choose how you want to capture the activity. We recommend using AutoMagic, which allows you to select form activity that matches different conditions. For example, you can select your checkout page to automatically capture eCommerce activity.

Capture activity

You can also use Zapier to capture activities from 1000+ integrations.

Once done, click on the next step button to continue.

Next, you need to setup the display rules. You can display the badge on all pages or specific pages on your site. You can also choose the delay between notifications, run them as a loop, and enable mobile notifications.

Set up display rules

After that, click on the next step button to save and launch your TrustPulse campaign.

Launch TrustPulse campaign

You can now visit your website to see your FOMO campaign in action.

TrustPulse preview

Method 2: Adding FOMO Countdown Timers with OptinMonster

We have all seen marketers using ‘Urgency’ to get customer’s attention. Whether it is your local grocery store or a big name brand website, it is one of the oldest marketing techniques, which works just as effectively online.

Basically, you show users an offer with a sense of urgency, which triggers the fear of missing out on a valuable deal and helps users make a purchasing decision.

Urgency hacks can be used with limited time offer, seasonal sale campaigns, one-time discounts, etc. To learn more, see this article on using urgency to hack conversion rates with proven methods.

The best way to add urgency timers in WordPress or WooCommerce is by using OptinMonster. It is the most popular conversion optimization software that helps businesses turn abandoning website visitors into subscribers and customers.

First, you will need to sign up for an OptinMonster account. It is a paid tool, and you will need at least the ‘Plus’ plan to use their Floating bar campaigns.

Next, switch to your WordPress site to install and activate the OptinMonster plugin. For more details, see our step by step guide on how to install a WordPress plugin.

This plugin is a connector between your WordPress site and the OptinMonster application.

Upon activation, click on the OptinMonster menu in your admin sidebar and enter your API key. You can find this information under your account on OptinMonster website.

OptinMonster API key

After entering your API Key, you will need to click on the ‘Create New Campaign’ button to continue.

Create new campaign

First, you need to select an optin type and then select a theme. We will be using a ‘Floating bar’ campaign with the ‘Countdown’ theme.

Campaign type

Next, you will be asked to choose a name for your theme and the website where you will run it. Filling this information will launch the OptinMonster Builder interface.

Configure your optin

It is a drag and drop tool where you can simply point and click to design your campaign. You’ll see a live preview of your campaign in the right panel and a bunch of customization options in the left panel.

Go ahead and click on the countdown timer itself to set the countdown style and end date. There are two types of countdown timers you can use: ‘Static’ and ‘Dynamic’.

The static timer remains the same for all your users, while the Dynamic “evergreen” timer changes based on user behavior on your website.

Edit countdown timer

For this tutorial, we will be using the static timer. Since we are using floating bar with countdown theme, we can move the floating bar to the bottom or the top.

You can also just point and click to edit the text in your floating bar. You can add a coupon code, add links to special offers, and style it any way you want.

Once you are satisfied, don’t forget to click on the Save and then Publish button at the top. This will show you the status page where you need to toggle the switch next to make the campaign live.

Publish campaign

Now, go back to your WordPress website and click on the ‘Campaigns’ tab on the OptinMonster page. You will see your recently created campaign listed there (Click on refresh campaigns button if you don’t see it).

Launch countdown timer campaign on your site

By default, your campaign will be disabled, and you just have to click on the ‘Go Live’ link to enable it.

You can now visit your website to see your countdown timer FOMO campaign in action.

Fomo countdown in action

Tracking Your Conversions in WordPress

FOMO techniques work really well for conversions, but how do you keep track of their performance? Without tracking you wouldn’t know how many sales or leads were generated because of these campaigns.

All expert marketers use Google Analytics. It not only helps you see where your users are coming from, but it also allows you to track user engagement on your website.

The easiest way to use Google Analytics in WordPress is through MonsterInsights. It is the best Google Analytics plugin for WordPress and has an eCommerce addon for WooCommerce and EDD, which helps you track your eCommerce performance without leaving WordPress.

MonsterInsights eCommerce tracking

We hope this article helped you learn how to add FOMO to your WordPress website and boost conversions. You may also want to see our list of must-have WordPress plugins for business websites.

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.



Source link

How to Easily Create a Staging Site for WordPress (Step by Step)


Are you looking to create a staging site for WordPress but not sure where to start?

A WordPress staging site is a test site that you can use to “safely” make plugin updates and other changes before going live.

In the past, it used to be very difficult to setup a WordPress staging site, but now that has changed so even a non-technical person can do it.

In this step by step guide, we will show you how to easily create a staging environment for your WordPress site. We will cover several different methods and most of them only require a few clicks.

How to create a staging site for WordPress

What is a Staging Site?

A staging site is a clone of your live website that is used for testing changes before making them live. Staging sites help you catch errors, so you don’t end up breaking your live website.

A lot of users install WordPress locally on their Windows or Mac computers to test changes. Once they’re done with the updates, they simply upload those changes from localhost to live server

The biggest problem with this approach is what if something that worked on your localhost does not work on the live server?

Often localhost and live WordPress hosting servers are not running the same environment.

Since the staging site lives on your web hosting server, you can easily prevent all those errors because it runs the same server configuration as your live site.

With that said, let’s take a look at how to setup a staging site for WordPress.

How to Easily Create a WordPress Staging Site

There are multiple ways to create a staging site for WordPress. The easiest of them is to use your hosting provider’s built-in staging site feature.

Some of the best WordPress hosting companies already offer 1-click staging websites. If your website is hosted with one of them, then you can easily create a staging site without any hassle.

If you’re not with one of these popular hosting solutions, then we also have a solution to help you create a WordPress staging site using a plugin (and even manually).

For faster browsing, you can use the navigation below to jump to the section that’s most applicable to you:

  • Creating a staging site on Bluehost
  • Creating a staging site on SiteGround
  • Creating a staging site on WP Engine
  • Creating a staging site using a plugin
  • Creating a staging site manually

Creating A Staging Site on Bluehost

Bluehost is one of the best WordPress hosting companies. They offer a quick 1-click staging site solution which comes with all their plans.

First, you need to login to your WordPress site’s admin area and go to Bluehost » Staging page.

Staging site option on Bluehost

This will bring you to the Bluehost’s staging site wizard. Next, you need to click on the ‘Create Staging Site’ button to continue.

Create staging site on Bluehost

Bluehost will now prepare the staging environment for your website. Once finished, you will see a success message with a link to visit your staging site.

Go to your staging site

Now, you can click on the ‘Go to staging site’ button to continue.

You will reach the admin area of your staging WordPress site. You will see a red button on top of the admin bar to indicate that you are working in the staging environment.

You can go ahead and work on your website without worrying about it affecting your live site.

Deploying changes from staging to live site on Bluehost

Once you are ready to push changes from staging to the live site, simply go to Bluehost » Staging page.

Deploy staging to live website on Bluehost

Scroll to the Deployment Options section. You will see three options for deployment. You can deploy only the files, only the database, or both files and database.

If you’re not sure, then click on the Deploy Files and Database button to deploy all changes from the staging environment.

This will bring up a popup where you will be asked to confirm that you want to deploy the staging site to the production site. Click on ‘Yes, Let’s Deploy’ button to continue.

Confirm deploy

Bluehost will now start deploying your staging site to the live site. Depending on the size of your website, this may take a while.

The pop up will automatically disappear when deployment is over. You can now visit your live website to see the changes applied to your production site.

Creating a Staging Site on SiteGround

SiteGround is another top WordPress hosting company offering 1-click staging feature with their GrowBig and GoGeek plans. If your website is hosted with SiteGround, then this is how you would set up a staging website.

First, you need to login to your SiteGround cPanel dashboard. Next, scroll down to the ‘WordPress Tools’ section and then click on the Staging icon.

Staging icon in SiteGround cPanel

This will bring you to the staging sites page. From here, you need to add your website to the staging site manager. Once you’re done, click on the ‘Add WordPress’ button to continue.

Add site to staging manager

On the next screen, you need to select the URL where your website is installed. If your WordPress site is installed in a sub-directory, then you can add that in the field next to it and click on the Add URL button to move forward.

Select URL

The staging site manager will detect your website and add it to the page. You can now click on the ‘Create Staging Copy’ button to continue.

Create staging site copy

You will see a popup that allows you to password protect your staging site. This is a good idea because it prevents others from accessing your site. It also prevents Google from indexing duplicate content.

Go ahead and provide a username / password and then click ‘Continue’.

Password protect staging site

SiteGround will now create the staging environment for your WordPress website.

Once it’s done, you will see the staging site manager with links to the admin area of your staging site. Go ahead and start working on your WordPress staging site.

After you are done making changes to your website, you can push it live by going to the staging page in cPanel. You need to click on the ‘Manage Staging Copies’ button next to your website.

Manage staging copies

On the next page, you can click on the ‘Push to live’ button to push changes from staging to your live website.

Deploy staging to live

Creating a Staging Site on WP Engine

WP Engine is the best WordPress managed hosting company in the world. Managed WordPress hosting is a concierge service for your WordPress site where the hosting provider takes care of updates, backups, security and performance.

WP Engine offers one-click staging solution with all their plans. If you are using WP Engine to host your website, then this is how you would set up a staging environment for your site.

First, you need to login to your WP Engine dashboard. Next, go to the Sites page and select your website by clicking on it.

Sites WP Engine

This will bring you to your website dashboard. Now, you need to click on the Add Staging link from the left column.

Add staging site in WP Engine

On the next screen, you need to enter a name for your staging site under the ‘Create New’ tab. This name will also be the subdomain of your staging site.

Create new staging site

Click on the Create Environment button to continue.

WP Engine will now create a staging site for you. However, this staging environment is just an empty WordPress site that does not have any content of your live website.

Let’s change this.

Switch to your production environment by clicking on production from the left column. On the next screen, click on the Copy to button at the top right corner of the screen.

Copy to staging

Next, you will be asked to select the backup point you want to use for your staging site. If unsure, select the most recent back up of your website.

Select back up point

Click on the preview copy button to continue.

You will see a warning popup informing you that you are copying the source website to the staging environment. Click on the Copy Environment button to proceed.

Copy website warning

WP Engine will now copy your live website to the staging environment. You will recieve an email notification when it is done.

After that, you can login to your staging website using the same admin username and password as your live website.

Deploying Staging to Live Website on WP Engine

When you are ready to push the changes from your WordPress staging site to live site, first you will need to create a backup point for your staging site.

A backup point is just like saving your progress in a game. You need to create one before deploying your staging site’s changes to the live site.

Simply head over to WP Engine dashboard and click on Staging » Backup Points menu from the left column.

Create a backup point for your staging website

Next, provide a description for your backup so you can remember the changes later, and then click on ‘Create staging backup’ button.

Create backup of your staging site

WP Engine will now create a backup point for your website. You will receive an email notification when your backup is complete.

You are now ready to deploy your staging site.

Simply click on the ‘Copy to’ button at the top right corner of the screen and select ‘Production’.

Copy to production

Next, you will be asked to select a backup point. This time select the backup you created earlier and click on the preview button.

Select back up point

You will see a warning message, but go ahead and click on the ‘Copy Environment’ button to proceed.

Copying environment

WP Engine will now copy your staging environment to your live website. You will recieve an email notification when it is complete.

After that, you can log in to your live website to ensure everything is working fine, and it should because you tested all your changes on staging.

Creating A Staging Site using WordPress Plugin

If your WordPress hosting company does not provide a staging site feature, then you can still create a staging website using a WordPress plugin.

There are some disadvantages to using this method.

First, a plugin would have limited control on your hosting server. This is why it may not always give the best results.

Secondly, the plugin we will be using will store your staging site on their own servers. If you are concerned about privacy and data protection, then this may not be the ideal situation for you.

That being said, let’s see how to create a staging WordPress site using a WordPress plugin.

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

Upon activation, the plugin will add a new menu item labeled WP Stagecoach to your admin bar. Clicking on it will take you to plugin’s settings page.

WP Stagecoach settings

You will need to enter your WP Stagecoach username and the API key which you can find under your account on the plugin website.

After that, you will be able to create your staging website.

You need to provide a name for your staging site. This name will also be used as the subdomain of your WordPress staging website.

Don’t forget to check the box next to ‘Password protect the staging site’ option. It will protect your staging website from public view and search engines.

Create staging site using WP Stagecoach

Next, click on the ‘Ride The Stagecoach’ button to continue.

The plugin will now create a backup of your WordPress files and database to export them for your staging site. Once finished, you will see the link to your staging site, and its admin area.

You can click the link to visit your staging site and start working on it.

Deploying Staging Site to Live Using WP Stagecoach

Once you are ready to import changes to your live site, head over to WP Stagecoach » Import Changes page and click on the check for changes button.

The plugin will now check for changes on your staging site and then show you options to import them.

Impoting changes from staging

You can select to import only file changes, only database changes, or all changes. Next, click on the import button to continue.

The plugin will show you the progress of the import and will notify you when it is done. You can now test your live site to see if all changes were successfully imported.

Create a Staging Site for WordPress Manually

This method requires you to manually create a staging site for your WordPress install. It is for advanced users and requires more work than other methods described above.

Another disadvantage of this method is that your website will be temporarily unavailable when deploying changes back from staging to live server.

That being said, let’s see how to manually create a staging environment for your WordPress site.

First, you need to create a subdomain for your staging website. Go to your hosting account’s dashboard and click on the Subdomains link located under the domains section.

Create subdomain for your staging site

Note: We’re using Bluehost in our example screenshot, so your screen may look different.

Provide a name for your subdomain (for example, staging) and then click on the create button.

Your hosting control panel will now add your subdomain, which you can use to import your live WordPress site.

Next, you need to install and activate the Duplicator plugin on your live site.

Upon activation, you need to click on the Duplicator menu in your WordPress admin sidebar and click on the create new button.

Create Duplicator package

After that, you will be asked to click on the Next button to continue.

Duplicator will now run the website duplicator wizard. First, it will run some tests to see if everything is in order. If all items are marked ‘Good’, then click on the ‘Build’ button.

Build package

The plugin will now start creating a duplicator package of your WordPress site. This process may take a few minutes depending on the size of your website.

Once finished, you’ll see download options for Installer and the Archive package. You need to click on the ‘One click download’ link to download both files on your computer.

Download and package and installer files

Your new staging WordPress site will need a new database. Let’s create one.

Head over to your WordPress hosting account’s control panel and click on MySQL Databases icon located under the Databases section.

MySQL Database

On the next screen, provide a name for your database and then click on the create database button.

Create database

Next, you need to create a MySQL user for your database. Scroll down to the MySQL Users section and provide a username and password for your new database user.

Create MySQL user

Now you need to give this user permissions to access and modify the database you created earlier. Simply scroll down to the ‘Add user to database’ section and select your database and the user you just created.

Add user to database

After that, click on the ‘Add’ button to continue.

You will be asked to select privileges for the user. Go ahead and select ‘All Privileges’ checkbox and then click on the ‘Make changes’ button.

Grant privileges

Now your database is ready to be used for your staging website.

Next, you need to open a new browser tab and visit enter the subdomain of your staging site like this:

https://yoursubdomain.example.com/installer.php

Don’t forget to replace yoursubdomain with the actual subdomain and example.com with your own domain name.

This will launch the Duplicator installer wizard.

Duplicator installer wizard

The installer will look for the archive file. You need to check the terms and conditions checkbox and click on the next button to continue.

Now, the installer will ask you to enter your WordPress database information.

Your host will likely be localhost. After that, you will enter the details of the database you created for your new domain name in the earlier step.

Connect database

Once done, click on the next button to continue.

Duplicator will now unpack your WordPress database backup from the archive into your new database.

Next, it will ask you to update the site URL or Path. You shouldn’t have to change anything since it automatically detects the URL of your new subdomain and its path.

If it doesn’t, then you can change the URL to your new subdomain. After that, click on the next button to continue.

Update URLs if needed

Duplicator will now finish the migration.

You can click on the ‘Admin Login’ button to enter the WordPress admin area of your website on the new staging site.

Now you have your staging site set up. Let’s protect it by adding password protection to your subdomain.

Head over to your hosting account’s cPanel dashboard and click on the directory privacy icon.

Directory privacy

Next, you need to select your subdomain folder and then select the option to ‘password protect this directory’ checkbox. You will be asked to provide a name for this setting, and then enter a username and password.

Password protect your staging site

Click on the save button to store your settings. Your staging site will now be hidden behind the password protection.

You can now work on your staging site and make any changes you want.

Manually Deploy Staging Site to Live

After you are ready to deploy changes from your staging site to the live server, you will follow the same steps described above.

Simply create a new Duplicator package on your staging site and download the Installer and Archive files to your computer.

Next, you need to head over to your live site and create a complete WordPress backup (you can use Duplicator to create a complete backup as well).

Once you are done, you will need to delete all WordPress files and folders from your live website. This means your WordPress site will be down for a while.

Finally, follow the instructions above to run the Duplicator installer wizard to import staging site to live server.

As you can see, the last method is not the best method at all. You should avoid this at all costs. We recommend using a reliable hosting provider like Bluehost, SiteGround, or WP Engine that offers built-in staging site features.

We hope this article helped you learn how to easily create a staging environment for your WordPress site. If you run into any issues, check out our ultimate guide to fixing the most common WordPress errors.

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 Create a Staging Site for WordPress (Step by Step) appeared first on WPBeginner.



Source link

How to Create A Question and Answers Site in WordPress


Do you want to build an online question and answer community like StackOverflow or Quora? Question and answer websites are fun, highly engaging, and very helpful.

These websites make money from user-generated content which makes them an easy to start online business.

In this article, we will show you how to easily create a question and answers site in WordPress without any programming skills.

You can create a whole site dedicated to Q & A, a single FAQ page, or add a question and answer section to your existing WordPress site.

Making a question and answers site in WordPress

Gettings Started with Question and Answers Website

To start your own question and answers website, you will need the following items.

  • A domain name (This is your website’s address on the internet. Example, wpbeginner.com)
  • A web hosting account (This is where your website’s files are stored. All websites need web hosting).
  • Question And Answers Add-on for WordPress

A domain name costs around $14.99 / year and web hosting prices start from $7.99 per month (usually paid annually).

Now, this is not a small amount if you are just starting out.

Luckily, Bluehost has agreed to offer WPBeginner users discount on web hosting and a free domain name. Basically, you can get started for $2.75 per month.

→ Click Here to Claim This Exclusive Bluehost Offer ←

Bluehost is one of the largest hosting companies in the world and an officially recommended WordPress hosting provider.

After you have purchased hosting, they will automatically install WordPress for you. You can also do it yourself, by following our complete WordPress installation tutorial.

Once you have WordPress installed, you can move on to installing a question and answers plugin. WordPress plugins are extensions that allow you to add new features to your website.

That being said, let’s take a look at how to set up questions and answers website in WordPress.

Setting up Your Question and Answers Site

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

Upon activation, the plugin creates two new pages in your WordPress site:

  • DWQA Questions – This page will display all questions.
  • DWQA Ask Question – This page contains a form where users can ask new questions.

The title and URLs of these pages contain DWQA which looks bad. Let’s change this.

Head over to Pages » All Pages and click Quick Edit link below each page.

Question and Answer pages

This will show page details for quick editing. You can remove the DWQA from page title and slug fields and then click on the ‘Update’ button to save your changes.

Change page title and slug

The next thing you need to do is to allow user registration on your website. This can be achieved by going to Settings » General page.

Scroll down to the ‘Membership’ section and check the box next to Anyone can register. Make sure that you choose Subscriber as the new user default role.

Open your site for user registration

Now that user registration is enabled, let’s configure the plugin settings.

Start by going to Questions » Settings page. Under the General tab, you can configure the basic plugin settings.

Settings page

First, you need to choose the page that will display the Ask Question form and another page that will List All Questions. You will notice that the default pages are already selected here.

If you want to display some other pages, then you need to copy and paste the shortcodes shown on the settings page to those pages.

Under the Question settings section, you can select the number of questions you want to be displayed on the questions page. You can also enable ‘Moderation’ by requiring each question to be manually approved.

The plugin also comes with built-in spam protection features. You can enable the Akismet anti-spam feature and provide the Akismet API key.

Anti-spam features

You can also use reCAPTCHA to protect your question and answer forum from automated spam bots.

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

Next, you need to switch to the ‘Email’ tab. From here you can upload your logo and modify the email notifications sent by the plugin.

Email notifications

After that, switch to the ‘Permissions’ tab. From here you can set up user role permissions. By default, the plugin allows administrators and editors to read, post, write and edit all questions and answers.

Set up permissions

The plugin also allows anonymous users to ask questions. You can change that from permissions settings.

Once you are satisfied with plugin settings, don’t forget to click on the ‘Save changes’ button to save your changes.

Managing Your Question Answer Site

You can view all questions added to your site by visiting DW Q&A » All Questions page. As an administrator, you can edit or delete any questions submitted by any user on your site.

You can also add Question categories since users do not have permissions to create categories. However, users can add question tags when submitting a question on your site. To understand the difference check out our guide on Categories vs Tags.

Managing questions on your website

The Front End Features of Your Q&A Site

DW Question Answers is designed to work with most WordPress themes. This is how your questions page will look:

Preview of questions page

Questions can be searched or sorted by status, categories, views, and answers. Your users post questions, submit answers, and add their own comments. Users can also follow questions by clicking on the star icon next to each question.

Single question page with answers

The user who has asked the question and the site administrator has the ability to mark a question as resolved. Users can also vote for answers, choose the best answer, and add comments to the questions and answers as well. This provides a much deeper interaction platform for your users to engage in discussions around the question topic.

Mark solution and set status to resolved

This plugin is free and performs very well during our tests. There are several Question and Answer WordPress themes out there, but those lock you into using that theme forever.

The advantage of using a plugin is that you can switch your theme without losing any data.

We hope this article helped you build your own Q&A community on your WordPress site. You may also want to see our guide on how to increase traffic on your new WordPress website.

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 Question and Answers Site in WordPress appeared first on WPBeginner.



Source link

How to Easily Display Code on Your WordPress Site


Do you want to display code in your WordPress blog posts? If you tried to add code like regular text, then WordPress will not display it correctly.

WordPress runs your content through several cleanup filters each time you save a post. These filters are there to make sure someone does not inject code via post editor to hack your website.

In this article, we will show you the proper ways to easily display code on your WordPress site. We will show you different methods, and you can choose the one that best fits your needs.

How to easily display code in WordPress posts

Method 1. Display Code Using The Default Editor in WordPress

This method is recommended for beginners and users who don’t need to display code very often.

Simply edit the blog post or page where you want to display the code. On the post edit screen, add a new code block to your post.

Add code block to your WordPress posts

You can now enter the code snippet in the text area of the block.

Add code to your blog post

After that, you can save your blog post and preview it to see the code block in action.

PHP code displayed in WordPress

Depending on your WordPress theme, the code block may look different on your website.

Method 2. Display Code in WordPress Using a Plugin

For this method, we will be using a WordPress plugin to display code in your blog posts. This method is recommended for users who often display code in their articles.

It gives you the following advantages over the default code block:

  • It allows you to easily display any code in any programming language
  • It displays the code with syntax highlighting and line numbers
  • Your users can easily study the code and copy it

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

Upon activation, you can go ahead and edit the blog post where you want to display the code. On the post edit screen, add the ‘SyntaxHighlighter Code’ block to your post.

SyntaxHighlighter code block

You will now see a new code block in the post editor where you can enter your code. After adding the code, you need to select the block settings from the right column.

SyntaxHighlighter code block settings

First, you need to select the language for your code. After that, you can turn off line numbers, provide first line number, highlight any line you want, and turn off the feature to make links clickable.

Once you are done, save your post and click on the preview button to see it in action.

Code displayed with syntax highlighting

The plugin comes with a number of color schemes and themes. To change the color theme, you need to visit Settings » SyntaxHighlighter page.

SyntaxHighlighter settings

From the settings page, you can select a color theme and change SyntaxHighlighter settings. You can save your settings to see a preview of the code block at the bottom of the page.

Code block preview

Using SyntaxHighlighter with Classic Editor

If you are still using the old classic WordPress editor, then here is how you would use SyntaxHighlighter plugin to add code to your WordPress blog posts.

Simply wrap your code around square brackets with the language name. For example, if you are going to add PHP code, then you will add it like this:

[php]
<?php
private function get_time_tags()
$time = get_the_time('d M, Y');
return $time;

?>
[/php]

Similarly, if you wanted to add an HTML code, then you will wrap it around the HTML shortcode like this:

[html]
<a href="example.com">A sample link</a>
[/html]

Method 3. Display Code in WordPress Manually (No Plugin or Block)

This method is for advanced users because it requires more work and does not always work as intended.

It is suitable for users who are still using the old classic editor and want to display code without using a plugin.

First, you need to pass your code through an online HTML entities encoder tool. It will change your code markup to HTML entities, which will allow you to add the code and bypass the WordPress cleanup filters.

Now copy and paste your code in the text editor and wrap it around <pre> and <code> tags.

Adding code manually in classic editor

Your code would look like this:

<pre><code>
&lt;p&gt;&lt;a href=&quot;/home.html&quot;&gt;This is a sample link&lt;/a&gt;&lt;/p&gt;
</pre></code>

You can now save your post and preview the code in action. Your browser will convert the HTML entities and users will be able to see and copy the correct code.

Manually displaying code in WordPress

We hope this article helped you learn how to easily display code on your WordPress site. You may also want to see our ultimate list of the most wanted WordPress tips, tricks, and hacks.

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 Display Code on Your WordPress Site appeared first on WPBeginner.



Source link

Why You Can’t Find .htaccess File on Your WordPress Site


Are you having trouble finding the .htaccess file in WordPress? We are often asked by beginners ‘Where is my .htaccess file?’ and ‘Why I cannot find it on my WordPress site?’.

Sometimes you may need to edit the .htaccess file or delete it to fix a common WordPress errors. In this article, we will explain why you can’t find .htaccess file on your WordPress site, and how to easily locate it.

Finding the .htaccess file for your WordPress site

What is .htaccess file?

The .htaccess file is a server configuration file which tells your server how to handle certain things on your website. Like how to redirect users, password protect admin area, or protect some directories, etc.

It is located in your WordPress site’s root folder. WordPress uses it to manage redirects and permalinks.

The .htaccess file is an incredibly powerful configuration file and can be used to do a lot useful things. See our article on the most useful .htaccess tricks for WordPress for some examples.

Why I Can’t Find .htaccess File?

There are two common reasons for not finding the .htaccess file in your website’s root folder. It’s either hidden by your file manager software, or it doesn’t exist at all.

We will explain both of them with solutions.

1. Your FTP Client is Not Showing Hidden Files

The dot before the htaccess file name indicates that it is a hidden file. By default, when you connect to your WordPress hosting server using an FTP client, it will not show the hidden files.

To make hidden files visible, you will need to change your FTP client settings.

For example, in FileZilla, you can find the option under ‘Server » Force showing hidden files’ menu.

Show hidden files in FileZilla

If you are using the File Manager app in cPanel, then you will find the option to show hidden files before launching the app.

Show hidden files in cPanel

For other FTP clients, you will find the option to show hidden files in app settings or preferences menu.

After enabling this option, you would be able to view all hidden files including .htaccess file for your WordPress site.

2. The .htaccess File Doesn’t Exist

The second most common reason for missing .htaccess file is that your WordPress site has not generated it yet.

WordPress automatically generates .htaccess file because it is required to properly redirect permalinks.

If your .htaccess file is missing, then the first thing you need to do is to visit Settings » Permalinks page and click on ‘Save Changes’ button without changing anything.

Permalinks settings page

WordPress will now try to generate the .htaccess file for you.

On some rare occasion, WordPress may not be able to generate the .htaccess file due to file permissions issue.

In that case, it will show you a message at the bottom of the Settings » Permalinks page, saying that the ‘.htaccess file is not writeable’.

You will need need to manually create the .htaccess file and add the required code inside it.

htaccess file not writeable

Simply copy and paste this code in a text editor like Notepad. After that, you need to save it as .htaccess file on your desktop.

Now connect to your website using an FTP client and upload the .htaccess file from your desktop.

If you get an error while uploading the file, then you need to change the file permission for your root directory.

Let’s suppose all your WordPress files reside under /home/johnsmith/public_html/ directory.

This makes public_html folder your root directory. You need to go to its parent directory and right click on the public_html folder. Select File Permissions, which will open a file permissions dialog box.

Now enter 755 into the file permission dialog box and then try to upload your .htaccess file to the public_html folder.

Changing file permissions via FTP

We hope this article helped you find .htaccess file on your WordPress site. You may also want to see our WordPress troubleshooting guide to learn how to diagnose and fix WordPress issues all by yourself.

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 Why You Can’t Find .htaccess File on Your WordPress Site appeared first on WPBeginner.



Source link

How to Make a Niche Review Site in WordPress Like a Pro


Do you want to create a reviews website and make money blogging?

Online reviews help others make a buying decision while allowing you to earn referral fees, known as affiliate commissions. You can build a reviews website dedicated to a specific niche, or you can add a reviews section to your existing blog.

In this article, we will show you how to easily create a niche review site in WordPress and make money from it.

Making a review site with WordPress

Here are the steps we will cover in this guide.

  • Why create a reviews site
  • Before you start
  • Chosing a theme for your reviews website
  • Installing WordPress reviews plugin
  • Adding a review in WordPress
  • Displaying reviews in sidebars
  • Making money from your reviews site
  • Taking your reviews site to the next level
  • Mastering WordPress skills

Why Create a Reviews Site?

What’s the first thing that you do when you’re looking to buy something online?

If you’re like most of us, then you check the online reviews of that product to see what others are saying about it.

This is why a popular online review site, TripAdvisor, is worth roughly $8.5 billion dollars.

While everyone cannot be as big as TripAdvisor, we know several folks that are earning anywhere from a few hundred to a few thousand dollars a month from running a niche review site.

There are two popular ways to create a review website. The first is to add a reviews section on your existing WordPress blog. The second is to create a completely independent online reviews site.

Regardless of the direction you choose, it’s important that you don’t pick a highly competitive niche.

For example, there are tons of sites talking about digital camera reviews, but not as many that are talking about camera accessory reviews.

The secret to building a successful review site is to find the right niche. A perfect niche has low competition, and it should be something that you’re passionate about.

Here are a few factors to think about:

  • What resources can you offer to build traffic?
  • Can you easily attract advertisers? (i.e are there people selling paid products)
  • Are there affiliate programs available?
  • Are other people making money in this niche?
  • What is the competition like?

You can use tools like SEMRush, Ahrefs, and Google Keyword Planner to help with research. See our beginner’s guide on how to do keyword research for step by step instructions.

Once you have picked your niche, let’s take a look at how you can create a reviews site.

Step 0. Before You Start

Before you start your website, you need to choose the right blogging platform. Ofcourse WordPress is #1, but there are actually two different types of WordPress.

First, there is WordPress.com which is a limited hosted platform. Second, you have the popular WordPress.org, also known as self-hosted WordPress. When you hear WordPress, people are typically talking about WordPress.org. To understand the difference, see our comparison of WordPress.com vs WordPress.org.

We recommend using WordPress.org because it gives you full freedom to create any kind of website. It also gives you full access to all WordPress features out of the box.

To get started with WordPress, you’ll need a good WordPress hosting company and your own domain name.

We highly recommend Bluehost because they are an officially recommended WordPress hosting provider, and one of the largest hosting companies in the world.

Not to mention, they are giving our users a free domain name, free SSL certificate, and 63% off their hosting plan (special for WPBeginner users).

→ Click Here to Claim This Exclusive Bluehost Offer ←

If you want a Bluehost alternative, then take a look at Siteground who also offer an exclusive discount to WPBeginner readers.

Once you have signed up for hosting and set up your domain name, the next step is to install WordPress. With Bluehost, WordPress comes pre-installed. Most other hosting companies offer 1-click WordPress install option. We have created a step by step guide on how to install WordPress which covers every major hosting platform.

Once you have your WordPress site setup, you will reach the WordPress dashboard.

WordPress dashboard

Step 1. Choosing the Perfect WordPress “Review” Theme

The first step after setting up your WordPress site is to select a perfect WordPress theme.

When you’re searching for best WordPress review themes, you will likely come across several themes that offer complete review-site functionality baked into the theme. You need to avoid those at all cost.

You don’t need a WordPress review site template. Most of those WordPress review themes are bloated and will lock you into using them forever.

That’s why it’s better to use a WordPress reviews plugin because plugins will work with any theme/design that you choose.

You will have the flexibility to change your themes in the future without having to hire a developer.

We have an article that will help you find the perfect theme. Basically, pick a theme that you like in terms of look and feel. We will show you how to add the reviews functionality in the next step.

Once you have found the theme you like, you can go ahead and install it. Need help installing theme? See our guide on how to install a WordPress theme for step by step instructions.

Step 2. Installing the best WordPress Reviews Plugin

Now that your website is ready, it is time to add reviews functionality to your website. We will be using a plugin to add SEO friendly reviews that make your website more easily discoverable by search engines and users.

First thing you need to do is install and activate the WP Product Review Lite plugin. For more details, see our step by step guide on how to install a WordPress plugin.

This base plugin is available for free and comes with all essential features. However, you may need to upgrade to the premium version of the plugin to unlock advanced features like product comparison table, Amazon Affiliate integration, multiple templates, and more.

WP Product Review plugin is easy to use, and it helps you stand out in search engines by adding schema markup or rich snippets for your reviews.

In plain English, it adds those star ratings next to your reviews in Google to help you stand out.

Rich snippets in Google search

Upon activation, you will notice a new menu item labeled ‘Product Review’ in your WordPress admin menu. Clicking on it will take you to the plugin’s settings page.

WP Product Review settings

The settings page is divided into different sections. First, you need to set up the general settings.

Start by selecting where you want to display the review box. There are three options to choose from. You can show the review box after the content, before the content, or you can manually add it using the shortcode.

The next option is to choose whether you want to allow users to add their reviews as comments. If you allow this, then you also need to select how much influence user reviews will have on the actual review.

After that, you need to choose the numbers of options, pros, and cons that you want to be displayed. By default, the plugin will allow you to add 5 of each. You can adjust that as needed.

Another important option on this page is to enable the ‘Review’ post type. Basically, the plugin allows you to convert any WordPress blog post or page into a review.

However, some users may want to keep reviews separate from their blog posts and pages. The default option is ‘No’, and if you are unsure, then you can leave it as is.

Now move on to the rating colors tab in settings. This is where you can define the default colors used by the plugin for ratings. WP Product review uses different colors for excellent, good, not bad, and weak ratings.

Choose rating colors

You can change the rating colors to match with your theme design.

Next, click on the ‘Typography’ tab in the settings. This is where you can choose the default text for pros and cons columns. You can also change the text colors for different sections.

Typography

The final tab on the settings page is the buy button. On this tab, you can select the colors you want to use for the buy button.

Buy button will also have your affiliate link, so it is important that you choose a color that’s likely to stand out, so more users can click on it.

Buy button

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

Step 3: Adding a Review in WordPress

Adding a review using WP Product Review plugin is quite easy. There are basically two ways you can add product reviews in WordPress using WP Product Review plugin.

  • Add reviews to the reviews post type
  • Add review to any WordPress post or page

Regardless of how you choose to publish reviews, adding reviews in WordPress will be the same.

The plugin allows you to convert any WordPress post or page into a review. Simply edit or create a new post in WordPress.

If you have enabled the reviews post type, then you will need to visit Reviews » Add New page to add your review.

You will write your main review like you would write any other post in WordPress.

Under the ‘Document’ meta box in the right column, you will find the option labeled ‘Is this post a review’. Turning it on will display the options to add your product review.

Enable product review features

First, you need to provide product details like images, buy now button text, product or affiliate link, and product price.

Product review details

After that, you need to add specific product features and your grade score for that respective feature. Click on the Add option button to add more features if needed.

Product features and grading

Next, you will add the pros and cons lists. You need to add the best features of the product in the pros list and the features it lacked in the cons list.

Pros and cons

Once you are done, simply save or publish your post.

You can now visit the post to see the review box in action.

Review box

Note: If you are still using the old Classic Editor, then you will find the product review meta box below the post editor.

Product review box in classic editor

Step 4. Displaying Your Reviews in Sidebar

WP Product Review allows you to show your review posts in the sidebar and other widget-ready areas.

Visit Appearance » Widgets page, and you will find the top products and the latest products widgets.

Latest product reviews widget

Simply add the widget to a sidebar and configure its options. You can select the number of products you want to display, product title and image display settings. Once you are done, click on the save button.

Next, go ahead and visit your website to see the reviews widget in action. It will show the latest reviews with ratings and product image.

Reviews in sidebar widget

Step 5. Making Money From Your Reviews Site

Reviews site are a great way to generate passive income on the side. There are multiple ways to make money from your niche review site.

Following are some of the most common ways used by reviews websites to generate revenue.

1. Affiliate Marketing

Affiliate marketing allows you to make money from your reviews by recommending products on your website. You earn a commission when users click on your referral link and buy the product.

You will need to find products that have an affiliate program. The easiest way to find awesome products in every niche is by joining a large affiliate network like ShareAsale or Amazon Associates.

To learn more, see our beginner’s guide to affiliate marketing with detailed instructions and tools/plugins you’ll need to grow your business.

2. Advertisements

Most websites on the internet generate their revenue by displaying ads. You get paid either for impressions or when a user clicks on the ad from your website.

The easiest way to displays ads on your reviews site is by using Google AdSense. This gives you access to thousands of advertisers who are looking for targetted audiences.

To learn more, see our guide on how to properly add Google AdSense to your WordPress site.

Apart from Google AdSense, you can join other advertising networks like Media.net or sell ads directly to advertisers. This allows you to diversify and maximize advertising revenue on your reviews website.

3. Paid Reviews

This direct approach allows you to cut the middleman and directly reach out to businesses that want their products to be reviewed.

You get paid for testing and writing your honest opinion of the product. This approach requires a lot of outreach and can influence the quality of your reviews.

For more ways to make money from your reviews site, see our list of proven ways to make money online.

Step 6. Taking Your Reviews Site to The Next Level

WordPress is a powerful platform, and it gives you access to thousands of awesome plugins that you can use to grow your reviews site.

Following are just some of the essential plugins that you can install right away.

Pretty Links – It allows you to cloak affiliate links and easily add, manage, and edit affiliate links in WordPress.

WPForms – It is the best WordPress contact form plugin and allows you to quickly create beautiful forms using simple drag and drop form builder.

Yoast SEO – It is the most comprehensive WordPress SEO plugin on the market and will help you get more visitors from search engines.

MonsterInsights – It allows you to easily install Google Analytics in WordPress and shows human-readable reports to understand where your visitors are coming from and which reviews on your website are popular. It also allows you to easily track outbound affiliate links which helps you improve your marketing strategy overtime.

For more plugin recommendations, see our list of the essential WordPress plugins for all websites.

Step 7. Improving Your WordPress Skills

WordPress is quite easy to use even for the beginners. However, occasionally you’ll need help in learning new things as your website grows. This is where WPBeginner can help.

WPBeginner is the largest free WordPress resource site for beginners. We have lots of helpful content which is created specifically for beginners, business owners, and bloggers.

Following are a few of the helpful resources you will find on WPBeginner (all of them are completely free).

  • WPBeginner Blog – The central place for all our WordPress tutorials and guides.
  • WPBeginner Dictionary – Our WordPress glossary is the best place to familiarize yourself with the WordPress lingo
  • WPBeginner Videos – New WordPress users can start with these 23 videos to master WordPress.
  • WPBeginner on YouTube – Need more video instructions? Subscribe to our YouTube channel with more than 130,000 subscribers and 12 Million+ views.
  • WPBeginner Blueprint – Check out plugins, tools, and services we use on WPBeginner.
  • WPBeginner Deals – Exclusive discounts on WordPress products and services for WPBeginner users.

We hope this article helped you learn how to create a niche review site in WordPress like a pro. You may also want to see these practical tips get more traffic to your reviews website.

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 Make a Niche Review Site in WordPress Like a Pro appeared first on WPBeginner.



Source link