News

How to Create Custom Permalinks in WordPress


Do you want to create custom permalinks in WordPress for posts, pages, and other post types?

Recently one of our readers asked if it was possible to create their own custom permalinks aka page URL structure in WordPress.

In this article, we will show you how to create custom permalinks in WordPress without affecting your SEO.

Creating custom permalinks in WordPress

Since this is a comprehensive tutorial on creating custom permalinks in WordPress, we have created an easy to navigate table of content:

Permalinks are the permanent URLs of your individual blog posts, pages, and other archive pages on your WordPress site. Custom permalink is basically a URL structure applied to a specific page in WordPress without affecting the rest of your URL structure.

WordPress comes with an SEO Friendly URL structure which allows you to use an easy to understand URL structure for both humans and search engines.

For example: https://example.com/best-refrigerators-for-tiny-kitchens/

This is much better than URLs from the old days: https://example.com/index.php?p=4556

WordPress provides website owners with multiple options to choose from. You can view them by visiting Settings » Permalinks page.

Select permalink structure

Aside from changing the main permalink structure, WordPress also offers ways to customize the individual URLs of posts, pages, categories, tags, and other areas of your website.

You can also use WordPress plugins to create completely custom permalinks for specific sections of your website that overrides the default WordPress settings.

Let’s take a look at all the options one by one. We’ll start with the default built-in options that come with your WordPress website.

If you want to change the whole URL generation scheme for your website, then go to Settings » Permalinks page.

Select permalink structure

Simply select a URL structure for your individual posts. You can also use the tags shown on the screen to create a custom structure for your WordPress URLs.

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

We recommend using a URL structure that includes the post name in the URL. This makes your URLs more SEO friendly and meaningful.

Note: You should change to a SEO friendly permalinks for all new WordPress blogs and websites. However, if you have an existing website that’s already getting traffic from search engines, then changing permalinks can affect your SEO rankings.

How to Change the Category and Tag URL Prefix in WordPress

By default, WordPress uses /category/ as the base for your category URLs and /tag/ for the tags pages. For example:

https://example.com/category/technology/
https://example.com/tag/fintech/

Category and tag base

You can change these base prefixes from the Settings » Permalinks page to anything that you like. For example,

https://example.com/topics/technology/ (for category pages)
https://example.com/hashtag/fintech (for tag pages)

Once you have the permalink structure setup, WordPress uses that as a template for all links on your site. However, you do have the option to modify the URL slug aka keywords inside the URL structure for individual posts, pages, and custom post types.

You can customize the slug part of the URL from the post edit screen inside the WordPress content editor.

Simply edit the post, page, or custom post type and click on the title field. You’ll notice the Permalink field appears on top of it.

Edit post slug to create custom URL

Go ahead and click on the Edit button next to it, and then change the URL slug to a custom permalink. Once you are done, click on the Save button to store the new permalink.

Customize post permalink

You can use this method for all post types including WooCommerce products, MemberPress courses, etc.

In the earlier step, we showed you how to modify the category and tag base prefix in WordPress. In this step, we will show you how to change the URL keywords for an individual category or tag.

Simply go to Posts » Categories page and click on the Edit link below the category you want to customize.

Editing a category details in WordPress

WordPress will now load the category details. From here, you can change the category slug to customize its permalink.

Change category slug to customize permalink

Similarly, you can edit an individual tag by visiting Posts » Tags page.

Edit a tag

You can also edit any custom taxonomies using the same method.

WordPress automatically adds the ‘/author/’ base to URLs leading to author archive pages. For example:

https://example.com/author/jsmith/

The problem is that WordPress does not come with an option to change the author URL base or the slug.

Luckily, as the saying goes, there is a plugin that can help.

Simply install and activate the Edit Author Slug. For details, see our step by step guide on how to install a WordPress plugin.

Upon activation, go to Users » All Users page. Next, click on the ‘Edit’ link below a username.

Editing a user details in WordPress

On the next page, scroll down to the Edit Author Slug section, and you will be able to choose an author slug or add your own. Don’t forget to click on the save changes button to store your settings.

If you want to change the author permalink base, then simply head over to the Settings » Edit Author Slug page. Here you will see an option to change the author base and even choose different author bases for users with different user roles.

Change author base

For more details, see our guide on how to change author URL slug and base in WordPress.

All the above methods allows you to customize WordPress permalinks to a certain extent. However, they cannot help you create completely custom permalinks.

That’s because WordPress by default doesn’t offer this functionality.

Luckily, there’s a plugin that can help. If you want to override the default WordPress URL structure for specific sections on your site, then follow the steps here.

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

Upon activation, you need to edit the post where you want to create a custom permalink. Instead of editing the permalink field at the top, you’ll find the option to create a custom permalink below the editor.

Creating a completely custom permalink for a post

Similarly, you can also create custom permalinks for categories. Go to Posts » Categories page and click on the edit link below the category that you want to change.

Editing a category details in WordPress

On the category details page, you’ll find the option to create a custom permalink for that particular category. You can even create a URL without the category base prefix.

Editing the category permalink

You can manage and disable all your custom permalinks by clicking on the ‘Custom Permalinks’ menu in the admin sidebar.

Manage your custom permalinks

Simply select the custom permalinks you want to delete and then click on the Bulk Actions menu to select ‘Delete permalinks’ option.

After that click on the ‘Apply’ button and the plugin will remove those custom permalinks. The deleted permalink will be replaced by your default WordPress permalink scheme.

WordPress automatically handles changes made to post and page URLs. However, it may not set up redirects for your custom author permalinks or completely customized permalinks.

In that case, you’ll need to set up proper redirects to avoid 404 errors on your website.

First, you need to install and activate the Redirection plugin.

Upon activation, you need to visit Tools » Redirection page to set up redirects. You need to add the old link in the ‘Source URL’ field and the new URL in the ‘Target URL’ field.

Setup redirects

After that click on the ‘Add redirect’ button to save your changes. For more details, see our beginner’s guide to setting up redirects in WordPress.

We hope this article helped you learn how to create custom permalinks in WordPress. You may also want to see our ultimate WordPress SEO guide to get more search traffic to 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.



Source link

How to Detect AdBlock Users in WordPress (3 Easy Ways)


Do you want to detect AdBlock users in WordPress and show them targeted messages?

Adblock Plus is a popular software which blocks advertisements on the internet. It is available as an add-on for all top browsers, mobile apps, and even as a dedicated browser.

Now the problem is that most bloggers rely on the ad revenue to support their website. Software like AdBlock plus hurt their revenue potential and ultimately their plans to grow their business.

In this article, we will show you how to detect Adblock users in WordPress and share ways to bypass the Adblock software.

Detect and bypass AdBlock users in WordPress

What is AdBlock and How it Hurts Website Owners?

Adblock Plus and other adblocking software allow users to automatically detect and block advertisement on websites.

While Adblock brings a cherished ad-free experience to users, it can hurt bloggers and website owners who rely solely on ad revenues.

Research published by Global Web Index shows that adblocker usage has increased over the past few years.

Nearly 47% of internet users have some kind of adblocking software installed on their devices.

Adblock usage study

Adblocking on mobile devices has increased many folds and is now higher than desktop computers.

Another research conducted by Ovum estimates that publishers will lose $32 Billion to Adblock software by the year 2020.

This is a serious problem affecting many websites particularly blogs that rely on advertisements as their primary source of revenue.

What should you do about Adblock as a publisher?

There are several measures that website owners have taken in this regard.

1. The Do-Nothing Approach

As the title says, you do nothing about the users with Adblock. You simply learn to live with the loss of revenue for the sake of happy users.

2. Passive Approach

You can nicely ask your users to whitelist your website with a promise of quality content and non-obtrusive ads. There is no way to know how effective such an appeal would be.

Another alternative is to create a membership website with paid subscription plans. You can promote paid plans as an ad-free experience with additional content and features.

Reddit is a great example of this approach with its ad-free Reddit Premium plan.

Reddit premium

3. Aggressive Approach

In this approach, you simply block access to your website for all users with AdBlock enabled. If they want to view your content, then they must disable AdBlock.

AdBlock wall on Forbes

This kind of anti Adblock approach is rather aggressive, and it will turn away users from your site. Studies show that 77% of Adblock users leave websites with Adblock walls.

It’s best to use the passive approach that we mentioned above.

How to Detect AdBlock Users in WordPress

Before you can request users to whitelist and support your website, you need to be able to detect the AdBlock users. Fortunately, there are plenty of ways to do that in WordPress.

We will show you a few different methods, and you can choose the one that best suits you.

1. Detect and Target AdBlock Users with OptinMonster

OptinMonster is the best lead generation software in the market. It helps you convert website visitors into subscribers and customers.

OptinMonster comes with a built-in ad blocking detector which allows you to show targeted campaigns to users with ad-blocking software installed on their devices. This includes popular software like AdBlock, AdBlock Plus, and uBlock Origin.

First you will need to sign up for an OptinMonster account. You’ll need at least their Growth plan to access the AdBlock targeting.

Once you have signed up, you can head over 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 acts as a connector between your website and OptinMonster.

Upon activation, you need to click on the OptinMonster icon in your WordPress admin bar. You’ll be asked to connect your OptinMonster account authorizing your website or entering an API key.

OptinMonster API key

After authorizing OptinMonster, click on the ‘Create new campaign’ button at the top.

Create new campaign

This will take you to the OptinMonster website.

First, you will need to choose a campaign type. If you want to take the passive approach, then you can use the lightbox popup campaign type. On the other hand, if you want to aggressively lockout AdBlock users, then you can use the Fullscreen campaign type.

Choose a campaign type

Next, you need to choose a template for your campaign. For this tutorial, we are using the ‘Target’ theme, but you can choose a different template if you want.

Choose template

Now you will be asked to choose a title for your campaign. After that, you will be redirected to the OptinMonster’s campaign designer.

From here, you need to change your optin view to the ‘Yes/No’ view by clicking on the buton at the top and then turning on ‘Display Yes/No view’.

Enable Yes / No view

After that, you need to simply point on any element in the optin preview to edit it. You can click on the text to add your own copy.

Change campaign text

Next, you need to click on the yes and no buttons to edit their text. We have changed the yes button to ‘I have disabled AdBlock’ and the no button to ‘I will think about it’.

After that, you need to click on the ‘Display Rules’ tab. Under the first rule, you need to select ‘user has adblock enabled’.

Enable adblock detection rule

After that, make sure that the current URL path is set to every page. This will display the popup on all pages of your website.

Display popup on everypage

Click on the ‘Next step’ button to continue.

Now you’ll be asked to select the default view. Make sure that it is set to Yes/No view and then click on the ‘Next Step’ button.

Select view for your campaign

Your Adblock campaign is almost ready. Let’s publish it to make it available on your website.

Switch to the ‘Publish’ tab in the builder and change the status option to live.

Publish your Adblock tracking campaign

You can now save your campaign to store your changes.

Next, switch back to your WordPress admin area and click on the OptinMonster menu from the admin sidebar. You’ll see your new Adblocker tracking popup under ‘Campaigns’ tab. If you don’t see it, then click on the ‘Refresh campaigns’ button.

OptinMonster campaigns

Make sure that the campaign status is set to live.

That’s all, your Adblocker campaign is now live on your WordPress website.

You can test out your campaign by installing the AdBlock extension in your browser and visiting your website. You will see a popup asking users to support your website by disabling AdBlock.

AdBlock detector popup

For an aggressive approach, you may want to see this guide on how to lock out AdBlock users with OptinMonster’s AdBlock targeting feature. This will allow you to block adblock users from viewing your content until they disable adblock software.

AdBlock lockout

2. Target AdBlock Users with AdSanity Plugin

AdSanity is one of the best ad management plugins for WordPress. It has a paid ‘Adblock Detection’ add-on that allows you to detect users with ad blocking software and restrict their access to your website until they disable ad blocking.

First, you need to install and activate the AdSanity plugin. After that you need to install and activate their Ad Block Detection add-on. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation of both plugins, you need to visit AdSanity » Settings page and click on the Add-Ons tab.

AdSanity Ad Block detection settings

AdSanity allows you to detect AdBlock on posts and pages. You can show a warning popup to AdBlock users with your custom message, or you can redirect them to a custom page.

Both methods are aggressive and would require users to disable AdBlock to continue browsing your site.

3. Detect AdBlock Users with deAdblocker

If you are looking for a free option that allows you to detect AdBlock users, then you can try this method.

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

Note: this plugin shows an outdated notice in WordPress, but we tested it, and it works just fine with the latest version.

Upon activation, head over to Settings » deAdblocker page to configure plugin settings.

deAdblocker settings

The plugin allows two methods to show a custom message to AdBlock users. You can either display a notification bar on the top of your website or show a lightbox popup.

Both options are dismissible, and users will be able to ignore the message to continue browsing your website.

Don’t forget to save your settings. You can now visit your website with AdBlock extension installed in your browser to test the plugin.

AdBlock popup

Tips on Mitigating Adblock Losses

Internet users are finding more ways to block ads across the internet. Fighting ad blocking software can be tiresome and an unending struggle to recover lost revenue.

One thing to consider is changing the way you make money on your website. Finding new ways to monetize your content will give you the freedom to rely less on ads and build a sustainable business in the long run.

Diversify Your Revenue Streams

Publishers are finding new ways to combat ad blocking and protect their earnings. At the same time, ad blocking software are getting better every day.

Research shows that privacy, security, and bad user experience are the most common complaints among AdBlock users. Publishers can address these complaints by adapting different monetization methods that address those issues.

1. Affiliate marketing

Affiliate marketing is one of the most common ways to earn money from your content. You can recommend products and services to your users and earn commission when users make a purchase using your affiliate link.

There are plenty of plugins and tools for affiliate marketers that will help you get started.

For more details, see our beginner’s guide to affiliate marketing.

2. Selling direct ads

Advertise page on Buzzfeed

If you are serving ads through a third-party advertising network like Google AdSense, then you have limited control on ads, privacy, and the CPC.

Selling ads directly to advertisers allows you to ensure privacy, limit tracking, and control what you get paid.

WordPress ad management plugins like AdSanity allow you to serve your own ads as well. You can use hosted images on your own websites for ads and easily bypass most adblocking software.

Tip: Don’t wrap your ads around HTML elements with CSS classes like ads, advertisement, promo, etc. This is how AdBlocking software detect and block ads.

3. Sponsored Content

Allow advertisers to sponsor content on your website. You can write content about their product or service, and you can even include an affiliate link to get referral commission. You can also accept user-submitted posts directly on your website.

4. Premium Content

Another helpful strategy used by many online publications is premium content. You can adapt a pay per view model, membership plans, sell online courses, or simply restrict pages to paid users.

Paywall on the Washington Post website

For more ways to diversify your website’s revenue, take a look at our guide on different ways to make money online from your website and easy to start new online business ideas.

We hope this article helped you learn how to detect and bypass AdBlock in WordPress. You may also want to see our guide on how to create an email newsletter or 10 marketing data that you must track on every 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.



Source link

24 Best WordPress Restaurant Themes (2019)


Are you looking for the best WordPress restaurant themes?

Restaurant websites have specific requirements to showcase their menu, photos, location, business hours, and other useful information.

A WordPress restaurant theme should cover these requirements so that you can focus on growing your business.

In this article, we have hand-picked some of the best WordPress themes for restaurants that you can use. All these themes are mobile-responsive and highly optimized for performance.

Best WordPress Restaurant Themes

Building a Restaurant Website with WordPress

WordPress is the most flexible and easy to use platform to build your restaurant website. It gives you access to dozens of payment platforms, third-party addons, thousands of templates, and plugins. See our article on why you should use WordPress for more details.

There are two kinds of WordPress websites. WordPress.com, which is a hosted solution, and WordPress.org, which is a self-hosted platform. You will need self-hosted WordPress.org, which is more powerful and flexible. For more details, you should check out our guide on the difference between WordPress.com vs self-hosted WordPress.org site.

To start your restaurant website, you will need a WordPress hosting account and a domain name.

Think of a website hosting account as your website’s home where all your files will live. Similarly, the domain name is your website’s address that users will type in their browsers to visit it (e.g. wpbeginner.com).

We recommend using Bluehost. They are one of the largest hosting companies in the world and also one of the official WordPress hosting partners.

They are offering WPBeginner users a generous discount on hosting + a free domain name and SSL certificate.

→ Click Here to Get This Exclusive Bluehost Deal ←

Next you will need to install WordPress. For complete step by step instructions, you can follow our guide on how to make a website.

After the installation, you can pick a theme from our expert selection below and then follow instructions in our guide on how to install a WordPress theme.

Now let’s take a look at some of the best WordPress restaurant themes. This list includes both free and paid WordPress themes, and all of them are mobile responsive.

1. Italian Restaurant by Astra Theme

Italian Restaurant

Italian Restaurant is a modern and stylish WordPress restaurant theme by Astra. It comes with parallax scrolling and fullscreen header background with the navigation menu.

To install the Italian Restaurant theme, you’ll need to download Astra WordPress Theme and then use their Starter Sites plugin to import the Italian Restaurant template.

The theme includes a reservation system for your customers to book a table online. It has custom page templates for the restaurant menu and blog page.

2. Divi Restaurant

Divi Restaurant

Divi Restaurant is a beautiful WordPress landing page for a restaurant website. It offers a black and white background that makes your images and content stand out.

The homepage sections allow you to display testimonials, restaurant menu, hours of operation, and more. It is highly optimized for speed and performance.

3. Cafe Pro

Cafe Pro

Cafe Pro is a WordPress restaurant theme built on top of the powerful Genesis framework by StudioPress. It comes with a rock solid foundation and great set of features to make a website for your restaurant.

The theme homepage layout can be easily customized using the four widgetized areas. You get a theme options panel and custom widgets that allow you to display contact info, address, business hours, etc. on your website.

StudioPress is now part of WP Engine, the most popular managed WordPress hosting company. You can get this theme and all other 35+ StudioPress themes when you sign up for a WP Engine hosting account.

Bonus: WPBeginner users also get an additional 20% OFF. Get started with WP Engine today!

4. Ultra Restaurant

Ultra Restaurant

Ultra Restaurant is an elegant WordPress restaurant template by Themify Ultra. It allows you to add a fullscreen custom background image to attract the visitors in the first impression.

With this theme, you get a sticky navigation menu, a fullscreen layout, colorful menu photos, Google Maps integration, and an online reservation system. It is flexible and beginner-friendly in use.

5. OceanWP

OceanWP Restaurant

OceanWP is a free multi-purpose WordPress theme. It comes with hundreds of demo sites including a template to build a restaurant website quickly.

The theme works great with drag and drop page builders for easy customization. It is eCommerce friendly and accepts online reservations for your restaurant.

6. Winery by Astra Theme

Winery

Winery is a nice-looking Astra WordPress theme. It is well suited for restaurants, wine stores, vineyards, wineries, and bars. It has a sticky background image and parallax scrolling.

To install the Winery theme, you’ll need to download the Astra WordPress theme and then use their Starter Sites plugin to import this layout.

Other notable features include crisp typography, attractive buttons, custom page templates, and a full-width layout. It allows easy integration with your social networks.

7. Hestia Pro

Hestia Pro

Hestia Pro is another multi-purpose WordPress theme. It ships with several ready-made templates and layouts including a theme for the coffee shop, restaurant, or any food-related business.

It supports WooCommerce and page builder plugins out of the box. Hestia Pro is translation ready and can be used to create a multilingual website as well.

8. Carbone

Carbone

Carbone is a stylish WordPress restaurant theme. It has a video background on the homepage to get users’ attention. It allows you to create a landing page for your restaurant menu and add all food items with images beautifully.

The theme is perfect to make a website for your restaurant, cafe, or coffee shop. You can also use this theme to start a food blog and make money.

9. Neve

Neve Restaurant

Neve is a modern WordPress one-page theme. It is packed with multiple pre-built starter demos including a beautiful template for your restaurant website. The theme is highly flexible and supports page builders for customization.

In the restaurant template, you can create an image gallery and add eye-catching photos to attract your visitors. The homepage has sections to add the daily menu, location map, and user ratings.

10. Salt and Pepper

Salt and Pepper

Salt and Pepper is a new-fashioned WordPress restaurant theme. It is ideal for food and recipe blogs, cafes, restaurants, and bars. The theme has a custom logo, a navigation menu, and social media icons in the header section.

With the Instagram widget, you can add your eye-catching food photos in the sidebar or footer widget area. It is a page builder friendly theme to customize colors, fonts, and media files quickly.

11. Rosa 2

Rosa

Rosa 2 is a beautifully designed WordPress theme for restaurants. It comes with immersive parallax background effects and a modern homepage layout which looks great on all devices and screen sizes.

It also includes an easy to use restaurant menu management with online ordering and reservation system. It comes with multiple styles and color schemes that can be easily applied using theme customizer.

12. BBQ Restaurant by Astra Theme

BBQ Restaurant

BBQ Restaurant is another Astra theme template built specifically for restaurants, steakhouses, grill houses, and food recipe websites. It comes with beautiful homepage sections to display restaurant menu, user reviews, etc.

To install the BBQ Restaurant theme, you’ll need to download the Astra WordPress theme and then use their Starter Sites plugin to import this layout.

With this theme, you can use the WordPress live customizer and page builders to make changes on your restaurant website easily.

13. Zelle Pro

Zelle Pro

Zelle Pro is a premium multi-purpose WordPress theme that can be used to create any website. It has a beautiful one-page layout with parallax scrolling and interactive homepage elements.

The theme is perfect for making a restaurant website with faster performance. It has unlimited color choices, custom backgrounds, and support for WooCommerce.

14. Delicio

Delicio

Delicio is a premium WordPress theme for restaurants. It comes with menu, location sections, and more. It is compatible with restaurant reservation plugin allowing you to accept online reservations on your website.

The theme features a sizeable fullscreen header, call to action buttons, customization panel, and drag and drop page builder with live preview.

15. Seasons

Seasons

Seasons is an elegantly designed WordPress theme for restaurants, bars, cafes, and other food-related websites. It has a widgetized restaurant menu page which is easy to set up and update without writing any code.

Apart from that, it comes with all the features you expect from a premium WordPress theme. Some of these features are a unique slider, secure theme options, quick setup, custom headers, and layout styling.

16. Mise En Place

Mise En Place

Mise En Place is a beautiful WordPress theme for restaurants. It comes with a menu management system, page builder, and WooCommerce support.

Among other features, it supports large header images, custom widgets, shortcodes, Google Fonts integration, and live theme customizer.

17. Igloo

Igloo

Igloo is a modern WordPress restaurant theme with large featured images, beautiful typography, and powerful features. It comes with a built-in restaurant menu management system, reservations, custom widgets, sliders, galleries, and testimonials.

It has an easy to use theme options panel, and it supports the most popular WordPress page builders for customization.

18. Downtown

Downtown

Downtown is a multi-purpose WordPress restaurant theme that can also be used for food blogging, restaurant reviews, bars, and cafes.

It comes with homepage sections for Google Maps, contact form, services, testimonials, staff profiles, and events calendar. The theme supports WooCommerce to create an online food delivery website.

19. Restaurantz

Restaurantz

Restaurantz is a free WordPress restaurant theme. It has a beautiful layout with a large slider and call to action button on the homepage. It utilizes theme customizer for all theme options.

It supports the powerful free page builder by SiteOrigin. You can use the free third-party plugins to add a restaurant menu page.

20. Bakes and Cakes

Bakes and Cakes

Bakes and Cakes is a beautifully designed WordPress theme. It is free and suitable for stylish restaurants and cafes. It comes with testimonial section, product section, about section, team section, and call to action buttons.

The theme is compatible with popular free restaurant menu plugins. It supports WooCommerce and WPML out of the box.

21. Petit

Petit

Petit is a bright-colored WordPress restaurant theme. It comes with beautiful layouts for recipe pages and custom shortcodes for a food-related website.

It has a featured content slider, custom widgets, multiple color choices, and more. The theme is perfect for creating multilingual websites.

22. Moonrise

Moonrise

Moonrise is a gorgeous WordPress restaurant theme. It features large header backgrounds, slideshows, shortcodes, and multiple customizable sections.

It comes with built-in support for the food menu, services, slideshow, contact widget, and contact blocks. Moonrise theme is easy to customize, and translation ready out of the box.

23. Umami

Umami

Umami is a stylish restaurant theme for WordPress. It features a unique fullscreen layout with a prominent call to action button. Each post and page can have its own unique background.

The theme also comes with an easy to use restaurant menu management system. You can add menu items with images that open in a lightbox beautifully.

24. Food and Drinks by Astra Theme

Food and Drinks

Food and Drinks is a minimal WordPress blog theme by Astra. It is perfect for restaurants, food critiques, food bloggers, foodies, and food photographers. The theme also offers a magazine-style layout with a custom header section.

To install the Food and Drinks theme, you will need to download Astra WordPress Theme and then use their Starter Site templates.

Other notable features include social media integration, blog archives, featured post section, and long footer.

We hope this article helped you find the best WordPress restaurant themes. You may also want to see our guide on how to run a giveaway / contest in WordPress to offer deals on your restaurant 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 24 Best WordPress Restaurant Themes (2019) appeared first on WPBeginner.



Source link

How to Create a Photo Contest in WordPress (Step by Step)


Do you want to run a photo contest in WordPress? Photo contests are a great way to build user engagement and quickly get lots of new visitors to your website.

Photo contests require users to submit a photo to join the contest or giveaway. Active user participation makes them highly engaging and quite fun.

You can run photo contests on almost any kind of website including business websites, online stores, WordPress blog, etc.

In this article, we’ll show you step by step instructions to easily create a photo contest in WordPress.

Easily create a photo contest in WordPress

Step 1. Install and Activate RafflePress

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

You’ll need at least their Pro plan to access the image submit feature.

RafflePress is the best WordPress giveaway / contest plugin on the market. It allows you to easily run viral contests on your website, so you can increase your traffic, email subscribers, and social media followers.

It comes with built-in social actions and integrates with all top email marketing platforms.

Note: RafflePress plugin was built our team, so we can use it on WPBeginner. Due to popular request, we have released it as a plugin for everyone.

Once you have activated RafflePress, the plugin will add a new menu item labeled RafflePress to your WordPress admin sidebar. Clicking on it will take you to the plugin’s settings.

First, you’ll need to enter your plugin license key. You can find this information under your account on the RafflePress website.

Add RafflePress license key

Simply enter the license key and click the ‘Verify license’ button. RafflePress will verify and store your licensing information.

After that, you can move on to create your photo contest.

Step 2. Create Your First Contest

After setting up the plugin, you need to visit RafflePress » Add New page to create your first contest.

RafflePress will launch its contest builder interface. First, you need to enter a title for this campaign and then select a template.

Add a title and select template for your campaign

The templates are pre-made campaigns based on your business goals. You can start with a template and customize it to match your needs. You can also choose the classic template to start with a basic campaign.

We’ll go ahead and select the Classic Template.

On the next screen, click on the prize title to enter your prize details and image.

Enter prize details

After that, you need to select the contest duration under the Start and End time. You can select the date, time, and timezone for your contest duration.

Campaign duration

So far so good.

Now, let’s add some actions. These are the things you want users to do in order to join your contest giveaway.

Switch to the ‘Actions’ tab and you will see a list of actions that you can add to your contest.

For a photo contest giveaway, you would want to add ‘Submit an image’ action.

Submit an image action

Simply click to add the action to your contest. RafflePress will now show you action settings in the left column.

Image action settings

You can provide a title for the action and select the number of entries users will be rewarded for completing it.

You can also make an entry mandatory and even allow users to submit daily entries. Below that, you can provide additional instructions on how users can participate.

Now let’s add some more actions to your contest. This will enable you to stay in touch with those users and build a following.

RafflePress allows you to add social media actions like visit Facebook page, send a tweet, follow on Instagram, and more.

You can also connect your email marketing service to grow your email list.

Step 3. Design Your Photo Contest

RafflePress gives you easy to use design tools to customize the appearance of your photo contest widget.

Simply switch to the Design tab, and you will see options to choose a layout, button color, and fonts for your campaign.

Design your photo contest

If you plan to run the photo contest as a standalone landing page vs embedding it in a blog post, page, or a sidebar widget, then you can also choose the page background color.

RafflePress allows you to add your giveaway to any WordPress post or page. You can also create a custom landing page for your photo contest by using any of the top WordPress page builders and adding your giveaway contest widget there. (more on this later).

Step 4. Configure Contest Settings

After tweaking the design options, switch to the ‘Settings’ tab under the builder to review other settings.

They are all very self-explanatory, but we’ll go through them one by one.

General settings

First, you’ll review the general settings. If you wanted to create a standalone photo contest page, then you can do that here. Provide a name for your campaign page under the Page Permalink option without any spaces.

You can also show and hide the number of entries, contest winners, and the powered by link.

Next, switch to the ‘Giveaway Rules’ tab. This is where you’ll list the rules for joining the giveaway. You can start by clicking on the ‘Generate Rules’ button to automatically generate rules using a sample template.

Generate contest rules

After that, switch to the email verification. From here you can tun email verification on and off. Turning this on would make it compulsory for users to confirm their email address.

Email verification

If you want to add Google Analytics or other tracking codes like Facebook pixel, then switch to the ‘Success Tracking’ tab. Here you can add those codes and track users for on-site and off-site retargeting.

Success tracking

Next comes the Success Redirect tab. This is where you can tell RafflePress to redirect users to a specific page after they have joined the contest.

Success redirect

Finally, you can turn the social login feature On/Off from the social logins tab.

That’s all you have completed the photo contest setup. Don’t forget to click on the Save button to store your campaign.

Step 5. Add Photo Contest Widget to Your Website

RafflePress offers multiple ways to add your contest campaign anywhere on your website.

You can simply edit a post or page or create a new one, and then add the RafflePress block to the Gutenberg editor.

Add RafflePress block

After that, you need to select the giveaway contest you created earlier. RafflePress block will now load a preview of your giveaway widget inside the WordPress content editor.

Giveaway contest widget

You can also add your giveaway by using the shortcode. This comes in handy when you want to display the contest in a sidebar widget, add it to your page builder layout, or use it in the Classic Editor.

Simply edit your giveaway and switch to the ‘Publish’ tab in the builder interface. From here, click on the shortcode option and RafflePress will show the shortcode you can use.

Copy shortcode

Copy the shortcode and edit the post or page where you want to display the giveaway. Simply paste the shortcode inside the post editor and you are done.

If you want to display it in a sidebar widget, then go to Appearance » Widgets page and add a Text widget to your sidebar.

Add shortcode widget

After that, simply paste the shortcode inside the widget settings and click the save button.

You can now visit your website to see the photo contest widget in the sidebar.

Photo contest widget in sidebar

Step 6. Publicize Your Photo Contest Giveaway

For a successful photo contest, you’ll need to plan ahead. Start promoting the event beforehand through social media, a blog post, and your email newsletter.

You can also add a countdown timer banner to create FOMO effect and build anticipation.

We recommend adding the contest widget to your sidebar because it allows users to see it before the contest begins.

Step 7. Announcing The Photo Contest Winners

Once you have added the photo contest giveaway to your website, it would automatically go live at the date and time you choose.

After that, you can go to RafflePress » Giveaways and click on the Image Entries link below your photo contest campaign.

Image entries

You’ll now see all the images submitted to the contest. You can pick the winners or let RafflePress choose a winner randomly.

Again go back to the RafflePress » Giveaways page and click on the Need Winners link next to your giveaway.

Random winners

RafflePress will now randomly select a winner for your giveaway.

Winner selected

You can now notify the winner via email and let them know how to claim their prize.

We hope this article helped you learn how to easily create a photo contest in WordPress. You may also want to see our other practical tips to quickly get more traffic to your WordPress blog.

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

What’s New in WordPress 5.3 (Features and Screenshots)


WordPress 5.3 was released just a few hours ago. It will be the last major WordPress release of 2019.

This release is packed with some new features and lots of improvements including a brand new default theme.

In this article, we will show you what’s new in WordPress 5.3 and which features you should try after updating your websites.

What's new in WordPress 5.3

WordPress 5.3 is a major release, and unless you are on a managed WordPress hosting service, you’ll have to manually initiate the update.

Important: Don’t forget to create a complete WordPress backup before starting the update.

A Design and User Interface Upgrade

WordPress 5.3 comes with several changes in the overall appearance of the WordPress user interface. These changes are not highly noticeable, but they bring coherency to the overall appearance of the admin area.

Form fields in WordPress 5.3 UI

The new user interface adds borders around form fields to make them more noticeable. It also improves the accessibility of the WordPress admin area to make it a good experience for all users.

Twenty Twenty The New Default WordPress Theme

WordPress traditionally releases a new default theme each year which is usually named after the year. WordPress 5.3 now ships with Twenty Twenty as the new default WordPress theme.

Twenty Twenty the new default theme in WordPress 5.3

This new theme is designed to take full advantage of the WordPress block editor. It allows you to easily create beautiful content layouts for your articles and pages.

Twenty Twenty uses the Inter typeface (font), which looks great for headlines. It also looks great on smaller screens and provides a better reading experience across devices.

It is a single column WordPress theme which means there is no sidebar for your blog posts or pages. It does have a widget ready area at the bottom.

You can also use the cover or the fullwidth template with your posts and pages. The full-width template works really well not just with block editor but also with other page builder plugins.

Overall, this is a beautiful theme suitable for both business websites as well as personal blogs.

New Features in The WordPress Block Editor

In 2018, WordPress released a new editor interface code-named ‘Gutenberg’. This new WordPress content editor, completely changed the writing interface in WordPress.

Subsequent WordPress releases has continued to improve upon it, and WordPress 5.3 will come with tons of enhancements to the block editor.

Here are a few block editor changes in WordPress 5.3 that you’d find useful.

The Group Block

The group block allows you to group blocks together. This handy block helps you organize your layout by dividing it into different groups.

Adding group block in WordPress 5.3

You can set the group width to be wide or full-width, and choose a background color for the group container.

You can add new blocks into a blank group or select multiple blocks, and add them to the group. This allows you to interact with these blocks together. For example, you can put different blocks into one group, and then save it as a reusable block.

The Columns Block

Columns provide another way to create interesting layouts in the WordPress editor. WordPress 5.3 comes with some major changes to the columns block.

First, you can set a layout for columns and adjust their width.

Adjusting columns width

Secondly, you can set an individual column to be wider, and the rest of the columns will automatically adjust.

The placeholder to add blocks inside a column is now clearly visible making it easier to use.

You can also set vertical alignment for columns. This means you no longer need to add spaces for proper alignment of content in each column.

Vertical alignment

Improved Button Block

WordPress 5.3 makes it easier to add button in posts or pages with an improved button block which will allow you to select border-radius yourself.

New button block

You can also open button links in a new window and make it nofollow if needed.

Block Previews

The block editor in WordPress 5.3 shows a block preview. However, the preview is only available when you are using the Add new block icon on the top.

Block preview in WordPress 5.3

Heading Colors

WordPress 5.3, now lets you choose a color for sub-headings inside your articles.

Change heading colors

Reorder Gallery Images

The new and improved gallery block in WordPress 5.3 allows you to reorder images inside the gallery.

Reorder gallery images

Image Block Styles

Image block now lets you choose a style for your images. Currently, it ships with two styles: Default and Circle mask.

Image block settings in WordPress 5.3

Improved Table Block

Table block in WordPress 5.3 has some much-needed improvements. You can now select styles and add stripes to table rows. You can also add header and footer rows.

Table block

Improved Latest Posts

Previously, the latest posts block only added a list of links to recent posts. WordPress 5.3 allows to add the latest posts with excerpts and display them in a grid layout.

Latest Posts in WordPress 5.3

It does not show featured images for the latest posts. For an alternative method, see our guide on how to show recent posts with thumbnails.

The Block Editor is Now Even Faster

The WordPress editor relies heavily on PHP and JavaScript. While PHP only runs on your WordPress hosting server, JavaScript runs on your user’s browser.

A big task for the WordPress core team is to keep the editor interface smooth and responsive no matter how many blocks and content you add.

In WordPress 5.3, the block editor team has shaved off 1.5 seconds of loading time while testing with 1000 blocks and 36,000 words long post.

Improved Image Uploads in WordPress 5.3

Previously when you uploaded large images from your phone or camera, there was always a chance that your server would time out before the upload could finish.

WordPress 5.3 has addressed this issue. It will now automatically save the image creation process and allow you to resume uploads without breaking anything.

WordPress also fixed the image rotation issue using the EXIF metadata which is something added by your camera or phone to the original image.

You can now use very large image sizes in WordPress posts and pages.

Improved Site Health Reports in WordPress 5.3

WordPress introduced a site health score feature with WordPress 5.1. This helped website owners improve WordPress speed and performance and address common WordPress security issues.

It showed a site health score in percentages, which was a bit arbitrary and confusing to beginners. WordPress 5.3 has replaced it with a status message like ‘Should be improved’ and ‘Good’.

Site Health score in WordPress 5.3

Show Password Button on Login Screen

WordPress 5.3 adds a show password button on the WordPress login screen. This is a really handy tool and makes it easier to type complex passwords, or see that you have entered a password correctly.

WordPress Admin Email Address Verification

Previously, WordPress allowed you to simply change the admin email address from Settings » General page.

This address is very important as WordPress sends password reset and other notification emails to the address.

WordPress 5.3, now makes it mandatory to verify the new email address to ensure that you don’t miss those future emails.

Verify site admin email address

Note: Please make sure that you’re using a WordPress SMTP plugin, so your WordPress site emails actually make it to your inbox. See our guide on how to fix WordPress not sending email issue.

Under The Hood Changes

WordPress 5.3 brings ton of features and improvements targeted towards developers. The following are some of the most significant under the hood changes.

WordPress 5.3 offers a better way to discourage search engines from indexing a website when you check the option ‘Discourage search engines from indexing this website’ option. (#43590)

Improved compatability with PHP 7.4. (#47441, #47704, #47746, #47783)

Better handling of date and timezone functionality, which will allow developers to use them more efficiently in their projects. (See details)

On a WordPress multisite network, developers can filter sites by status. (#37392, #37684)

Multisite will now store database version as meta (#41685)

We hope this guide helped you explore what’s new in WordPress 5.3. We are particularly excited about the block editor improvements in this release.

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 Create a Dropdown Menu in WordPress (Beginners Guide)


Do you want to make a dropdown menu and add it to your WordPress website?

A dropdown menu shows a list of links as you take your mouse over an item on the menu.

We use a dropdown menu on WPBeginner, go ahead and take your mouse over the navigation menu on top.

In this beginner’s guide, we will show you how to easily create a dropdown menu in WordPress with step by step instructions.

Creating a dropdown menu in WordPress

Why Use Dropdown Menus in WordPress?

WordPress comes with a built-in menu management system that allows you to easily add navigation menus to your WordPress site.

Navigation menus are links to the main pages of your website that usually appear on the top as a horizontal row right next to the website’s logo.

Typical navigation menu with a horizontal row of links

If you are starting a blog or creating a website with only a few pages, then you can add them in the single row.

However, if you run an online store or a large website, then you may want to add more links to the navigation menu.

Dropdown menus help you solve the limited space issue by showing menu links only when users bring their mouse over to a parent item. They also allow you to organize the menu structure by topics or hierarchy.

Dropdown menu example

Lastly, they look pretty nice too.

That being said, now let’s take a look at how you can easily create WordPress dropdown menus add them to your website.

Step 1. Choosing a Theme with Dropdown Menu Support

WordPress comes with a built-in menu management system but displaying those menus is entirely dependent on your WordPress theme.

Almost all WordPress themes support dropdown menus by default. However, some themes may not have proper menu support.

You need to make sure that you are using a WordPress theme that supports dropdown menus.

How do you know if the theme you are using supports the dropdown menu?

You can simply visit the theme’s website where you’ll find a link to the theme’s demo. From there you can see if the demo is showing a dropdown menu in the navigation menu.

If it is not, then you’ll need to find a WordPress theme that does.

See our guide on how to choose the perfect WordPress theme for your website.

Here are a few excellent themes that support the dropdown menu out of the box.

  • Astra – It is a multipurpose WordPress theme that comes with several starter sites and tons of features.
  • StudioPress themes – Built on top of genesis theme framework, these professional themes are highly optimized for performance.
  • OceanWP – A popular WordPress theme that is suitable for all kind of websites.
  • Ultra – Powered by Themify builder this drag and drop WordPress theme comes with beautiful templates and flexible theme options.
  • Divi – popular theme by Elegant Themes that uses the Divi page builder and comes with tons of drag & drop features including dropdown menus.

That being said, now let’s take a look at how to create a dropdown WordPress menu.

Step 1. Creating a Navigation Menu in WordPress

If you have already set up a navigation menu on your website, then you can skip to the next step.

Let’s create a simple menu first.

Go to Appearance » Menus page and click on the ‘Create a new menu’ link at the top.

Create a menu

Next, you need to provide a name for your navigation menu. This name will not be publicly visible on your website. The purpose of menu name is to help you identify the menu inside the WordPress admin area.

Menu name

Enter a name for your menu and then click on the ‘Create Menu’ button.

WordPress will now create a new empty menu for you.

Let’s add the top links to the navigation menu. These items will appear in the top row of your menu.

Simply select the pages you want to add from the left column and click on the ‘Add to menu’ button. You can also select blog posts, categories, or add custom links.

Add pages to menu

You will now see those pages appear in the right column under your new menu.

Step 2. Adding Sub-Items to a Menu

Sub-items are the items that will appear inside the dropdown menu. Depending on how you want to organize your menus, you can add them under any of the existing items.

For the sake of this tutorial, we will be adding categories under the blog link.

Simply select the items you want to add from the left column and then click on the ‘Add to menu’ button. Your items will now appear in the right column.

New menu items added to the menu

However, these links will appear as regular items. We need to make them a sub-item of a parent menu.

You can simply drag and drop a menu item and place it under the parent item. Move it slightly to the right, and it will become a sub-item.

Adding sub menu items to create a dropdown menu

Repeat the process for all links you want to show under the dropdown menu.

Once you are done, don’t forget to click on the ‘Save menu’ button to store your changes.

Step 3. Publish Your Dropdown Menu

If you are editing a menu that’s already live on your website, then it will start appearing on your website right away.

However, if it is a new menu item, then you now need to choose a theme location to display this menu.

WordPress themes can show menus at different locations. Each theme defines their own menu locations, and you can select which menu you want to display there.

You’ll find this option in the right column under ‘Menu settings’. Select an option next to the ‘Display location’ setting and click on the ‘Save menu’ button.

Choose theme location

You can now visit your website to see your dropdown menu in action.

Dropdown menu preview

Tips on Creating Interactive Dropdown Menus

Navigation menus are important because this is the first place your users will look if they want to see specific information.

Using them correctly will help your users find their way around your website. It will also help you get more pageviews, conversions, and sales on your website.

Here are a few tips on making your navigation menus more interactive with dropdown menus.

1. You can create multi-level dropdown menus

Making a link a sub-item of another link makes it appear in the dropdown menu. You can also add a sub-item below another sub-item to create multi-level dropdown menus.

Multi level menus

Your theme would automatically show them as a sub-menu inside the dropdown.

Multi-level dropdown menu

2. You can also create multiple dropdown menus

You can create a dropdown under any top link in your menu. You can even add multiple dropdown menus in your main navigation menu.

Multiple dropdown menus in the primary menu

3. Create menus with a live preview

If your menu gets too complicated, then you can switch to the visual preview. Go to Appearance » Customize to launch the live theme customizer.

From there, click on the ‘Menus’ tab and then select your navigation menu. You’ll now see a drag and drop menu editor in the left column with a live preview of your site in the right panel.

Customize WordPress menus with a live preview

4. Creating a large mega menu as dropdown in WordPress

The dropdown menus only show one dropdown at a time. What if you wanted to show the full structure of your website as a mega menu that only appears when users hover on the main menu?

Mega menu example

Mega menus do appear as a dropdown menu, but they can show a lot more links, sub-menus, and more. For detailed instructions, see our step by step tutorial on how to create a mega menu in WordPress.

We hope this article helped you learn how to easily create a dropdown menu in WordPress. You may also want to see our guide how to create a sticky floating navigation menu in WordPress and how to add image icons to navigation menus 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 Create a Dropdown Menu in WordPress (Beginners Guide) appeared first on WPBeginner.



Source link

How to Add a Facebook Giveaway in WordPress to Boost Engagement


Do you want to boost engagement on your website while increasing your Facebook followers?

If your answer is yes, then you need to run a Facebook contest. A giveaway can help direct users’ attention to your Facebook page and help you get more likes / followers on Facebook.

In this guide, we’ll show you how to properly add a Facebook giveaway in WordPress to boost engagement and get more likes / views.

Creating a Facebook giveaway on your WordPress website

Why Run a Facebook Giveaway in WordPress?

Facebook’s policies do not allow you to giveaway prizes for getting likes.

However, these policies do not restrict you from sending visitors to your Facebook page or group from your website.

Running a giveaway on your WordPress website enables you to point users to your Facebook page, which ultimately results in more followers and engagement on your Facebook page.

Giveaways also allow you to add other engagement metrics simultaneously such as asking users to join your email newsletter, viewing your Instagram profile, watching your YouTube video, and more.

Giveaways and contests can go viral due to the social sharing actions, which increase your reach and help you find new users.

That being said, let’s take a look at how to easily run a Facebook giveaway in WordPress to get more likes and engagements.

Running a Facebook Giveaway in WordPress

For this tutorial, we’ll be using RafflePress. It is the best WordPress giveaway plugin on the market.

RafflePress makes it easy to design your giveaway using a drag and drop builder. You can add prize photo, choose dates, select winners randomly, and use templates to quickly launch new giveaway campaigns.

It comes with social actions to direct your users to your social media channels including Facebook. You can make an action mandatory to join a giveaway. It also comes with social logins and integrates with all popular email marketing platforms.

RafflePress was co-founded by WPBeginner’s founder, Syed Balkhi, to help us boost engagement on our own site, and it works really well.

With that said, let’s start your first Facebook giveaway campaign.

Step 1. Creating Your First Facebook Giveaway Campaign

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

You can also use the RafflePress lite plugin for free, but for the sake of this tutorial, we will be showing the Pro version.

Upon activation, the plugin will add a new menu item labeled RafflePress to your WordPress admin sidebar.

Clicking on it will take you to the plugin’s settings, and you’ll be asked to enter your license key. You can find this information under your account on the RafflePress website.

RafflePress license key

After that, you need to visit RafflePress » Add New to launch the giveaway builder.

First, you need to provide a title for your giveaway and then choose a template. RafflePress comes with several pre-made templates for specific campaigns including one for growing your Facebook page.

Giveaway template

This will launch the giveaway builder with select actions users need to perform to join the contest. You can still add / remove actions to your giveaway (more on this later).

Facebook template

By default, the template will add login with the Facebook button, visit us on Facebook, and View a Facebook post or video actions.

Let’s start customizing this giveaway by adding our Prize details. Simply click on the edit icon next to the Prize title from the left column.

First, you need to provide a title for the prize. After that, you can provide a brief description and add a picture of the prize.

Note: Need help finding prize ideas? Here are 105 proven contest prize ideas for viral giveaways.

Just below the title, you’ll be able to select the start and end dates for the giveaway.

Campaign start and end date

Step 2. Adding More Actions to Your Facebook Giveaway

Now that you have done the basic set up for the giveaway, let’s add some more ways for users to join the giveaway.

You need to switch to the ‘Actions’ tab in the giveaway builder and start adding actions to your giveaway.

Adding actions to your Facebook giveaway

For example, you can ask users to join your email list, view your Instagram, Pinterest, or Twitter profile, send a Tweet, visit a page or a WooCommerce product on your store, and so on.

Simply click on an action and add it to your giveaway. The builder will then show you specific settings for that particular action.

Action settings

From here you need to provide a title for the action which users will see on the action button in your giveaway.

After that, you need to assign a value to the action. The value is the number of entries users will earn for performing an action. For example, if you are trying to get more likes on Facebook, then you would want to give more weight to your Facebook actions.

Below that, you have a choice to make an action mandatory. Users will not be able to participate in your Facebook contest if they don’t perform the mandatory action.

Finally, you’ll have action-specific settings such as providing your Facebook page URL, Facebook group link, or connecting to your email service.

Step 3: Design your Facebook Giveaway to Stand out

RafflePress gives you easy to use design tools to customize the appearance of your giveaway campaigns.

Simply switch to the Design tab, and you will see options to choose a layout, button color, and fonts for your giveaway.

Design your Facebook giveaway campaign

If you plan to use the giveaway as a standalone landing page vs embedding it in a blog post, page, or a sidebar widget, then you can also choose the page background color.

RafflePress allows you to add your giveaway to any WordPress post or page. You can also create a custom landing page for your Facebook giveaway contest by using your favorite WordPress page builder and simply add your giveaway widget there (more on this later).

Step 4. Fine Tuning Your Giveaway Settings

Now that your giveaway looks great, let’s review its settings for the last time. Switch to the ‘Settings’ tab under the builder to see various options.

They are all very self-explanatory, but we’ll go through them one by one.

General settings

First, you need to click on the ‘General’ tab and review the options.

If you wanted to create a standalone Facebook giveaway contest page, then you can do that here. Provide a name for your campaign page under the Page Permalink option without any spaces.

You can also show and hide the number of entries, contest winners, and the powered by link.

Next, switch to the ‘Giveaway Rules’ tab. This is where you’ll list the rules for joining the giveaway. You can start by clicking on the ‘Generate Rules’ button to automatically generate rules using a sample template.

Generate contest rules

If you want participants to confirm their email address, then switch to the email verification tab. From here, turn on the email verification feature and configure the confirmation email options.

Enable email verification

RafflePress allows you to track users who have successfully completed giveaway actions. You can do so by adding tracking scripts under the ‘Success tracking’ tab. For example, you can add your Google Analytics script here or a Facebook retargeting pixel code here.

Success tracking

If you want to redirect users to a specific page, then switch to the Success redirect tab and enter the URL of the page where you want to send users.

Success redirect

Lastly, you can turn the social login feature On/Off from the social logins tab. Turning it off will disable the login with Facebook button on your giveaway campaign.

Your giveaway is now ready to be launched. Don’t forget to click on the ‘Save’ button at the top right corner to save all your settings.

Step 5. Add Your Facebook Giveaway to a WordPress Post or Page

RafflePress makes it very easy to display your giveaway anywhere on your WordPress website.

You can simply edit a post or page or create a new one and then add the RafflePress block to the block editor.

Add RafflePress block

After that, you need to select the giveaway you created earlier. RafflePress block will now load a preview of your giveaway right inside the editor.

Giveaway preview

You can also add your giveaway to a sidebar or any other place using the shortcode.

Simply edit your giveaway and switch to the ‘Publish’ tab in the builder interface. From here, click on the shortcode option and RafflePress will show the shortcode you can use.

Copy the shortcode

Copy the shortcode and edit the post or page where you want to display the giveaway. Simply paste the shortcode inside the post editor and you are done.

You can also add the shortcode to a sidebar widget. Go to Appearance » Widgets page and then add the ‘Text’ widget to your sidebar.

Adding the shortcode to a sidebar widget

You can now paste your shortcode inside the widget settings and click on the save button to store it. After that, you can preview your website to see it in action.

Giveaway widget in sidebar

Step 6. Promoting Your Facebook Giveaway

You’ll need to start promoting your giveaway to build anticipation before the contest begins. We recommend planning ahead to give yourself enough time to publicize the campaign.

Here are a few things you can do to build anticipation for a successful giveaway campaign.

  • Send an email to the subscribers of your email newsletter.
  • Announce the event on social channels: Facebook, Twitter, Instagram, and more.
  • Run a paid advertising campaign (not required but it does help).
  • Reach out to influencers, bloggers, forums, and communities to get the word out.

By putting in all the hard work before the event increases the chances of your campaign to get viral. It will also increase the return on investment in terms of Facebook likes, followers, and new subscribers you’ll get for your website.

Step 7. Announcing The Giveaway Winners

The best part about RafflePress is that it automates the whole process. Your giveaway will automatically end once it reaches the end time and date you have set.

After that, you can automatically choose the lucky winners through a random draw.

Simply go to RafflePress » Giveaways page and click on the ‘Need Winners’ link next to your giveaway.

Need winners

Next, you’ll see a list of users who participated in the contest. You need to click on the Pick winner button at the top and select the number of users who can win and whether you want to allow unverified emails to win.

Choose a random winner for your Facebook giveaway

Click on the ‘Choose winner now’ button to continue.

RafflePress will now randomly select a winner for your giveaway.

Email giveaway winner

You can now click on the Email Winner link to send the winner an email about how they can claim their prize.

We hope this article helped you learn how to easily add a Facebook giveaway in WordPress to boost engagement. You may also want to see these actionable tips that you can use to get more traffic to your 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 Add a Facebook Giveaway in WordPress to Boost Engagement appeared first on WPBeginner.



Source link

How to Setup WordPress Email Logs (and WooCommerce Email Logs)


Do you want to set up email logs on your WordPress or WooCommerce website?

Email logs allow you to monitor the emails sent by your WordPress site to the users. This helps you troubleshoot issues and check the status of email notifications sent by your WordPress website.

In this article, we will show you how to easily set up WordPress email logs and WooCommerce email logs.

After following this tutorial, you’ll be able to view the email logs directly from your WordPress admin area in an easy to understand format.

How to set up email logs in WordPress and WooCommerce

Why Set Up Email Logs in WordPress or WooCommerce?

Whether you are running a small business website using WordPress or a WooCommerce store, WordPress automatically sends certain email notifications to your users.

On a typical WordPress website, these emails include password reset emails, new user notification, password change notification, comments, and WordPress update notifications.

If you are also running an online store, then email becomes even more important. WooCommerce will send out customer receipts, order details, new order notifications, and user account emails on a regular basis.

As you can see, email notifications are crucial for your website to function properly and deliver the best user experience.

You need to make sure that those emails reach users’ inbox and don’t just disappear or end up in spam.

The best way to do this is by using a proper SMTP service provider to ensure email deliverability. For more details, see our guide on how to fix WordPress not sending email issue.

You would also want to see which emails are sent and to whom. This allows you to keep a record of email activity which comes in handy in several situations.

Following are just a few of those situations when email log comes in handy:

  • Ensure that email notifications are delivered promptly
  • Track your WordPress contact form plugin emails
  • You can see if emails sent by a plugin are working
  • Keep a track of user activity using the email logs
  • Track user activity if you run a membership website or sell online courses
  • Keep email log of your WooCommerce orders, reciepts, and customer notifications

That being said, let’s see how to easily setup email logs on your WordPress or WooCommerce website.

Setting up Email Logs in WordPress & WooCommerce

For this tutorial, we will be using the WP Mail SMTP plugin. It allows you to send WordPress emails using any SMTP service provider including Gmail, Outlook, SendGrid, Amazon SES, etc.

How WP Mail SMTP works

Step 1. Install and Setup WP Mail SMTP

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

Upon activation, you need to visit WP Mail SMTP » Settings page to configure the plugin settings.

First, you’ll need to enter your license key. You can find this information under your account on WP Mail SMTP website.

WP Mail SMTP license key

Simply, copy and paste your license key and then click on the Verify button.

After that, you need to scroll down to select how you would like to send your WordPress emails under the Mailer section.

WP Mail SMTP works with any SMTP service. It comes with easy configuration options for the most popular SMTP service providers like Gmail, Outlook, Sendinblue, Mailgun, Sendgrid, Amazon SES, or Other SMTP services.

Select mailer

Clicking on the mailer will show you instructions to set it up.

The default option is set to PHP mailer. We don’t recommend using that because it is not reliable. Since most WordPress hosting servers are not properly configured for emails, this option will mean that your WordPress emails may never reach users’ inbox or even spam folder.

We recommend using a provider like SendinBlue or Mailgun that’s optimized for best email deliverability.

If you choose Other SMTP as your mailer option, then you’ll need to provide SMTP settings which you can get from your SMTP service providers website.

  • SMTP Host: You smtp host address which usually looks like this smtp.yoursmtpserver.com
  • Encryption: Usually it is either SSL or TLS
  • SMTP Port: Usually it is 465
  • Authentication: Turn on authentication
  • Username: Username provided by your SMTP service usually it is your email address.
  • Password: Password for your SMTP service

Other SMTP service provider

After you have entered your mailer credentials, don’t forget to click on the ‘Save Settings’ button to store your settings.

Bonus: It’s important to use a professional business email address to ensure your emails look trustworthy.

Step 2. Enable Email Log Feature

Now that you have set up mailer settings in the WP Mail SMTP plugin. It is time to turn on the email logging feature.

From the plugin’s settings page, switch to the ‘Email Log’ tab and check the box next to ‘Enable log’ option.

Turn on email logs

The email log option will save general and troubleshooting information about each email message. Including the date and time, subject, email status, email addresses of the sender and recipient, BCC and CC, attachment, etc.

The plugin also allows you to enable complete WordPress email logs. We don’t recommend enabling complete email logs because it would save all contents of the email including private or sensitive information in your WordPress database as plain text.

Don’t forget to click on the ‘Save settings’ button to save your changes.

Step 3. Testing WP Mail SMTP Setup

Now that you have set up the WP Mail SMTP plugin, let’s test it to make sure that everything is working as expected.

WP Mail SMTP makes this step easy. Go to the plugins settings page WP Mail SMTP » Settings page and switch to the ‘Email Test’ tab.

Test WordPress SMTP email settings

From here, simply enter your email address and click on the ‘Send Email’ button.

The plugin will now send a test email to the address you provided. It will then show you the status of the email delivery on screen.

Email sent successfully

Step 4. Viewing Your Email Logs in WordPress

You can view your WordPress email logs at any time without leaving the WordPress admin area.

Simply go to WP Mail SMTP » Email Log page. You’ll see the log with a list of entries since you enabled the email log.

Email log entries

To view entry details, take your mouse over it and then click on the ‘View’ link below it. This will open the email log entry with a detailed view.

Email log entry

You can also use the search feature to look for entries by email address, subject & headers, or by content (if you enabled content logging).

You can also delete older entries from your email log. You can use the ‘Delete’ link below any entry to delete a single entry.

You can also select multiple entries and click on the Bulk Actions drop-down menu to select ‘Delete’ and then click on the Apply button.

Delete email log entries in WordPress

We hope this article helped you learn how to set up WordPress email logs and WooCommerce email logs. You may also want to see our guide on how to monitor user activity in WordPress with security audit logs.

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 Setup WordPress Email Logs (and WooCommerce Email Logs) appeared first on WPBeginner.



Source link

9 Best WordPress Migration Plugins (Compared)


Are you looking for the best WordPress migration plugin to move your website?

While it is super-easy to start a new WordPress site, moving an existing website to a new hosting company is not as simple.

You need to move the database, files, plugins, and theme. At the same, you also want to reduce downtime, so your users don’t see a broken website.

Most importantly, you want to preserve your website’s SEO rankings.

To make sure that all these things go smoothly, you’ll need a WordPress migration plugin to easily manage the transfer.

In this article, we will compare the best WordPress migration plugins that allow you to migrate your websites without hiccups.

Best WordPress migration plugins

1. Duplicator Pro

Duplicator PRO

Duplicator Pro is the best WordPress migration plugin on the market. It works like a charm for many different types of migration scenarios without any technical knowledge.

It has a simple step by step wizard that guides you through the migration. First, you create a migration package of your website and download it to your computer along with an installer script.

Next, you upload the installer script and the package to the new location (new server or host) and run the migration wizard. Duplicator unpacks the content of your package and installs them.

In the end, it also allows you to update URLs to make sure that every done runs smoothly after the unpacking.

Pros:

  • Migrate WordPress site to a new host, domain name, local server, or live site.
  • Easy step by step migration wizard to move your website.
  • Can be used to schedule backups and save them on remote storage such as Google Diver, Dropbox, etc.
  • Connects with cPanel hosting dashboard to automatically create database and users.
  • Supports WordPress multisite migration.

Cons:

  • Beginners may need help connecting to the FTP server.
  • The upload process can be a bit tedious if you have unreliable internet or a very large website.

Pricing: Paid plans start from $59 / year for 3 websites. It also has a limited free version that would work for most small websites.

2. UpdraftPlus Premium

UpdraftPlus best WordPress backup plugin

UpdraftPlus is one of the best WordPress backup plugins. Its premium version comes with a migration tool that allows you to easily migrate your website.

Pros:

  • Easy to use process. If you already use it as your backup plugin then you can create a complete backup and import it on any location
  • Schedule and store your WordPress backups to remote locations.
  • Works with WordPress multisite networks
  • Incremental backups allow you to save server resources

Cons:

Pricing: You can purchase the Migrator Addon for $30 and use it with the free version of UpdraftPlus. Alternatively, you can buy UpdraftPlus Premium for $70.

3. JetPack

JetPack

JetPack is a massive WordPress plugin suite that also comes with a powerful backup feature. This feature was previously called VaultPress and was sold as a separate product.

Now it is included as JetPack Backups. It allows you to easily restore your WordPress backups and migrate your website to new servers.

Pros:

  • The easiest way to make WordPress backups and easily restore them on a new location
  • Incremental backups save server resources
  • Easy 1-click site restoration feature makes migrations a breeze
  • All your data is stored on the cloud and you don’t need to manually reupload backups during migration
  • Includes site security features which makes your backups secure

Cons:

  • You will need a JetPack subscription which comes with many other features that you may not even need or use.
  • Set up process is a bit complicated for beginners. You will need two separate plugins, JetPack subscription, and a WordPress.com account.

Pricing: Starting from $39 / year.

4. All-in-One WP Migration

All-in-One WP Migration

All-in-One WP Migration is a popular WordPress migration plugin with a comprehensive set of features. Unlike some other plugins on the list, it is not a backup plugin and specializes in website migrations.

Pros:

  • Tested and supports a large number of WordPress hosting providers, operating systems, PHP versions, and more.
  • Supports older versions upto WordPress 3.3
  • It bypasses your host’s file size limits by importing chunks of data.

Cons:

  • The free version limits import size to 512 MB
  • You’ll need to manually install WordPress on new location
  • For multisite exports you’ll need a separate paid extension

Pricing: The basic plugin is free, but you’ll need the Unlimited extension to remove import size restriction. The Unlimited extension is available at $69 for a lifetime license.

5. Migrate Guru

Migrate Guru

Migrate Guru is a WordPress migration plugin by the folks behind Blog Vault, a popular WordPress backup solution. It specializes in migrating websites to a new host or server.

Pros:

  • Supports almost all popular WordPress hosting providers
  • Easy migration wizard where you just need to enter your desitination host’s FTP or cPannel credentials and the plugin takes care of everything else
  • Migrates your WordPress database updated URLs and handles serialized data
  • Can be used to migrate large websites without affecting server performance

Cons:

  • Does not support localhost to live website or live to localhost transfers
  • Does not fully support multisite migrations

Pricing: Free

6. BackupBuddy

BackupBuddy

BackupBuddy is one of the most popular WordPress migration and backup plugin. It has been around since 2010 and has a loyal customer base.

Pros:

  • Comes with automated scheduled backups, restore, and migration features in one convenient package
  • Set up your backup schedules, choose what to backup, and store them to remote locations such as Google Drive, Dropbox, Amazon S3, and more.
  • Easily transfer your website using a complete WordPress backup
  • Can be used to deploy a WordPress staging site to live server with 1-click

Cons:

  • Does not support WordPress multisite
  • Restore and migration features are not as easy to use for beginners as some other plugins on this list

Pricing: Starting from $80 for a single site license.

7. Migrate DB Pro

Migrate DB Pro

Migrate DB Pro is a powerful WordPress migration plugin made specifically for moving WordPress database from one install to another. However, it can also easily transfer media files, themes, and plugins with separate addons.

Pros:

  • Perfect when you quickly want to copy WordPress database from one site to another
  • Powerful features make it an excellent option for developers
  • Backup your existing database before replacing it with a new one
  • Find and replace any text in your database
  • Great for large websites and complex hosting server environments

Cons:

  • For complete migrations, you’ll need two addons which are only available under expensive developer license.
  • May not be as easy to use for beginners as some other plugins on the list

Price: Starting from $99 for a single site. You’ll need developer license to access media and files addons which will cost you $199.

Bonus Plugins

These WordPress migration plugins work in specific situations and are the best options for beginners.

8. SiteGround Migrator

SiteGround Migrator

If you are moving your WordPress site to SiteGround, then this plugin is for you. It is made by SiteGround to help users move their websites to SiteGround hosting servers.

SiteGround is one of the best WordPress hosting companies. They are also an officially recommended WordPress hosting provider.

Note: If you don’t want to use the plugin, then you can simply ask SiteGround support. They offer 1 free website migration with their GrowBig and GoGeek plans.

Pros:

  • It works well because it is made for a specific scenario transferring from any hosting company to SiteGround.
  • Super-easy to use you just need to enter a token from your hosting control panel and the plugin takes care of the rest.
  • If you are not changing the domain name, then it automatically creates a temporary domain for the transferred site. Later you can change the DNS to point your domain name.

Cons:

  • Can not be used to transfer from localhost to live site
  • Does not support WordPress multisite

Pricing: Free

9. Free WordPress Blog Setup

Free blog setup and migration

The plugins mentioned above do not work on WordPress.com websites. See the difference between WordPress.com vs WordPress.org.

For most beginners, moving from WordPress.com to WordPress.org is not as simple as you’d like it to be. This is where our free blog setup comes in.

Basically, you’ll need to purchase a hosting plan from one of our recommended WordPress hosting providers and we will transfer or set up your WordPress blog.

For more details, see our free blog set up page.

Note: At WPBeginner we believe in transparency. When you sign up for one of our recommended hosting providers, we earn a small commission at no extra cost to you.

We would get this commission for recommending just about any hosting company, but we only recommend products that we use personally use and believe will add value to our readers.

Pros

  • Allows you to transfer WordPress.com to self-hosted WordPress.org website.
  • WPBeginner’s expert team migrates your content and media
  • You also get must-have WordPress plugins installed on your site to give you a solid start.

Cons:

  • Only migrates WordPress.com blogs
  • Due to WordPress.com limitations, it can only migrate your content, comments, images and media.

Pricing: Free

Conclusion: Which is The Best WordPress Migration Plugin?

We believe that Duplicator Pro is the best WordPress migration plugin on the market. Even the free version works like a charm for small WordPress blogs and websites.

We also recommend Duplicator in our WordPress migration guides. See our step by step guides for complete instructions.

WP Migrate DB Pro is a great alternative for migrating large websites specially when you have complex hosting setup with various environment. We use this plugin on our websites, but the reason why it’s not our top choice is because it is not as beginner friendly.

This guide only covers migration plugin that helps you migrate a WordPress site to another server or domain. If you’re looking to switch to WordPress from another platform, then please follow our guides below:

We hope this article helped you find the best WordPress migration plugin for your website. You may also want to see our guide on the best WordPress plugins and the best email marketing services for small businesses.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Source link

How to Properly Install and Setup WP Rocket in WordPress


Do you want to properly install and setup WP Rocket plugin in WordPress?

WP Rocket is the best WordPress caching plugin in the market because it offers the most comprehensive set of tools to help speed up your website.

However, many beginners are not familiar with the techy lingo and may find it difficult to decide which plugin options they should turn on.

In this tutorial, we will show you how to easily install and setup WP Rocket plugin in WordPress. We will walk you through complete WP Rocket plugin settings, so you can get maximum performance benefits.

How to easily install and setup WP Rocket plugin in WordPress

Why Use WP Rocket?

No one likes slow websites. In fact, a performance study found that a single second delay in page load time costs 7% less conversions, 11% fewer page views, and 16% decrease in customer satisfaction.

Strangeloop Study

And it’s not just users, search engines like Google also don’t like slow websites. They give a priority to faster websites in search rankings.

This is where WP Rocket comes in.

It is the best WordPress caching plugin on the market and allows you to quickly improve your WordPress website’s speed and performance.

Here is how it works.

WordPress is a dynamic content management system. Every time a user visits your website, WordPress fetches the content from your database, generate a page on the fly, and send it back to the user.

WordPress caching

This process takes up WordPress hosting server resources. If a lot of people visit your website at once, then this would slow down your website.

WP Rocket makes WordPress bypass all this.

It crawls and saves a static copy of your pages in the cache and allows WordPress to show the cached page to the user instead of generating a page on the fly.

This frees up server resources on your website and improves overall page load time throughout your website.

We use WP Rocket on many of our own websites including WPForms, OptinMonster, etc.

That being said, let’s take a look at how to easily install and set up WP Rocket on your WordPress website.

Step 1. Installing WP Rocket Plugin in WordPress

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

WP Rocket is a premium plugin, but the best part is that all features are included in their lowest plan.

Once installed and activated, the WP Rocket plugin works out of the box, and it will turn on caching with optimal settings for your website.

We ran speed tests on our demo site before and after installing WP Rocket. The performance improvement was incredible with just out of the box settings.

Speed test results before and after installing WP Rocket

The performance improvement is instantly noticeable because WP Rocket doesn’t wait for user requests to start caching pages. It proactively crawls your website and preloads pages in the cache.

You can see caching status by visiting WP Rocket dashboard located under Settings » WP Rocket page.

WP Rocket dashboard

Now that you have installed WP Rocket, let’s take a look at other WP Rocket options and how to set them up to further improve your website speed.

Step 2. Set up Caching Options in WP Rocket

Fist, you need to visit Settings » WP Rocket page and click on the ‘Cache’ tab.

Setting up cache in WP Rocket

WP Rocket has already enabled page caching by default, but you can tweak the settings to further improve your website speed.

1. Mobile Caching

You’ll notice that mobile caching is turned on by default here. However, we recommend you to check the ‘Separate cache files for mobile devices’ option as well.

This option allows WP Rocket to create separate cache files for mobile users. Checking this option ensures that mobile users get the full cached mobile experience.

2. User Cache

If you run a website where users need to login to your website to access certain features, then you need to check this option.

For example, if you run a WooCommerce store or a membership website, then this option will improve user experience for all logged in users.

3. Cache Lifespan

Cache lifespan is the time you want to store the cached files on your website. The default limit is set to 10 hours which would work for most websites.

However, you can set it to a lower value if you run a very busy site. You can also set it to a higher value if you don’t update your website frequently.

After the lifespan time has passed, WP Rocket will delete the cached files. It will also immediately start preloading the cache with updated content.

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

Step 3. Minifying Files using WP Rocket

WP Rocket enables you to minify static files such as JavaScript and CSS stylesheets. You can simply switch to the File Optimization tab and check the boxes for the file types that you want to be minified.

Minifying files in WP Rocket

Minifying static content makes those file sizes smaller. In most cases, this difference is too small to make any noticeable impact on your website’s performance.

However if you run a large traffic site, then this can definitely have a big impact in reducing your overall bandwidth usage and saving on hosting costs.

The one caveat is that minifying files can also have unexpected consequences like files not loading or not working as intended.

If you turn this setting on, then please make sure to thoroughly review your website pages to make sure everything is working as intended.

Step 4. Lazy Load Media to Improve Page Load Speed

Images are often the second heaviest item on a page after video. Images take more time to load than text and increase the overall page download size.

Most popular websites now use a technique called lazy loading to delay image downloads.

Instead of loading all your images at once, lazy loading downloads only the images that will be visible on the user’s screen. This not only makes your pages load fast, but it also feels faster to the user.

WP Rocket comes with a built-in lazy loading feature. You can enable lady loading for images by simply switching to the Media tab on the plugin’s settings page. You can also enable lazy loading for embeds like YouTube videos and iframes.

Lazy load images and embeds in WordPress

Note: While lazy loading images will help improve perceived website speed, you should always save and optimize images for web to get maximum results. Here’s how to easily optimize images for web performance (step by step).

Step 5. Fine Tune Preloading in WP Rocket

Next, you can review the preloading settings in WP Rocket by switching to the ‘Preloading’ tab. By default, the plugin starts crawling your homepage and follow links to preload cache.

Preload cache settings

Alternately, you can tell the plugin to use your XML sitemap to build cache.

You can turn off the preloading feature as well, but we do not recommend that.

Turning off preloading will tell WordPress to only cache pages when they are requested by a user. This means the first user to load that specific page will always see a slow website.

Editors note: Please keep preloading on to get maximum performance results.

Step 6. Set up Advanced Caching Rules

WP Rocket gives you full control over caching. You can switch to the Advanced Rules tab on the settings page to exclude pages that you don’t want to be cached.

Advanced caching rules

You can also exclude cookies, user agents (browsers and device types), and automatically rebuild cache when you update specific pages or posts.

The default settings would work for most websites. If you are unsure about these options, then you need to leave them blank.

This settings area is for developers and power users who need custom settings because they likely have a complex website setup.

Also See: 19 types of websites you can build with WordPress.

Step 7. Performing Database Clean up using WP Rocket

WP Rocket also makes it easy to clean up the WordPress database. It has very little to no effect on your website performance, but you can still review these options if you want to.

You need to switch to the Database tab on the plugin settings page. From here you can delete post revisions, drafts, spam, and trash comments.

Database clean up

We don’t recommend deleting post revisions because they can be really useful in undoing changes to your WordPress posts and pages in the future. You also don’t need to delete spam and trashed comments as WordPress automatically clean them up after 30 days.

Step 8. Configure Your CDN to Work with WP Rocket

Next, you need to switch to the CDN tab. If you are using a CDN service for your WordPress site, then you can set it up to work with WP Rocket.

Set up CDN service

CDN or content delivery network enables you to serve static files from a network of servers spread across the globe.

This speeds up your website because it allows users browser to download files from the server closest to their location. It also reduces your hosting server load and makes your website more responsive.

For more information, see our guide on why you need a CDN service for your WordPress site.

We use MaxCDN by StackPath on our websites. It is one of the best CDN service for WordPress beginners.

Alternately, you can sign up for Sucuri, which is the best WordPress firewall and security plugin. Sucuri’s cloud-based firewall gives you a powerful CDN service to serve your static files.

If you are looking for a free alternative, then Cloudflare would work as well. However, Cloudflare’s free CDN offers limited protection against DDoS attacks, and the free plan is quite limited in terms of features.

WP Rocket has separate addons to easily set up Sucuri and Cloudflare on your website (more on this later).

Step 9. Reducing Heartbeat API Activity in WordPress with WP Rocket

Heartbeat API allows WordPress to send a periodic request to the hosting server in the background. This allows your website to perform scheduled tasks.

For example, when writing blog posts the editor uses heartbeat API to check connectivity and post changes.

Controling heartbeat API in WordPress using WP Rocket

You can click on the Heartbeat API tab to control this feature and reduce the heartbeat API frequency.

We don’t recommend deactivating the Heart Beat API because it offers some very useful features. However you can reduce its frequency to improve performance specially for larger sites.

Step 10. WP Rocket Addons

WP Rocket also comes with some ready to deploy features available as Addons. Let’s take a look at currently available addons on this list.

1. Google Analytics Addon

The Google Analytics add-on for WP Rocket allows you to host Google Analytics code on your own server. This does not have any significant performance improvement but some users want it to get a 100% page speed score.

This feature is compatible with popular Google Analytics plugins like MonsterInsights and ExactMetrics.

2. Facebook Pixel

If you are using the Facebook pixel for user tracking, then this addon will host the pixels locally on your server. Again, this will improve your pagespeed score but may not have any actual impact on website speed.

3. Varnish Addon

If your WordPress hosting company uses Varnish cache, then you need to enable this addon. This will ensure that the Varnish cache is cleared when WP Rocket clears its cache.

4. Cloudflare

If you are using Cloudflare CDN, then you need this addon to make it work alongside WP Rocket. Simply enable the addon and click on the ‘Modify options’ button.

Enabling Cloudflare addon

After that, you need to enter your account credentials to connect WP Rocket with your Cloudflare account.

Cloudflare settings

5. Sucuri

If you are using Sucuri, then you need to enable this addon and click on the ‘Modify options’ button. After that, enter your Sucuri account’s API key to connect your account.

Sucuri WP Rocket addon

Step 11. Managing Your WP Rocket Cache

WP Rocket also makes it easy for admins to manage and clear WordPress cache. Simply go to the plugins settings page, and you’ll find the options to clear WP Rocket cache on the Dashboard tab.

Clear WP Rocket Cache

You can also start a preloading sequence to rebuild the cache on demand.

The plugin also makes it easier to import and export plugin settings. You can switch to the tools to easily export and import plugin settings. This is helpful when moving WordPress from local server to a live website and/or when moving WordPress to a new domain.

Import export settings

Below that, you’ll find the option to Rollback plugin to an earlier version. This comes in handy if a WP Rocket update didn’t work as expected.

If you want to have the same rollback feature for all your plugins, then see our guide on how to rollback plugins to older version in WordPress.

WP Rocket FAQ – Frequently Asked Questions

As WP Rocket has grown in popularity, we have answered many questions related to the WP Rocket WordPress caching plugin. Here are some of the top WP Rocket questions:

1. Is WP Rocket free? Is there a free version of WP Rocket available?

No, WP Rocket is a premium WordPress caching plugin. There is no free version or free trial available. They do offer a 14 day money back guarantee.

You may find a nulled version of WP Rocket for free, but we strongly recommend against using those because sometimes hackers use nulled version as a bait to hack your website.

See 9 reasons why you should always avoid nulled version of WordPress themes and plugins.

2. Is WP Rocket worth the price?

Yes it is worth every penny. We are paying customers of WP Rocket and use it successfully on many of our websites including WPForms, OptinMonster, and others.

We also have plans to switch to WP Rocket on WPBeginner in the near future as well. We are closely working with their team to get one particular setting included for it to work on our complex multi-server enterprise hosting setup.

Curious to see what WPBeginner hosting setup looks like? Check out the detailed case study here.

3. Do I need to use WP Rocket with managed WordPress hosting platforms?

The short answer is yes. You can and should use WP Rocket in combination with built-in caching offered by your managed hosting company to unlock additional performance improvements.

A lot of managed WordPress hosting companies like WP Engine, SiteGround, Bluehost, etc have their own caching plugins built in.

WP Rocket plays nicely along those built-in caching options provided by your managed hosting provider while helping you get additional performance benefits with features like CDN, minifying files, lazy loading, smart cache preloading, and more.

4. How to check if WP Rocket is working and caching pages?

To check if WP Rocket is working properly, you need to log out of your site or open it in an incognito window.

Next, you need to open the browser’s source view of the page, and scroll to the bottom. At the very end, you should see a text like: “This website is like a rocket …”

If that text is there, then you know WP Rocket is working properly and caching pages.

5. What makes WP Rocket better than other caching plugins?

In our opinion, WP Rocket is better than other WordPress caching plugins like W3 Total Cache, WP Super Cache, etc because it offers the most comprehensive set of features, and it is regularly updated to keep up with modern browser standards.

This is the #1 reason why we have started switching all of our sites to use WP Rocket, and soon WPBeginner will be using WP Rocket as well.

We hope this guide helped you learn how to install and set up WP Rocket plugin in WordPress. You may also want to see our ultimate guide on how to speed up WordPress, and our list of the must have WordPress plugins.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Properly Install and Setup WP Rocket in WordPress appeared first on WPBeginner.



Source link