How to Download Your Entire WordPress Media Library (3 Ways)

Wp Plugins

Do you want to download all the images and media files from your WordPress website?

By downloading your media library, you can easily store a backup of your media files on your computer or, if you have created another WordPress site, then you can also transfer these images from one site to another.

In this article, we’ll show you how to easily download your entire WordPress media library, step by step.

How to download your entire WordPress media library

Why Would You Want to Download the Media Library?

The WordPress media library stores all the media files that you have uploaded to your site. If you want to create a backup of these media files, then you can easily do that by downloading a copy of the media library and storing it on your computer.

You can always use a fully automated WordPress backup solution to back up your entire WordPress site (including plugins, themes, posts, and the media library).

However, most backup plugins do not offer an easy way to just download and upload your media library.

You could also use your WordPress hosting account file manager or FTP to download the media library, but these methods are a bit complicated and confusing for beginners.

With that being said, we’ll show you some easy ways to easily download your entire media library in WordPress.

Method 1. Download Media Library Using The Export Media Library Plugin

For this method, we’ll be using a plugin to download the media files.

First, you need to install and activate the Export Media Library plugin. For more details, see our guide on how to install a WordPress plugin.

Upon activation, go to the Media » Export page from your admin area.

Once you’re on the ‘Export Media Library’ page, simply choose the ‘Single folder with all files’ option from the dropdown menu beside the ‘Folder Structure’ option.

Download the media library using the Export Media Library plugin

Now all your media will be downloaded into one folder. They will be downloaded as the original file types, such as JPG, PNG, or SVG.

If you want your media to be placed into separate folders based on the time of upload, then choose the ‘Nested Folder’ option from the dropdown menu.

After that, simply click the ‘Download Zip’ button, and your entire media library will be downloaded into a zip file on your computer.

Method 2. Download the Entire WordPress Backup Including Media Files

If you want to create a backup for your entire WordPress website including the media library, then this method is for you.

We’ll be using the Duplicator plugin which is the best WordPress backup plugin on the market and enables you to create a complete backup of your WordPress website.

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

Upon activation, you need to visit the Duplicator » Packages page from the admin sidebar and click on the ‘Create New’ button.

Create a new backup by clicking the Create New button

Next, you need to choose a name for your WordPress backup.

It can be anything that will help you identify the backup once it’s downloaded on your computer.

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

Choose a backup name

In the next step, your website will be scanned for potential errors.

Once the scan is complete, simply click on the ‘build’ button to create your package.

Note: If an error is highlighted by Duplicator during the scan, you would need to solve that error before rescanning and building your package.

Scan complete

Once the package is built, you need to click on the ‘Download Both Files’ button.

Now, your installer and archive files will be downloaded simultaneously.

Click the Download both files button

Your WordPress website backup including media files will now be downloaded and stored on your computer.

If you want to restore a WordPress backup, you may also want to see our guide on how to restore WordPress from a backup.

Method 3. Download Media Library Using WordPress Settings

In this method, we’ll show you how to download your entire media library from your WordPress backend and import it to another WordPress website.

Note: This method allows you to download the media library without using any plugins. However, we do not recommend this method because it exports your media as an XML file.

This method can come in handy if you want to import your WordPress media library to one of your other websites.

For that, head over to the Tools » Export page from the WordPress admin dashboard.

Now that you’re on the ‘Export’ page, simply check the box beside the ‘Media’ option.

If you don’t want to download your entire library, then you can also select a date range for a specific time frame. With this feature, only the images uploaded during your chosen time frame will be downloaded.

Finally, click on the ‘Download Export File’ button.

Choose media on the export page

Now, your WordPress media library will be saved on your computer as an XML file.

Next, you need to install and activate the WordPress Importer plugin. For more instructions, please see our guide on how to install a WordPress plugin.

This plugin will allow you to import your XML file to another WordPress website.

First, you need to visit the Tools » Import page from the admin sidebar.

Then you can simply click on the ‘Run Importer’ link below the ‘WordPress’ option.

Click on the run importer link

This will take you to the ‘Import WordPress’ page where you need to click on the ‘Choose File’ button.

Now, you can upload your media library XML file from the computer.

Import media

Once you’re done, don’t forget to click on the ‘Upload file and import’ button to upload the media library.

We hope this article helped you download your WordPress media library. You may also want to see our tutorial on how to speed up your WordPress website, and our comparison of the best Instagram plugins for 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 Download Your Entire WordPress Media Library (3 Ways) first appeared on WPBeginner.

How to Add an SEO Editor Role in WordPress

Wp Plugins

Do you want to add an SEO Editor role in WordPress?

If you have hired an SEO specialist to work on your website, then adding them as an SEO editor is the safest way to give them access to your WordPress website.

In this article, we’ll show you how to easily add an SEO editor role in WordPress.

How to Add an SEO Editor role in WordPress

Why Add an SEO Editor Role in WordPress?

WordPress comes with a user role management system that defines what a user can and cannot do on your website. You can assign different user roles to your team members depending on their job descriptions.

By adding an SEO Editor / Manager role to your WordPress website, you will be providing secure access to the SEO features and tools to some specific members of your team.

An SEO Editor role has access to the SEO settings for all your posts and pages. This allows them to optimize posts for SEO and work on search rankings.

An SEO Manager tends to have access to sitewide SEO settings including sitemaps, redirects, local SEO, and more.

By default, WordPress doesn’t offer either the SEO Editor or SEO manager user roles.

However, you can easily add these roles by using the All in One SEO for WordPress. It is the best WordPress SEO plugin on the market and allows you to easily optimize your WordPress website like a pro.

It also comes with powerful access control features which enable you to safely give your SEO team limited access to your website.

That being said, let’s take a look at how to easily add an SEO editor or manager user role in WordPress.

How to Add SEO Editor / Manager User Roles in WordPress

First, you need to install and activate the All in One SEO for WordPress plugin. For more instructions, please see our step-by-step guide on how to install a WordPress plugin.

Note: You’ll need the Pro version of the All in One SEO plugin to unlock SEO user role features.

Upon activation, the plugin will launch the setup wizard which will walk you through the setup. If you need help, then you can follow our guide on how to set up All In One SEO in WordPress.

Now you can simply add a new user to your WordPress website by visiting Users » Add New page or you can edit an existing user account by visiting the Users » All Users page.

Choose a user for the SEO Manager role

After that, simply click on the Edit link below the user account that you want to change.

On the Edit user screen, scroll down to the Role option and select SEO Editor or SEO Manager user role from the drop down menu.

Choose the SEO Manager from the dropdown menu

Don’t forget to click on the Add / Update User button to save your changes.

These users will now be able to access SEO features based on the user role assigned to them.

For instance, SEO Editor will be able to see and edit SEO Settings for a post or page by simply editing them.

SEO Editor preview

On the other hand, a user with the SEO Manager role will also be able to view the General SEO settings on the WordPress admin sidebar.

They will be able to make changes to site-wide SEO settings that may affect your entire website.

SEO manager dashboard

How to Customize SEO User Roles in WordPress

By default, All in One SEO selects the best access control settings for each SEO user role.

However, sometimes you may want to add or remove permissions from the SEO editor or Manager user roles.

All in One SEO lets you customize SEO user roles so that you can select which options they’ll have access to.

Simply head over to the All in One SEO » General Settings page and switch to the Access Control tab.

Click the Access Control tab on the General Settings page in AIOSEO

Caution: Be very careful when giving a user role access to any option under the General SEO Settings. These options may allow them to apply SEO changes that will affect your entire website.

From here, scroll down to the ‘SEO Editor’ option and toggle the switch next to the ‘Use Default Settings’ option.

This will reveal the Default Settings that All in One SEO has chosen for the SEO Editor role.

Default settings for SEO Editor user role

As you can see that by default the SEO editor user role only has access to Post SEO settings.

From here, you can check or uncheck items that you want to allow the SEO editor to have access to.

For instance, you can remove access to the Manage Redirects option or give them access to the Search Statistics feature.

SEO editor changed settings

Similarly, if you want to change settings for the SEO Manager user role, then you will need to switch off the ‘Use Default Settings’ toggle next to the SEO Manager option.

This will reveal the default settings that All in One SEO has chosen for the SEO manager user role.

SEO manager default settings

By default, the SEO manager user role has access to several options under the General SEO settings as well as all the options under the Post SEO settings.

You can change that by checking the items that you want them to have access to or unchecking to remove access from specific items.

Once you are finished, don’t forget to click on the Save Changes button to store your settings.

We hope this article helped you learn how to add an SEO Editor role in WordPress. You may also want to see our ultimate WordPress SEO guide for beginners and our top picks for the best WordPress plugins for small businesses.

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

The post How to Add an SEO Editor Role in WordPress first appeared on WPBeginner.

How to Add Product Questions And Answers in WooCommerce

Set Up Woocommerce

Are you looking to add a product question and answer section in WooCommerce?

Adding a Q&A section enables customers to ask questions about the product before buying it, and see the questions and answers of other customers. This helps recover abandoned cart sales and improve customer engagement in your store, and reduce support requests.

In this article, we’ll show you how to easily add product questions and answers in WooCommerce.

How to add product questions and answers in WooCommerce

Why Should You Add Product Q&A in WooCommerce

You may have noticed the product question-and-answer section on popular eCommerce websites like Amazon, Target, Best Buy, and more.

Target Q&A example

Adding a product questions and answers section allows customers to ask questions about a product right there on the product page.

You or your customers can then answer that question and it becomes visible to all other new customers who may have the same question in mind.

Over a period of time, your product page will have its own frequently asked questions section, which will help increase sales and reduce abandoned cart rates.

Adding a question and answers section to your online store also allows you to curate user-generated content which improves your WooCommerce product search rankings.

That being said, let’s see how you can easily add product questions and answers to WooCommerce.

1. Adding a Product Q&A Section Using a Premium Plugin

For this method, we will be using the YITH WooCommerce Questions and Answers plugin.

It is a premium plugin and comes with more features to easily add an engaging Q&A section with a better user experience.

First, you need to install and activate the YITH WooCommerce Questions and Answers plugin. For more instructions, please see our step-by-step guide on how to install a WordPress plugin.

Upon activation, go to the YITH » License Activation page and enter your license key. You can find this information under your account on the plugin website.

Activate your YITH plugin with the license key

Don’t forget to click on the Activate button after entering your license key.

Next, you need to go to the YITH » Questions and Answers page to configure plugin settings.

YITH Quiestions and Answers settings

From here you need to scroll down to the ‘Question Approval’ option and simply toggle the switch to ‘Yes’.

Once you do that, the questions on the product pages will have to be approved by an administrator before they are displayed on your WooCommerce store.

Toggle the switch next to the Question Approval field

Next, you need to scroll to the ‘Show on Product Tabs’ option.

Here, you need to toggle the switch to ‘Yes’ so that the plugin will automatically add a ‘Questions and Answers’ section to product pages.

Toggle the switch next to the Product on tab field

After that, don’t forget to click the ‘Save Options’ button to store your changes.

Now, you need to switch to the ‘Advanced Settings’ tab.

From here, simply toggle the ‘Vote Question’ switch to ‘Yes’ if you want to allow users to vote on product questions.

Go to the advanced settings tab

Next, you can choose if you want to get an email notification once a question is submitted on your website.

Simply select the ‘Notification in HTML Email’ option from the dropdown menu next to the ‘New question notification’ field.

Tip: To ensure email deliverability you need to use an SMTP server. See our guide on how to fix WooCommerce not sending emails issue.

Similarly, you can also choose the ‘Notification in HTML Email’ option in the ‘New answer notification’ field if you want to receive an email once a question is answered on your site.

Configure the New question notification field settings

Your user can also receive a notification once the question submitted by them is answered.

To enable this, you need to toggle the switch next to the ‘User Notification’ option to ‘Yes’.

Toggle the user notification

After that, you can review other settings. The default options would work for most websites but you can change them if needed.

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

You can now visit your website to see the Questions & Answers section appear on your product pages.

Questions form below product pages

From here, your customers can submit their questions.

Moderating Questions and Adding Answers

You will receive an email notification for new questions submitted by the users. You can also view them by visiting the Questions & Answers » All discussion page.

Moderate question and answers

You can sort entries here by ‘Content not approved’ or ‘Unanswered Questions’.

You can also take your mouse over a question and click ‘Approve’ to make it live.

To add an answer to a question, you can simply click on the ‘Edit’ link below that question. On the edit screen, scroll down to the ‘Your Answer’ section to answer the question.

Add your answer

Repeat the process if you have more unanswered questions.

This is how the product questions and answers section looked on our demo store.

Question and answers preview

2. Adding a Product Q&A Section Using a Free Plugin

If you want to use a free plugin to add a product Q&A section to your WooCommerce store, then this method is for you.

First, you need to do is install and activate the Product Questions & Answers for WooCommerce plugin. For more instructions, see our guide on how to install a WordPress plugin.

Upon activation, click the Product Q&A menu from the WordPress admin sidebar which will direct you to the ‘Product Q&A Settings’ page.

From here, simply check the ‘Load More’ option if you want to add a ‘load More’ button to your product Q&A section.

Adding this button will allow customers to load older questions and reduces the page load time if a product gets a ton of questions.

Simply check the Load more box

Next, you need to choose a page size.

This means that you need to select a default number of questions that are shown in your Q&A section.

All the other questions will be hidden from view. Users will be able to access those questions after clicking the ‘Load More’ button.

You can also change the text used for the ‘Load More’ button to anything you like. For instance, you can call it ‘Load more questions’.

Choose a paging button name

Next, you need to choose a layout for your product Q&A section from the dropdown menu next to the ‘Layout’ option.

You can choose the ‘Normal’ option if you want to display the Q&A section in paragraphs.

Select layout and save your changes

On the other hand, you can also display your questions as an Accordion menu. This means users will need to click on a question to view the answer.

Once finished, don’t forget to click the Submit button at the bottom to save your settings.

Managing Product Question and Answers

After plugin configuration, simply visit any product page on your store. You’ll notice a new Q&A tab added there.

Click Q and A tab on the product page

Clicking on it will display the ‘Q&A’ section where customers can submit their questions.

You will receive an email notification when a user submits a question.

Type a Q&A question and submit it

Now, to answer customer questions, you need to go to the Products » All Products page from the WordPress admin dashboard.

From here, simply click the ‘Edit’ button under a product to open up its’ ‘Edit Product’ page.

Click the Edit button

Next, you need to scroll down to the ‘Product Data’ section and click the ‘Q&A’ tab from the left column.

Here, all the questions submitted on that specific product’s page will be displayed.

Click the Q&A tab

Now, you need to simply type the answer to a customer query in the ‘Answer’ field.

If you want to delete a question because it’s inappropriate or irrelevant to your product, then you can also do that by clicking the Delete icon on the right corner of each question.

You can also uncheck the ‘Approve’ option if you don’t want to display the question on the product page.

Answer or delete the question

After you have answered the product questions, go to the top of the page and click the ‘Update’ button to save your changes.

Now, you can visit the product page to see the Questions and Answer section in action.

Visit site

We hope this article helped you learn how to add product questions and answers in WooCommerce. You can also check out our top picks for the best WooCommerce plugins to grow your store, and our beginner’s guide on how to add web push notification to boost sales.

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 Product Questions And Answers in WooCommerce first appeared on WPBeginner.

How to Display Author’s Twitter and Facebook on the Profile Page

Featured Imgs 23

Want to display your author’s Twitter and Facebook links on their WordPress profile page?

By default, WordPress user profile pages don’t include fields for adding social media profiles such as Facebook or Twitter.

In this article, we will show you how to easily display your author’s Twitter and Facebook profile links in WordPress.

How to Display Author's Twitter and Facebook on the Profile Page

Why Display Author’s Twitter and Facebook Profiles on Your Site?

Social media platforms are an important source of traffic for your WordPress website. That’s why we put together a social media cheat sheet that will help you set up your social media profiles the right way.

Your authors will also have their own social profiles, and you can display them on your site to build credibility with your readers and strengthen your site’s authority.

Your visitors will be able to follow their favorite authors on social media and discover new articles on your site sooner. You can also add their social media profiles to your site’s schema, boosting your site’s trust score on Google and other search engines.

With that being said, let’s take a look at how to display an author’s Twitter and Facebook links on their user profile page.

Some of the best WordPress themes will display an author info box below each article. You can use this feature to display simple links to your author’s social profiles.

Simply go to Users » All Users in your WordPress admin panel and click the name of the author, or the ‘Edit’ link underneath to open the Edit User page.

Click on a User in the All Users List

Next, you should scroll down to the ‘About the user’ section and look for the ‘Biographical Info’ box.

If it is there, then your theme has built-in support for an author box.

Adding HTML Social Links to the User Bio

Here you can type a description of the author using text or HTML. You can manually add HTML links for the author’s Twitter and Facebook profile URLs, like this:

ADD BIO HERE. Follow them on <a href="https:/twitter.com/USERNAME">Twitter</a> and <a href="https://facebook.com/USERNAME">Facebook</a>.

Make sure you add a short biography about the author and change ‘USERNAME’ to their actual Twitter and Facebook usernames.

Once you’re finished, don’t forget to scroll to the bottom of the page and click the ‘Update User’ button to store your settings.

You will now see Twitter and Facebook links with the user’s bio on the posts that they write. Here’s how it looks on our demo website:

Preview of Author Bio with Twitter and Facebook Links

Method 2: Displaying Social Icons With an Author Bio Box Plugin

If your theme doesn’t display an author bio box, or if you want one that is more customizable and displays social icons instead of links, then you can use a plugin.

Simple Author Box is the best free author bio box plugin. It lets you customize nearly every Aspect of your author bio box, including adding social media links for your authors.

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

If you want even more features, then there’s a pro version that lets you display an author box before or after content, add website links, get more social icon styles, include guest authors and co-authors, and more.

Upon activation, the plugin adds social media fields to each user profile. Simply navigate to the Users » All Users page in your WordPress admin area and click on the author’s name or the ‘Edit’ link below.

Click on a User in the All Users List

Tip: To quickly edit your own user profile, you can go to the Users » Profile page.

When you scroll to the bottom of the author profile, you will notice some new fields that have been added by the Author Bio Box plugin.

Scroll until you see the section labeled ‘Social Media Links (Simple Author Box).’ Now you need to select ‘Facebook’ from the drop-down menu, and then paste the URL to their Facebook profile into the next field.

Adding a Facebook Profile Using Author Bio Box

Now you can click the button labeled ‘+ Add new social platform.’

A new drop-down and field will be added where you can add their Twitter URL.

Adding Facebook and Twitter Links Using Simple Author Box

Once you’ve done that, make sure you click the ‘Update User’ button to store your settings.

Note: Don’t worry if the Facebook and Twitter URLs vanish after clicking the button. At the time of writing, there is a minor bug that hides the URLs, but the settings have been saved.

Now Facebook and Twitter icons will be displayed with the author’s profile at the bottom of their posts. Clicking these icons will take your visitors to their social profiles, but these links will open in the same window as your blog.

Preview of Simple Author Box with Social Icons

If you would prefer that the links open in a new tab, then you can navigate to the Appearance » Simple Author Box page and then click on the Elements tab. Once there, you need to find the option to ‘Open social icon links in a new tab’ and toggle it to the on position.

Open Simple Author Box Icons in a New Tab

Now the author’s social profiles will open in a new tab.

Method 3: Adding Social Profiles to Your Site’s Schema for SEO

All in One SEO (AIOSEO) is the original WordPress SEO plugin that’s used on over 3 million websites. It can also be used to add social profile fields on the author’s profile page.

Unlike the other methods, this method will improve your website’s SEO since AIOSEO adds these social profiles to your site’s schema markup.

The problem is that AIOSEO does not automatically display them in the author bio. But don’t worry, we will show you how to do that.

For this tutorial, we’ll use the free version of All in One SEO since it allows you to add social profiles for your website and each user. However, AIOSEO Pro offers even more features to help you rank better in search engine results pages.

The first thing you need to do is install the free All in One SEO Lite plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Once you have the AIOSEO plugin set up, you need to head over to the Users » All Users page, and then click on the author’s name or the ‘Edit’ link just below.

Click on a User in the All Users List

This will open the Edit User page for that author.

Notice that AIOSEO has added a Social Profiles tab at the top of the page. You need to click on that tab now.

All in One SEO Social Profiles Tab

You can now enter the URL to the user’s social profiles in the boxes provided, such as:

https://facebook.com/johnsmith345
https://twitter.com/johnsmith345

Note that simply adding the username is not enough.

Alternatively, if the author uses the same username on multiple social networks, then you can click the box labeled ‘Use the same username for multiple social networks.’

Quickly Adding Multiple Social Networks With Same Username

You can then type in that username and check the social networks it is used on. For other social networks, you can simply type the full URL as before.

Once you are done, click on the ‘Update User’ button at the bottom of the page to store your changes.

Pro Tip: If you have Twitter and Facebook profiles for your business or website, then you can add these to your site’s schema in a similar way by visiting All in One SEO » Social Networks and adding the links on the Social Profiles tab.

The author’s social media profiles have now been added to your site’s schema, helping search engines understand your site better. But they are not yet being displayed on your website.

Displaying AIOSEO Author Twitter and Facebook Links in Your Theme

Now you need to display these fields as links in your theme.

If you are an advanced user, then you can display links from All in One SEO’s social profiles by editing your WordPress theme files. If you haven’t done this before, then check out our guide on how to copy and paste code in WordPress.

Note: If you’re not familiar with editing your theme’s core files and adding custom code, then we recommend you use AIOSEO to add the social profiles to your site’s schema, and then display them on your website using method 1 or method 2 above.

Advanced users can add the following code to your theme files where you want to display the author profile links.

<?php
$twitter = get_the_author_meta( 'aioseo_twitter', $post->post_author );
$facebook = get_the_author_meta( 'aioseo_facebook', $post->post_author );
echo '<a href="' . $twitter .'" rel="nofollow" target="_blank">Twitter</a> | <a href="'. $facebook .'" rel="nofollow" target="_blank">Facebook</a>';
?>

Save your changes and view a post on your website.

Here’s how it looks on our demo website. We added the code snippet to the biography.php file in the template-parts folder of the Twenty Sixteen theme.

Displaying AIOSEO Social Profiles in Your Theme Using Code

We hope this article helped you learn how to display the author’s Twitter and Facebook profile links in WordPress. You may also want to see our guide on how to display recent tweets or how to display your Facebook timeline 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 Display Author’s Twitter and Facebook on the Profile Page first appeared on WPBeginner.

Beginner’s Guide: How to Center Align a Video in WordPress

Category Image 091

Do you want to center-align a video in WordPress?

By default, if your video’s width is less than your article area, then WordPress automatically aligns it to the left, leaving extra white space on the right side.

In this article, we will show you how to easily center align a video in WordPress.

How to center align a video in WordPress

Why Center Align Videos in WordPress?

When you embed a video in WordPress, it automatically aligns them to the left by default. This is because videos are external content embedded in the content, so WordPress is unable to guess how you would like to display it.

As a best practice, it automatically aligns it to the left, leaving it up to you to adjust the alignment if needed.

By aligning the video to the center, users will have a better experience viewing your content. This way, you won’t have noticeable blank space on the one side of the page, which could give an unprofessional look.

Besides, if you upload videos directly to WordPress, the same thing will happen to them if their width is less than your content area. WordPress will align them to the left by default.

That being said, let’s see how you can easily center-align a video in a WordPress website. We’ll cover both the block editor and classic editor, so you can click the links below to jump ahead to any section.

How to Center Align Video in WordPress Content Editor

If you want your video to fill the width of your content area, then the best way to do this is by adding a YouTube or Vimeo video URL directly in the WordPress content editor.

First, you’ll need to edit a post or a page or add a new one. Once you are in the content editor, simply paste the link to the video. WordPress will embed the video automatically.

Paste video embed code in block editor

Next, select the video block and then click the Change Alignment option. From the dropdown menu, you can choose the position of the video.

WordPress lets you choose from the following alignments:

  • wide width
  • full width
  • align left
  • align center
  • align right.

Go ahead and select the ‘Align center’ option.

Align the video to the center

After that, you can preview and publish your page or post.

The video will now be center-aligned.

Center aligned video preview

However, sometimes for one reason or another, you may need to use the embed code. In that case, you will need to add some simple HTML around your video’s embed code.

First, you need to click the 3 dotted icons in the video block. After that, you can select the ‘Edit as HTML’ option from the dropdown menu.

Edit as HTML

Next, you can enter the following piece of HTML code around the embed code of the video:

<div style="text-align:center;">

/// your video embed code goes here

</div>

Here’s what your embed code would look like with the custom HTML.

Preview of custom HTML code

You can now save your changes and preview the post or page. Your video will be neatly aligned in the center of your content area.

Another approach is to manually increase your video’s width to fit the content area. To achieve this, you need to add or change the ‘width’ parameter in your embed code.

<iframe width="760" height="315" src="https://www.youtube.com/embed/4YpyiJ05YOg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

How to Center Align Video in the Classic Editor

If you’re using the Classic editor, then you can center align videos by editing a post or creating a new one.

Once you’re in the editor, switch to the Text view. Now enter the following HTML code:

<div style="text-align:center;">

/// your video embed code goes here

</div>

Just make sure to replace ‘your video embed code goes here’ with your video’s embed code.

Once that’s done, it will look something like this:

Center align videos in classic editor

You can now preview and publish your page.

Simply visit your website to see the center-aligned video.

Center aligned video classic editor preview

We hope this article helped you learn how to center align a video in WordPress. You may also want to see our guide on how to start a WordPress blog and 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 Beginner’s Guide: How to Center Align a Video in WordPress first appeared on WPBeginner.

Image Alt Text vs Image Title in WordPress – What’s the Difference?

Category Image 012
A lot of content on the web includes images. However, not many website owners optimize their images for speed or better search rankings. Even though WordPress comes with the option to add alt text and an image title, often beginners do not understand the difference and how to use them. In this article, we will share the difference between image alt text vs image title in WordPress, so you can improve your image SEO.
Image Alt Text vs Image Title in WordPress - What's the Difference?
Here’s what we’ll cover in this tutorial:

What’s the Difference Between Alt Text and Image Title?

‘Alt text’ is short for ‘alternate text’ and is an attribute that is added to an HTML image tag. The text describes the image, so visitors who can’t see the image and search engine bots will understand what the image is about. If an image on your WordPress website can’t be found or displayed for some reason, then the alt text will be shown instead, as you can see in the following screenshot.
Alt text displayed next to a broken image icon
Alt text is different from the image’s title. The title will be displayed in a small popup box when you bring your mouse cursor over the image.
An image with the title text
Alt text and image titles are also used to improve the accessibility of your website for those with poor vision and who use screen reader devices to read your site’s content. When the screen reader comes to an image, it will read the alt text. Depending on the user’s settings, it may also read the title text. For both accessibility and search engine optimization (SEO), alt text is more important than title text. This is why we strongly recommend including alt text for all your images.

How to Add Alt Text to an Image in WordPress

WordPress allows you to easily add alt text to your images. You can do this from the block editor, the classic editor, or the WordPress Media Library. Adding Alt Text in the Block Editor Simply create a new post or page or edit an existing one, and add an Image block.
Add an Image Block
If you’re not sure how to add a block or you need some extra help with the block editor, then just check out our tutorial on how to use the WordPress block editor. Now you need to upload your image or drag and drop it into the Image block. You can then set the alt text on the right-hand side of the page.
Adding alt text to an image in the WordPress block editor
Adding Alt Text in the Classic Editor If you’re still using the classic WordPress editor, then you can add image alt text when adding the image. First, click on ‘Add Media’ above the posting box.
Click 'Add Media' in the classic editor to add an image to your post
After that, you should either upload the image from your computer or click the ‘Media Library’ tab to view images you’ve already uploaded. Next, click on the image you want in order to select it, and then type the alt text you want into the ‘Attachment Details’ of your image.
Adding alt text to an image in the classic editor
Adding Alt Text in the Media Library You can also add alt text to an image by going to Media » Library and clicking on the image to edit it.
Viewing or editing the alt text for your image in the WordPress media library
Remember, this won’t change the alt text for any instances of that image that you’ve already inserted into posts or pages. However, if you add the image to a post or page after adding alt text here, then the alt text will be included with it.

How to Add Image Titles in WordPress

It’s important to understand that there are two types of titles that you can add to your images. First, there is the default image title WordPress uses internally to identify media files in the Media Library and attachments pages. Second, there is the HTML image title attribute added to images in your posts and pages. Let’s take a look at how to add both types of titles. Adding the WordPress Image Title in the Media Library You can add WordPress media titles to your images using theMedia Library. When you edit an image in the Media Library, you will see a ‘Title’ field.
Adding an Image Title in the WordPress Media Library
This title is used by WordPress to identify the image. When you click the ‘View attachment page’ link at the bottom of the screen, you’ll see the title is used as the title on that page.
Viewing the image's attachment page, with the image title shown
The WordPress media title isn’t necessary for image SEO or for users with screen readers. While it may be helpful in some cases, it’s not as useful as the image’s HTML title attribute. So how do you create that?
Pro Tip: Would you like to automatically use the WordPress media title as the image’s title attribute in your posts and pages? Take a look at the section below where we show you how to do this using All in One SEO Pro.
Adding an HTML Image Title Attribute in the Block Editor It’s easy to add a title attribute in the block editor. Simply click the image and then click the down arrow next to ‘Advanced’ to show the advanced image options.
Adding the Title Attribute in the Block Editor
Now you can simply type the title in the ‘Title Attribute’ field. Adding an HTML Image Title Attribute in the Classic Editor Adding a title attribute using the old classic editor is similar. You can add the title attribute by clicking on an image and then clicking the pencil icon.
Editing an image in the WordPress classic editor
You’ll then see the ‘Image Details’ screen. To set the image title attribute, you need to click the little down arrow next to ‘Advanced Options’ at the bottom.
Click the downward arrow to view the Advanced details for your image
You can then set the image’s title attribute. Make sure you click the ‘Update’ button at the bottom of the screen when you’re done.

How to Automatically Set Alt Text and Image Titles Using AIOSEO

All in One SEO (AIOSEO) is the best WordPress SEO plugin on the market. It will add a proper image sitemap and other SEO features to improve your SEO ranking. It also lets you automatically set your alt text and image titles, and more. The first thing you need to do is install and activate the All in One SEO plugin. For more details, see our step-by-step guide on how to install a WordPress plugin. To use the Image SEO feature, you will need the Plus plan or above. Upon activation, the plugin will launch the setup wizard automatically. You can learn how to configure the plugin in our guide on how to set up All in One SEO correctly. Now you need to navigate to All in One SEO » Search Appearance and then click on the ‘Image SEO’ tab. After that, you’ll have to click the ‘Activate Image SEO’ button to enable the premium image SEO features.
Activating the Image SEO Module in AIOSEO
Setting Image Titles Using All in One SEO Make sure that you are looking at the ‘Title’ tab of the Image SEO page. Here you can choose tags that will set the format used to automatically generate title attributes for your images. For example, if you include the ‘+ Image Title’ tag, then each image in your posts and pages will automatically use the WordPress media title in the HTML title attribute.
Customizing the Image Title in AIOSEO
You can also add other tags, such as your website title, to your image title attribute. All in One SEO can even strip punctuation from the title and change its capitalization. Setting Alt Text Using All in One SEO Next, you need to click the ‘Alt Tag’ tab on the AIOSEO’s Image SEO page. Here you can automatically format the alt text of your images. By default, AIOSEO will simply use the image’s alt text. If you like, you can also add your website’s title and other information to the alt text of each image on your website.
Customizing the Alt Tag in AIOSEO

Why Use Alt Text and Image Titles in WordPress?

We strongly recommend using alt text for all images. Here on WPBeginner, we also add a title to all images. However, this is less important than the alt text. Alt text is important because Google focuses on it as a ranking factor for images. It is also used by screen readers to help visitors with impaired vision to fully engage with your content. You should never just stuff keywords into alt and title tags. It’s important that you make them descriptive and helpful so that they’re useful for visitors who need them. You can use your keywords where relevant, but don’t overdo it. For example, if you’re writing an article about the best WordPress hosting, then your target keyword could be “best WordPress hosting”. You might also have a screenshot in your article showing users how to set up an account with a popular web host like Bluehost. Let’s take a look at some good and bad examples of alt text for that image:
  • “Account setup” is not very descriptive and also doesn’t include anything related to your keyword.
  • “Best WordPress hosting, WordPress hosting, best web hosting for WordPress” doesn’t describe the image and is stuffed with keywords.
  • “Setting up a WordPress hosting account” is much better as it’s descriptive and uses part of the keyword in a natural and appropriate way.
We hope this article helped you understand the difference between image alt text and image title in WordPress. You may also want to learn how to optimize images for the web, and check out our list of the best WordPress SEO plugins and tools. 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 Image Alt Text vs Image Title in WordPress – What’s the Difference? first appeared on WPBeginner.

How to Create an Interactive Poll in WordPress (Step by Step)

Category Image 091

Do you want to create an online poll on your WordPress site?

Polls are an interactive way to engage your audience while getting useful information from them. You can get feedback from your users and find out what they like.

In this article, we will show you how to easily create and add a poll in your WordPress.

How to Create an interactive poll in WordPress

Which Tool to Choose for Adding a Poll in WordPress?

Adding interactive polls to your website is a great way to engage users, as it instantly grabs their attention. You can generate leads using polls and, at the same time, collect valuable feedback from your audience.

That said, there are plenty of plugins and online tools that allow you to embed polls on your WordPress site. Many of them require you to create an account, some store data on their own servers, and others have a terrible user experience.

If you are looking for a good user experience with full control of poll data, then you’ll need WPForms. It is the best WordPress form builder plugin and includes powerful surveys and polls addon.

With WPForms, you’ll be able to do the following:

  • Create polls in WordPress using a drag-and-drop form builder
  • Gather poll results on your own websites
  • Show votes count when user submit their vote
  • Display poll anywhere on your website
  • Show poll results anywhere on your website

With that, let’s look at how to easily create online polls in WordPress using WPForms.

Creating Online Polls in WordPress

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

You will need the WPForms Pro plan because it includes the survey and polls addon. WPBeginner users get an additional discount by using the WPForms coupon code. There is also a WPForms Lite version you can try for free.

Upon activation, you need to visit the WPForms » Settings page to enter your license key. You can find this information in your WPForms account.

Entering the WPForms license key

Next, you need to visit WPForms » Addons page and scroll down to the Surveys and Polls addon.

Go ahead and click on the ‘Install’ addon button.

Install surveys and polls addon

Now you are ready to create an online poll.

You can start by going to WPForms » Add New page to create a new form. First, you need to provide a title for your poll form and then select the ‘Poll Form’ template.

Select the poll form template

This will launch the WPForms drag-and-drop form builder interface.

You will see a pre-made poll form template with example fields already added to the form.

Edit your poll form template

There are options to add new form fields from the left column. All you have to do is drag and drop the field you’d like to add to the form.

Besides that, you can just point and click to edit any field, rearrange them, or remove them.

For example, if you click the poll question in the template, then you will see more options in the menu on your left. Simply rearrange the order, and edit their titles, labels, and more.

Rearrange poll question order

Next, you need to click on the Settings button from the left menu and then go to the ‘Surveys and Polls’ tab. Here you can enable or disable the poll results option.

By default, the WPForms poll template will display poll results to users after they submit their votes. If you disable this option, then users will not see the poll results.

Enable survey and poll results option

On the other hand, you can show users a custom message or redirect them to another page or URL.

Simply go to the ‘Confirmation’ tab. Here, you can choose the Confirmation Type from the dropdown menu.

Go to confirmation settings

Once you have created the poll form, go ahead and click on the ‘Save’ button to store your form settings.

Adding The Poll to Your WordPress Website

WPForms makes it easy to add your online poll anywhere on your website, including posts, pages, custom post types, and sidebar widgets.

You can click the ‘Embed’ button in the form builder to add your poll form. Once you do that, a new popup window will open. You can select an existing page or create a new one to embed your form.

Embed a form in page

Let’s select the ‘Create New Page’ button for this tutorial.

In the next step, you’ll need to enter a name for your page. After that, you can click the ‘Let’s Go’ button.

Enter name for your new page

You should now see your poll form embedded in the WordPress content editor.

Another way of adding your form is by using the WPForms block. Simply click the ‘+’ button to add the WPForms and select your form from the dropdown menu.

Add a WPForms block in wordpress

Next, you’ll see a preview of your form.

You can save or publish your post/page and visit your website to see your poll in action.

View poll form preview

You can also add your poll to a sidebar or widget-ready area.

To do that, you need to go to the Appearance » Widgets page and add the WPForms widget block to a sidebar where you want to display the poll.

Add WPForms widget block

In the WPForms widget block, you need to select the poll form you created earlier.

Don’t forget to click the ‘Update’ button to store your widget settings. You can now visit your website to see your online poll displayed in a sidebar or another widget-ready area.

View poll form in sidebar

Viewing Live Poll Results

If you have enabled poll results, then your users will see the results after submitting their votes.

View your poll results

You can also view poll results at any time without submitting a vote.

Simply visit WPForms » All Forms page and click on the ‘Survey Results’ link below your poll form.

Click the survey results option

This will take you to the poll results page, where you will see poll responses in an interactive chart.

You can change the charge type and export the results in JPEG, PDF, and print formats.

See poll results in dashboard

Embed Poll Results Anywhere in WordPress

WPForms also allows you to easily embed your online poll results anywhere on your website. This is particularly useful if you have disabled poll results and want to share them later.

First, you will need to find out your poll form’s ID. You can do this by going to WPForms » All Forms page and looking for the shortcode next to your poll form.

View form shortcode

In the shortcode, you will find your poll’s ID number. For example, our test poll’s ID is 76, as shown in the screenshot above.

Next, you need to find out the field ID. This is the field in your form for which you want to show the results.

Simply edit your poll form and click on the poll field. You will find the field ID in the left column.

View the field ID

Now that you have both required IDs, you can go ahead and add the poll results shortcode like this:

Don’t forget to replace the form ID and field ID values with your own. You can use this shortcode in WordPress posts, pages, and text widgets.

Here’s a preview of what your poll results will look like:

Preview of form results

We hope this article helped you create an interactive poll in WordPress. You may also want to see our guide on how to start a WordPress blog and the best email marketing services.

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

The post How to Create an Interactive Poll in WordPress (Step by Step) first appeared on WPBeginner.

How to Set Up Google Ads Conversion Tracking in WordPress

Featured Imgs 29

Do you want to know how much revenue you’re generating from Google Ads on your website?

Setting up Google Ads conversion tracking will help you uncover insights about your ad campaign’s performance. You can find out which campaign is performing the best, how users interact with your ads, and how you can improve conversions.

In this article, we’ll show you how to properly set up eCommerce Google Ads conversion tracking in WordPress. This is the exact same method that we use on our own websites.

How to setup Google Ads conversion tracking

Why Set Up Google Ads Conversion Tracking in WordPress?

If you’re running Google Ads for your WordPress blog, eCommerce store, or membership site, then it is important to know how they’re performing. You can’t improve, what you can’t measure.

Tracking Google Ads conversions helps you see how much revenue you earned from users who clicked on your ad campaigns. It also helps you see which paid keywords and ad groups drive the most conversions. This way, you can optimize your campaigns and budget for more profitable search terms.

Besides that, Google Ads conversion tracking also uncovers how users behave on your WordPress site after clicking an ad. For instance, you might see a lot of users arrive on a landing page, but abandon it after adding products to the cart.

You can use this information to improve the checkout process, offer discounts and incentives as users are about to leave your site, and provide a better user experience.

That said, let’s see how you can add Google Ads conversion tracking in WordPress.

Adding Google Ads to WordPress Website

The easiest way of connecting Google Ads with WordPress is by using MonsterInsights. It is the best Analytics plugin for WordPress that helps set up Google Analytics without editing.

MonsterInsights offers an Ads addon that lets you setup comprehensive conversion tracking without touching a single line of code or hiring a developer.

We will use the MonsterInsights Pro license for this tutorial because it includes the Ads addon. There is also a MonsterInsights Lite version you can use for free.

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

Upon activation, you will be redirected to the welcome screen in your WordPress dashboard. Go ahead and click the ‘Launch the Wizard’ button.

Launch setup wizard

Next, you can follow the onscreen instructions to connect Google Analytics to your site. For more details, you can see our guide on how to install Google Analytics in WordPress.

With MonsterInsights, you can also use dual tracking to set up a Google Analytics 4 property. It is the latest analytics version and will soon replace Universal Analytics. You can learn more by following our guide on how to switch to Google Analytics 4 in WordPress.

Once you’ve connected Google Analytics with WordPress, the next step is to install the Ads addon. Simply go to Insights » Addons from your WordPress dashboard and navigate to the ‘Ads’ addon.

Install the ads addon

Go ahead and click the ‘Install’ button. The addon will now automatically install and activate on your site.

Creating a Conversion Action in Google Ads

Next, you’ll need to create a conversion action in Google Ads.

First, you can visit the Google Ads website and log in to your account.

After that, go ahead and click the ‘Tools and settings’ option at the top. Under the ‘Measurement’ column, simply select the Conversions option.

Click the tools and settings option

On the next screen, you’ll need to create a conversion action.

You can click the ‘New conversion action’ button to get started.

Create new conversion action

Next, Google Ads will ask you to select the type of conversions you want to track. It will show you 4 options, including a website, app, phone call, or import.

For this tutorial, we’ll choose the ‘Website’ option for tracking ad conversions.

Select the kind of conversion to track

After that, you’ll need to enter the website URL where you’d like to measure conversions.

Once that’s done, simply click the ‘Scan’ button.

Enter your domain to scan

Google Ads will now show 2 options to create conversion actions, including an automatic and manual method. In the automatic method, you’ll need to select the conversion goal, choose a match type, and enter the URL. This way is suitable if you know which events to count as conversions.

However, we recommend selecting the manual method. Simply scroll down and click the ‘+ Add a conversion action manually’ option.

Add conversion action manually

Next, you’ll need to enter the Conversion action details.

First, you can select the ‘Goal and action optimization’ for your conversion. This is the action you’d like to track. For example, when a user subscribes to your newsletter, makes a purchase, adds a product to a cart, submits a contact form, and more.

For the sake of this tutorial, we will select ‘Subscribe’ as the goal. After that, you can enter the Conversion name.

Enter conversion action details

You can now scroll down and select a Value for your conversion. Google Ads lets you choose the same value for each conversion, assign different values for conversions, or don’t use a value for conversion action.

We will select the ‘Use the same for each conversion’ option, select the currency, and enter a value for this tutorial.

Enter value for conversion action

Besides that, you can also choose how many conversions to count per click.

If you’re tracking email newsletter signups, then we recommend selecting the ‘One’ option. This way, each subscriber is counted once. However, you can use the ‘Every’ option in an eCommerce store and count each purchase as a conversion.

After selecting these options, simply click the ‘Done’ button at the bottom.

Enter value and count

You can now see your conversion action under the ‘Create conversion actions manually using code’ section.

Go ahead and click the ‘Save and continue’ button to get instructions for adding the tracking tags for conversion action to your site.

Click the save and continue button

On the next screen, you’ll see 3 options to add the conversion action to your site.

Simply select the ‘Use Google Tag Manager’ option. You should see the Conversion ID and Conversion Label. Copy these to a notepad file or keep the browser window/tab open.

Select the use tag manager option

To finish the setup process, you’ll need to head to your WordPress website dashboard and view the MonsterInsights settings.

From here, go to Insights » Settings and click on the ‘Publisher’ tab.

Publisher settings in MonsterInsights

After that, you can scroll down to the ‘Ads Tracking’ section.

Go ahead and enter the Conversion ID. Make sure you follow the format, which will look like this: AW-123456789.

If you are tracking Google Ads on Easy Digital Downloads, WooCommerce, and MemberPress, then enter the Conversion Label in the respective field.

Enter conversion ID and label

That’s it. You’ve successfully set up Google Ads conversion tracking on your WordPress website.

View Google Ads Conversion Tracking Data in Google Analytics

You can take it a step further and connect Google Ads with Google Analytics to get more insights about how people use your website after clicking on an ad.

For instance, you can see the number of visitors from paid search and find out which pages they view after landing on your site. You can also use different filters and create custom reports in Google Analytics.

Let’s see how you can link your Google Ads account with Google Analytics 4 and Universal Analytics.

Connect Google Ads with Google Analytics 4

First, you’ll need to log in to your GA4 account and then go to the ‘Admin’ settings.

Go to admin settings

After that, you can click the ‘Google Ads Links’ option.

It is located under the Property column.

Go to ads links

A new window will now slide in from the right.

Go ahead and click the ‘Link’ button in the top right corner.

Click the link button

Next, you will see different options for Link setup.

First, you can click the ‘Choose Google Ads accounts’ option.

Choose Google ads account to link

On the next screen, you’ll need to select the Google Ads account you wish to connect.

Once that’s done, simply click the ‘Confirm’ button at the top.

Select your google ads account

You will now see the Google Ads account that you want to link.

Go ahead and click the ‘Next’ button.

See selected google ads account

In the next step, Google Analytics will give you options to enable personalized advertising and enable auto-tagging.

You can use the default settings and click the ‘Next’ button.

Change configure settings

After that, you’ll see a summary of your Link setup settings.

If everything checks out, then go ahead and click the ‘Submit’ button.

Review and submit link setup

You should now see a ‘Link Created’ notification in front of your Google Ads account. This means that you’ve successfully connected Google Ads with Google Analytics.

Do note that it can take up to 24 hours for your Google Ads data to appear in Analytics reports.

See link created notification

Next, you can view the Google Ads conversion tracking report in Google Analytics 4.

First, you can head to Acquisition » Traffic acquisition from the menu on your left and scroll down to see how many visitors came from the Paid Search channel.

View paid search traffic

After that, you can go to Acquisition » Acquisition overview and view the Session Google Ads campaign report. This will show which campaign got the most traffic.

You can also click the ‘View Google Ads campaigns’ option at the bottom to view more details.

View session google ads campaign report

For each campaign, you can see the total number of users, sessions, number of Google Ads clicks, cost per click (CPC), conversions, and more.

Using the information from this report, you can see which campaigns perform the best.

View detailed stats for each campaign

Connect Google Ads with Universal Analytics

If you’re using Universal Analytics, then you can first log in to your account.

After that, head to the ‘Admin’ settings.

Click admin settings

Next, you’ll need to go to the Google Ads Links option.

You can find the option under the Property column.

Go to Google Ads links

On the next screen, you’ll need to select the Google Ads account you want to connect.

After selecting your account, simply click the ‘Continue’ button.

Select Google ads account

Next, you will need to enter a Link group title.

You can then select the Views to link with your Google Ads account. Simply click the toggle to ON for the correct Views.

Enter link group title

Once that’s done, simply click the ‘Link accounts’ button.

Google Analytics will now show a summary of your settings. Simply scroll down and click the ‘Done’ button.

Click the done button

That’s it. Your Google Ads account will now be linked to the Universal Analytics property.

To view data from your ad campaigns, head to Acquisition » Google Ads » Campaigns from the menu on your left. You can see the number of clicks, cost, CPC, and more for each campaign.

View Google ads report in UA

Final Thoughts on Google Ads Conversion Tracking in WordPress

When it comes to setting up any conversion tracking, the most important thing you want to make sure is that the setup is done properly. This is why we use and recommend MonsterInsights because it just does everything for you behind the scenes without touching any code.

However if you prefer to add code directly on your WordPress site, then you can do that as well by using a plugin like WPCode. This will help future-proof your customizations. There’s a free version of WPCode that you can use by following our tutorial on adding custom code in WordPress.

We hope this article helped you learn how to set up Google Ads conversion tracking in WordPress. You may also want to see our ultimate WordPress SEO guide and the best WooCommerce plugins to grow your store.

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

The post How to Set Up Google Ads Conversion Tracking in WordPress first appeared on WPBeginner.

What is rel=”noopener” in WordPress? (Explained)

Category Image 091

Have you been wondering what rel="noopener" means in WordPress?

When you add a link that opens in a new tab, WordPress will automatically add the rel="noopener" attribute to the link.

In this article, we will explain what rel="noopener" means in WordPress and how it affects your website.

What Is rel="noopener" in WordPress? (Explained)

What Is rel=”noopener” in WordPress?

When you add links to your WordPress website, you can use HTML attributes to control what happens when you click the link.

For example, when you create a link, there is a toggle switch that allows you to open it in a new tab.

Opening a Link in a New Tab

The HTML code generated by WordPress for this link looks like this:

<a href="http://example.com" target="_blank" rel="noreferrer noopener">external link</a>

Notice that some HTML attributes have been added to the link, rel="noopener" and rel="noreferrer". These attributes are added to address a security vulnerability.

The problem is that JavaScript code can be used to allow a new tab to get control of its referring window. If you link to an external website affected by the malicious code, then that website can use the window.opener property in JavaScript to change the original page (your website) to steal information and spread malicious code.

WordPress adds rel="noopener" to prevent the new tab from taking advantage of this JavaScript feature. Similarly, the rel="noreferrer" attribute prevents passing the referrer information onto the new tab.

How Does rel=”noopener” Affect Your WordPress SEO?

It doesn’t.

Even though the rel="noopener" attribute improves WordPress security, some users avoid using it because they think it will impact their WordPress SEO.

But that’s just a myth.

It has no impact on your site’s SEO rankings or your overall WordPress performance.

What’s the Difference Between “noopener” and “nofollow”?

It’s easy to confuse rel="noopener" with rel="nofollow". However, they are completely separate attributes.

The noopener attribute prevents your website from cross-site hacking and improves WordPress security.

On the other hand, the nofollow attribute prevents your website from passing on SEO link-juice to the linked website.

Search engines look for and consider the nofollow attribute when following a link on your website. However, they do not give any consideration to the noopener tag.

By default, WordPress does not allow you to add nofollow to your external links. If you want to add nofollow in WordPress, then you will need to use a plugin.

To learn more, see our article on how to add title and nofollow to links in WordPress.

Does rel=”noreferrer” Affect Affiliate Links in WordPress?

The rel="noreferrer" does not affect affiliate links in WordPress. Some users believe that it does because rel="noreferrer" prevents the referrer information passing to the new tab.

However, most affiliate programs provide you with a unique URL that has your affiliate ID. This means your affiliate ID is passed along as a URL parameter for the other website to track.

Secondly, most affiliate marketers use a link cloaking plugin for their affiliate links.

With link cloaking, the affiliate link that your users click on is actually your website’s own URL, which then redirects users to the destination URL.

How Do You Disable rel=”noopener” in WordPress?

There is no need to remove rel="noopener" from links on your website. It is good for your website’s security and has no performance or SEO impact on your website.

However, if you must remove it, then you will have to disable the Gutenberg block editor in WordPress and use the old classic editor.

That’s because if you remove rel="noopener" from the link manually, the block editor will automatically add it back in to keep your website safe.

Once the block editor is disabled, you will need to add a code snippet to your theme’s functions.php file or to the WPCode plugin (recommended). You can learn how to use the WPCode Free Plugin in our guide on how to easily add custom code in WordPress.

Simply copy the following code into a new PHP snippet:

add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
    $mceInit['allow_unsafe_link_target']=true;
    return $mceInit;
}
Adding a Code Snippet Using WPCode

Make sure you change the ‘Active’ toggle on and then click the ‘Save Snippet’ button.

This will stop WordPress from adding rel="noopener" to new links. You will also need to manually edit any old links to remove the attribute.

Want even more control over which rel attributes get added to your links in WordPress? We recommend using the AIOSEO plugin because it lets you add title, nofollow, and other link attributes right inside the WordPress editor.

AIOSEO Adds NoFollow and Title Attributes to the Insert Link Popup

We hope this article helped you learn about rel="noopener" in WordPress. You may also want to learn how to get a free email domain, or see our list of tips to speed up WordPress performance.

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 What is rel=”noopener” in WordPress? (Explained) first appeared on WPBeginner.

How to Show Random Quotes in Your WordPress Sidebar

Wp Plugins

Do you want to show random quotes in the WordPress sidebar?

Displaying quotes from happy customers can convince more visitors to buy your products. Or you might simply want to brighten your audience’s day by showing them a random inspirational quote. 

In this article, we will show you how to easily show random quotes in the WordPress sidebar by using a free plugin.

How to Show Random Quotes in WordPress Sidebar

How to Show Random Quotes in Your WordPress Sidebar

You can show random quotes in the WordPress sidebar using the Quotes and Tips plugin. It lets you add an unlimited number of quotes to your site.

It also lets you display quotes on any page, post, or widget area, including your WordPress sidebar.

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

After activating the plugin, you can start adding quotes. To add your first quote, go to Quotes » Add New.

How to add a new random quote

First you’ll need to type a title for your quote into the ‘Add Title’ field. In a later step, we’ll show you how to choose whether or not to display the quote’s title to your visitors, or use it for internal reference only.

Next, type your quote into the text editor. In our example, we’re using a quote from a case study.

A quote from an OptinMonster customer

You may want to organize your quotes into categories. This becomes important when it’s time to display your quotes.

Basically, you have two options.

The Quotes and Tips plugin can select a random quote from all of the quotes you’ve added. Or, it can select a random quote from a specific quote category.

For example, if you have an online store, you might want to display quotes about a specific product on that product page only.

If you already have some categories in mind, then it makes sense to organize your quotes into these categories now. But you can always add, remove, and edit your categories later. We’ll be covering that at the end of the post.

If you do want to create a quote category now, then you can find the Quotes Categories box on the right side of the page.

To add your category, first click on the ‘Add New Quotes Category’ link.

Adding a new quote category

A field will display where you can type your category name. The category won’t appear to your visitors, so it’s just for your reference.

After you type it in, click on the ‘Add New Quotes Category’ button. 

This category will now appear in the Quotes Category tab. To add the current quote to this category, simply select the category’s checkbox. 

Selecting a quote category in the WordPress dashboard

You can keep repeating these steps to create more quote categories. 

Next, you’ll typically want to show where a quote comes from. This might be a valued customer, a famous brand, or even a celebrity.

To assign your quote to a person or company, scroll down to the ‘Name and Official Position’ section.

You can now type the person or company’s name into the Name field. 

The Name and Official Position settings

You might also want to add this person’s job title, or some information that explains why they’re qualified to make this statement. You can type this information into the Official Position field.

When you’re happy with your quote, click on the Publish button. 

You can now repeat these steps to create all of the quotes that you want to show in your WordPress sidebar.  

Configuring Your Quotes and Tips Settings 

After creating your quotes, it’s time to take a look at the Quotes and Tips settings. This contains some important settings that control how and when your site displays a random quote. 

To take a look at these settings, go to Tips » Settings

The Quotes and Tips settings page

By default, Quotes and Tips will display a new quote every time the page reloads. This means visitors will see a new quote every time they visit a new page or press the Refresh button in their web browser. 

If you prefer, you can display a new quote automatically every few seconds or minutes. The visitor doesn’t even have to refresh their web browser.

To do this, select ‘AJAX (no page reload).’ You can then find the Change Frequency field. Here, simply type how frequently WordPress should display a new quote in seconds.

Changing the quote frequency

Next, it’s time to choose the title that will appear above your quote. 

The default setting is ‘Set Title From Post’. This will display the title you entered when adding the quote to WordPress.

Another option is creating a title that WordPress will use for all of your quotes. This might be something such as ‘Words of Wisdom’ or ‘Don’t take our word for it! Here’s what our customers think’ for testimonials.

To use the same title for all your quotes, click on ‘Set Custom Titles.’ You can now type your title into the Quote Title field. 

Setting your quote title in the WordPress dashboard

When you’re finished, don’t forget to click on the Save Changes button. 

How to Display a Random Quote 

Now it’s time to display your quotes.

Let’s start by showing a random quote from your entire quote collection. If you’ve created multiple categories, then this method will ignore all of these categories. 

You can add your quote to any page, post, or widget using the Quotes and Tips shortcode. To get this shortcode, go to Quotes » Settings

Now, copy the shortcode in the ‘Quotes and Tips’ section.

The WordPress quotes shortcode

Another option is to simply copy the following: [quotes_and_tips]

Since we want to show random quotes in the WordPress sidebar, you’ll need to go to Appearance » Widgets. This shows all the areas of your site that support widgets. 

The WordPress 'Widgets' settings

This screen may look slightly different depending on your WordPress theme. However, most modern WordPress themes have a sidebar. 

Find the Main Sidebar or similar section, and give it a click. This section will now expand.

The WordPress Main Sidebar settings

You need to add a Shortcode block to this widget, so click on the + button. In the search field, type Shortcode. 

You can now select the Shortcode block when it appears. Next, either paste or type the shortcode into this block. 

Finally, click on the blue Update button at the top of the screen. Now, if you visit your website you should see a random quote in your WordPress sidebar. 

How to Display Random Quotes From a Specific Category 

Another option is to display a quote from a specific quote category.

To display a random quote from a particular category, you’ll need to use a different shortcode.

To get this code, head over to Quotes » Quote Category

Here, you’ll find a list of all the categories you’ve created. Each category has its own shortcode. 

A list of WordPress quote categories

Simply find the category that you want to use, and copy its shortcode. You can then paste this shortcode into any page, post, or widget, following the same process above.

How to Style and Brand Your Random Quotes

By default, Quotes and Tips adds a blue background to the quote area. It also uses a background image of silhouettes.

You can change this default styling to better match the rest of your website’s design. You can even remove the styling completely. 

A random quote in the WordPress sidebar

To change the background color, text color, or background image, go to Quotes » Settings.

In the left menu, click on the Appearance tab.

How to style the random quote in your WordPress sidebar

You can now change the background color and text color, by clicking on the Select Color button.

This adds an area where you can choose your perfect color.

Changing the background color

If you change your mind, you can restore the plugin’s default colors at any point. Simply click on the Default button.

You can also change the background image. To remove the default background image, scroll to Background Image, and then click on the None button.

Customizing the quote's background image

You can also add your own background image.

Using your company or product logo as a background image can be a great way to brand your quotes.

Displaying a random branded quote in WordPress sidebar

To upload a new background image, click on the Custom button. This adds a Choose File button. 

Give this button a click. This will open a window where you can select the file that you want to use as your background image.

Uploading a new image to your random quote

After making your choice, you can customize how this image looks on your site.

This includes changing the background image alignment and the opacity, which is how transparent the background image is.

Why not experiment, to see what different effects you can create?

How to Add, Edit and Delete Quote Categories 

Sometimes, you may want Quotes and Tips to display a completely random quote.

Other times, you may need more control over the kind of quotes that it displays. 

You can do this using quote categories. We’ve already seen how to create a category when adding a new quote. However, Quotes and Tips has an entire menu where you can make changes to these categories, and create new ones.

To see these settings, go to Quotes » Quotes Categories

Editing your quote categories

Here, you can quickly and easily create quote categories. To add a new category, type a name for your category into the Name field.

By default this plugin creates each quote category as a parent category. 

Another option is to create a subcategory. For example, you might have an OptinMonster parent category, and then create subcategories for your different promotions, such as ‘OptinMonster summer sale’ and ‘OptinMonster holiday promotion.’ 

To create a quote subcategory, you’ll need to select a Parent Category.

Choosing the quote parent category

When you’re happy with your quote category, click on the blue Add New Quotes Category button. 

You can also edit any of the categories you created earlier. 

To edit a category, hover over it. Then, click on the Edit link when it appears.

Editing a quote category in the WordPress dashboard

This launches a new page where you can make changes to this category. This includes editing the category’s name, and choosing a new parent.

We hope this article helped you learn how to show random quotes in the WordPress sidebar. Next, you can see our guide on how to increase your blog traffic, or see our expert pick of the best social proof plugins for 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 Show Random Quotes in Your WordPress Sidebar first appeared on WPBeginner.

How to Enable Maintenance Mode for WooCommerce

Set Up Woocommerce

Do you want to enable maintenance mode for WooCommerce without affecting other parts of your WordPress website?

Maintenance mode allows you to show a user-friendly notice to shoppers instead of a broken eCommerce site. You can even enable maintenance mode for specific product pages or areas of your WooCommerce store.

In this guide, we’ll show you how to enable maintenance mode for WooCommerce.

How to enable maintenance mode for WooCommerce

Why and When You Need to Enable Maintenance Mode for WooCommerce

Sometimes you may need to put your WordPress website in maintenance mode. For example, you may be making major changes such as installing a new theme or completely redesigning your WordPress blog.

At other times you may need to put your WooCommerce store into maintenance mode, while leaving the rest of your site open.

This could be because there’s a problem that’s only affecting your online store, and not the rest of your website. For example, you may be unable to process customer payments. In this case, maintenance mode can stop customers from encountering the error and having a bad shopping experience.

You may also be adding an online store to an existing website and want to keep those pages private while you work on them.

An engaging ‘coming soon’ page can also create a sense of excitement and anticipation while you build your store behind the scenes. You might even encourage shoppers to get ready for the launch by following you on social media, joining your email list, or even entering a WooCommerce contest.

That being said, let’s take a look at how to easily enable WooCommerce maintenance mode without affecting the rest of your website.

Enabling Maintenance Mode for WooCommerce

The easiest way to enable maintenance mode for WooCommerce is by using SeedProd.

SeedProd is the best landing page builder for WordPress, used on more than a million websites. It allows you to create beautiful coming soon pages in WordPress, improve your 404 page, and even design unique landing pages using drag and drop.

There’s a free version of SeedProd that lets you create a maintenance mode page. However, we’ll be using the premium version as it lets you put your WooCommerce store into maintenance mode while keeping the rest of your site available.

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

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

Adding the SeedProd license key

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

Once you’ve done that, you’re ready to put your WooCommerce store in maintenance mode.

Creating Your Maintenance Mode or Coming Soon Page

After activating SeedProd, go to SeedProd » Pages. Here, you can choose whether to create a maintenance mode page or a coming soon page.

Although some people use these terms interchangeably, there are some important differences you should know.

If you create a ‘Coming Soon’ page, then search engines will still be able to see and crawl your store pages. This gives your WooCommerce site a chance to get indexed by search engines.

If you’re building a new store, then you’ll typically want to create a coming soon page.

If your store is down for maintenance, then you should create a ‘Maintenance Mode’ page instead. This mode tells search engines that your site is temporarily down, using the special header code 503.

After getting this code, the search bots will recheck your WordPress website later to see whether it’s back online. In this way, you can hide your store from shoppers without affecting your search engine rankings.

Note: We’ll create a maintenance mode page in this guide, but the steps will be the same no matter whether you click on ‘Set up a Maintenance Mode Page’ or ‘Set up a Coming Soon Page.’

Creating a maintenance page for your online store

The next step is building the page that shoppers will see when you enable maintenance mode for WooCommerce.

You can either choose a ready-made template or start with a blank design. We’re using ‘Celebrate Coming Soon’ in all our images but you can use any template you like.

To select a template, simply hover your mouse over that design’s thumbnail and then click the ‘checkmark’ icon.

Choosing the WooCommerce coming soon page

After selecting a template, you’ll be taken to the drag-and-drop builder, where you can start customizing the maintenance mode design.

On the left side of the screen, you’ll find blocks and sections that you can add to your design. The right side of the page is the live preview.

How to create a maintenance mode for WooCommerce

Most templates already have some blocks, which are a core part of all SeedProd designs. To start, you’ll typically want to customize these blocks by adding your own text, images, links, and other content.

To change the text in any Headline or Text block, simply click to select that block in your layout. This brings up all the settings for that particular block.

You can now type your text into the small text editor.

Adding text to a WooCommerce coming soon page

You can also use these settings to style the text, including adding bold and italic formatting, changing the text alignment, changing the font size, and more.

You can add more blocks to your maintenance page by dragging them from the left-hand menu and then dropping them onto your design.

For example, if you wanted to add a custom logo then you could simply drag an ‘Image’ block onto your layout.

Adding a logo to to your online store's maintenance page

Then, just click to select that block in your layout and the left-hand menu will show all the settings for that block.

To add a logo, go ahead and click on ‘Use Your Own Image.’

Building a custom coming soon page with WooCommerce

You can then either choose an image from the WordPress media library or upload a new file from your computer.

After adding an image, you can change the size, add image alt text, embed a link, and more using the settings in the left-hand menu.

The SeedProd page builder plugin

If you’re using the WPForms plugin then you can quickly and easily add a contact form to the maintenance page. This gives shoppers a way to talk to you even when your WooCommerce site is down for maintenance.

After creating a contact form in WordPress, you can drag the ‘Contact Form’ block onto your SeedProd layout.

Adding a contact form to your maintenance page

Then, simply click to select the Contact Form block.

In the left-hand menu, open the dropdown menu and choose the form you created earlier.

Adding a contact form to the WooCommerce maintenance screen

To remove a block from your design, simply go ahead and click on it.

You can then select the trash can icon.

Deleting blocks in the SeedPage page builder

You can also move blocks around the page using drag and drop.

When you’re happy with how the maintenance page looks, make sure you click ‘Save.’

Saving the maintenance mode template

Turn on Maintenance or Coming Soon Mode for Your WooCommerce Store

Now that you’ve created a custom coming soon or maintenance mode page, let’s go ahead and enable it.

Here, we want to put the store into maintenance mode, and not the entire site. To do this, click on the ‘Page Settings’ tab inside the SeedProd editor.

Then, select the ‘Access Control’ tab.

SeedProd's access control settings

You can use these settings to specify where the coming soon or maintenance page appears on your site, and who sees it. For example, you might show this page to people who have a particular user role or IP address.

Since we want to put our WooCommerce site into maintenance mode, scroll to the ‘Include/Exclude URLs’ section.

Then, just click on the ‘Include URLs’ button.

Enabling maintenance mode for a WooCommerce store

Now, you need to enter the URLs for your WooCommerce store. This may vary depending on how your store is set up, and whether you’ve created any custom pages such as a custom WooCommerce cart page or a custom checkout page.

However, it’s smart to start with all the pages that WooCommerce creates automatically:

https://example.com/shop
https://example.com/cart
https://example.com/checkout
https://example.com/my-account

If your store has products, then you’ll also need to add these URLs. Be sure to include the asterisk!

https://example.com/product/*
https://example.com/product-category/*
https://example.com/product-tag/*

The asterisk is a wildcard character, which tells SeedProd to include all URLs that match the pattern before it.

This means that shoppers will see the maintenance page when they try to access any product, product category, or product tag.

After adding all these URLs, click on the ‘Save’ button to store your changes.

Putting Your Store In Maintenance Mode

You’re now ready to put your WooCommerce store in maintenance or coming soon mode at any point. In the WordPress dashboard, simply go to SeedProd » Landing Pages.

Then, click on the ‘Inactive’ slider under ‘Coming Soon Mode’ or ‘Maintenance Mode,’ so that it changes to ‘Active.’

Activating maintenance mode for a WooCommerce store

Now, simply visit your WooCommerce store in an incognito browser tab and you’ll see your custom design, rather than your online store.

When you’re ready to make your store public, simply go back to SeedProd » Landing Pages.

Then click on the ‘Active’ slider so that it shows ‘Inactive.’ Now, anyone who visits your site will see your WooCommerce store, and can buy products and services as normal.

We hope this article helped you learn how to enable maintenance mode for WooCommerce. You may also want to take a look at our expert pick of the best WooCommerce plugins, and our complete step-by-step guide on how to create an email newsletter.

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

The post How to Enable Maintenance Mode for WooCommerce first appeared on WPBeginner.

How to Add Featured Video Thumbnails in WordPress

Category Image 091

Do you want to use video for featured thumbnails in WordPress?

By replacing a post or product’s featured image with a featured video, you can make your website much more vibrant and dynamic. Visitors can view these videos from nearly anywhere including your blog archives, homepage, and WooCommerce product pages.

In this article, we will show you how you can add featured video thumbnails in WordPress.

How to add featured video thumbnails in WordPress

Why Add Featured Video Thumbnails in WordPress?

All popular WordPress themes allow you to add featured images to your posts and products.

These are the primary images, and they often appear at the top of the page and other areas of your site such as your website’s archive pages. Search engines and social media sites may also display a page’s featured image.

A good featured image can get you a lot of user engagement. However, you may be able to get more clicks, pageviews, and even sales by using a featured video thumbnail instead.

If you’ve created an online store, then showing a video at the top of the product page is a great way to make shoppers want to scroll and learn more about that product.

An example of a featured video thumbnail

With that being said, let’s see how you can add featured video thumbnails in WordPress.

How to Add Featured Video Thumbnails in WordPress

The easiest way to use videos as featured thumbnails is by using Really Simple Featured Video. This plugin lets you embed videos from popular video hosting websites such as YouTube or Vimeo and use them as featured video thumbnails.

It also works perfectly with WooCommerce and will show the featured video at the top of the product page.

However, just be aware that WooCommerce will show the featured video on the product page only. The featured image thumbnail will still be used in other places, including your WooCommerce store page.

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

After activation, there are a few settings to configure. To get started, go to Settings » Really Simple Featured Video.

The Simple Featured Video settings

On this screen, you can select whether you want to add featured video thumbnails to pages, posts, or WooCommerce products.

To do this, simply click on the ‘Posts,‘ ‘Pages’ or ‘Products’ switches to turn them from grey (disabled) to purple (active). In the following image, we’ve enabled the featured video feature for products, plus posts and pages.

Enabling featured video thumbnails for posts, pages, and products

After that, click on the ‘Save changes’ button.

Next, click on the ‘Controls’ tab. Here, you’ll find a ‘Self-hosted videos’ section where you can configure the settings for the videos in your WordPress media library.

Changing the featured video thumbnail settings

While the plugin does support self-hosted videos, this can take up a lot of storage space and bandwidth so we don’t recommend it. To learn more, check out why you should never upload a video to WordPress.

Instead, scroll to the ‘Embed Videos’ section. This is where you will find settings for any videos you embed from third-party video platforms such as YouTube.

When you embed videos from YouTube or Vimeo, Really Simple Featured Video will show the playback controls for that platform.

For example, if you’re embedding a YouTube video then visitors will have access to YouTube’s specific playback features.

However, the ‘Embed videos’ section does have an ‘Autoplay’ switch that you can click to enable, too.

Enabling autoplay for WordPress featured thumbnail images

By default, the plugin will play videos with sound turned on. To mute your videos by default, click on the ‘Mute sound’ toggle.

You can also set the featured video thumbnails to play on loop.

Looping videos can be annoying to many visitors, particularly if the video is short and has sound. It’s a good idea to only activate the ‘Loop’ switch if replaying the video over and over improves the visitor experience in some way. For example, you might create a video showing a 360 degree view of a product and then set that clip to loop.

Embedding a video

After working your way through the different settings, make sure you click on the ‘Save Changes’ button.

Adding Featured Video Thumbnails to Posts, Pages, and WooCommerce Products

Once you’ve configured how the plugin will show embedded videos, you’re ready to add featured video thumbnails to your WordPress website.

To do this, simply open the post, page, or WooCommerce product where you want to add a featured video thumbnail.

If you’re adding a featured video to a page or post, then you’ll find the ‘Featured Video’ section in the right-hand menu underneath the ‘Discussion’ section.

Adding a featured video to a WordPress post

Want to add a featured video to a WooCommerce product instead?

Then you’ll find the ‘Featured Video’ section underneath the ‘Product gallery‘ section.

The Featured Video settings on the product screen

To use a video from a video hosting site, simply click on ‘Embed.’

In the new field, you’ll need to paste the URL of the video that you want to embed.

Adding a featured video thumbnail in the WordPress post editor

Just make sure that you add the video’s URL in the right format. In the right-hand menu, you’ll see some examples for YouTube, Vimeo, and Dailymotion.

For YouTube, the plugin gives us the following example URL: https://www.youtube.com/embed/vbLgiRQ0Moo

This means you’ll need to use https://www.youtube.com/embed/ as the first part of your URL and then add the ID of the video that you want to embed.

To find the video ID, simply open a new tab in your browser, then go to the YouTube video that you want to embed. Now, take a look at the browser’s address bar.

The video ID is the value that comes after v=. In the following image, we can see that the video ID is DvbFBxKcORA.

The WPBeginner YouTube channel

After adding the video ID to the first part of the URL, we get the following: https://www.youtube.com/embed/DvbFBxKcORA

You can now go back to the tab with the WordPress block editor and just paste the URL into the ‘Embed’ field. That will add a featured video thumbnail to the post, and then you’re ready to click on either the ‘Update’ or ‘Publish’ button.

You can now add featured video thumbnails to more posts, pages, and WooCommerce products by following the same process described above.

On your blog archive or similar page you’ll see that WordPress is now using the videos as the featured thumbnail for your posts and pages.

If you open any page, post, or WooCommerce product, then you’ll see that the featured video also appears at the top of the page, just like a featured image would.

An example of a WooCommerce featured video

We hope this article helped you learn how to add featured video thumbnails in WordPress. You can also go through our guide on the best YouTube video gallery plugins for WordPress and how to embed a Facebook video.

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 Featured Video Thumbnails in WordPress first appeared on WPBeginner.

How to Better Manage Automatic WordPress Updates

Wp Plugins

Are you looking for a way to automatically manage WordPress updates?

Updates are important for the security and stability of your WordPress site.

In this article, we will show you how to better manage automatic WordPress updates.

How to Better Manage Automatic WordPress Updates

Why Do You Need Better Automatic Updates in WordPress?

Keeping your WordPress website updated is extremely important. The same goes for all plugins and themes installed on your website. You need to install updates for WordPress core, themes, and plugins to get new features and fixes.

Learn more in our guide on why you should always use the latest version of WordPress.

WordPress will automatically update itself when a security or minor release is available. You can also enable automatic updates for major releases, as well as plugins and themes.

WordPress updates

However, you may have noticed that some of them are updated more frequently than others. A lot of popular plugins are updated almost weekly.

Some users find it a bit annoying that whenever they log in there are new updates available for WordPress core, one or more plugins, or their theme. It becomes even more time-consuming when you manage multiple WordPress sites.

That’s why many users want to have WordPress automatically install updates for WordPress core, trusted plugins, and themes. But while WordPress now lets you do this without a plugin, you still don’t have full control over your auto-updates.

Let’s take a look at how you can take total control of WordPress and minimize the time spent on installing updates.

Setting Up Easy Updates Manager

The first thing you need to do is install and activate the Easy Updates Manager plugin. This plugin gives you complete control over customizing your updates and also keeps logs of what is updated and when.

For more details, see our step-by-step guide on how to install a WordPress plugin.

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

Enabling Automatic Updates With a Plugin

This page provides you quick access to turn on or off updates for WordPress core, plugins, themes, and translations. The default settings here will work well for most websites.

We strongly recommend that you never turn off updates for WordPress core, plugins, or themes. It will seriously compromise your site’s security and health.

Setting Up Automatic Updates for WordPress, Plugins, and Themes

Easy Updates Manager allows you to quickly enable automatic updates for WordPress core, plugins, and themes from the Dashboard » Updates options page. Simply click on the blue ‘Auto update everything’ button in the ‘Quick configuration actions’ section.

Auto Update Everything

This plugin also allows you to selectively turn on automatic updates for certain plugins or themes. If you would like to selectively turn on automatic updates, then click the ‘Choose per plugin’ and ‘Choose per theme’ buttons.

Next, we’ll show you how to select which plugins and themes are updated automatically.

Setting Up Automatic Updates for Select Plugins and Themes

If you selected to individually enable automatic updates for a few plugins, then you need to switch to the ‘Plugins’ tab on the Dashboard » Updates options page.

Enable automatic updates for individual plugins

Here you will see a list of all plugins installed on your WordPress site. To automatically update a certain plugin, simply click the ‘On’ button under ‘Automatic updates’.

When you switch to the ‘Themes’ tab, you will see a list of themes installed on your site.

Select which themes to automatically update

You need to click the ‘On’ button under ‘Automatic updates’ for those themes that you want to be updated automatically.

Rolling Back to a Previous Version of a Plugin or Theme

Plugin and theme incompatibilities are the major reason why some users are hesitant when it comes to updating. Even though most good developers thoroughly test their plugins, there can still be bugs that can cause your site to break.

The first step you should take to protect your website is to install a WordPress backup solution. This will let you restore your entire website if something goes wrong.

However, restoring your WordPress site from a backup can be a lot of work. If you know which plugin or theme update caused the problem, then it’s easier just to roll back that one update.

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

Upon activation, go back to the plugins page on your WordPress site. You will notice a new Rollback option below each plugin installed on your site.

The Plugins Page Now Has a New Rollback Link

Clicking on the ‘Rollback’ link will allow you to roll back your plugin to any previous version you want. It can also roll back theme updates.

For detailed, step-by-step instructions, see our guide on how to rollback WordPress plugins.

We hope this article helped you find a better way to manage automatic WordPress updates on your site. You may also want to learn how to increase your blog traffic, or see our list of 40 useful tools to manage and grow 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.

The post How to Better Manage Automatic WordPress Updates first appeared on WPBeginner.

How to Disable WordPress Admin Email Verification Notice

Category Image 051

Do you want to disable the admin email verification notice in WordPress?

By default, WordPress displays an admin email verification notice to the site administrators every few months to verify the email they use is still correct. It’s a pseudo-security measure that many site owners feel is unnecessary and annoying.

In this article, we will show you how to disable the admin email verification notice in WordPress.

How to Disable WordPress Admin Email Verification Notice

What is an Admin Email Verification Notice

The admin email verification notice feature was introduced in WordPress 5.3. The purpose of this feature is to show a screen to website administrators every few months that asks them to verify their site email address.

The admin email verification notice ensures that the email address provided by the administrator is accurate and still in use. Having a working email is important to site security and management.

Admin email verification notice

However, originally planned to appear every six months, sometimes the admin email verification notice can be displayed more frequently than necessary.

This can be annoying for users who’re just trying to log in to their WordPress website. Wouldn’t it be great if you could just turn off the admin email verification notice?

Let’s take a look at how to easily disable the admin email verification notice. You can click the links below to jump directly to the method you want to use.

You can easily disable the admin email verification notice by adding a code snippet to your WordPress files. If you haven’t done this before, then take a look at our beginner’s guide on pasting snippets from the web into WordPress.

Generally, you would need to manually add the code to your theme’s function.php file, but it can be a bit tricky since even a minor mistake can bring down your whole website.

This is why we recommend using a code snippet plugin like WPCode to add custom code in WordPress without having to edit your theme’s core files.

First, you need to install and activate the free WPCode plugin. For more instructions, please take a look at our guide on how to install a WordPress plugin.

Once the plugin is activated, go to Code Snippets » Add New from your WordPress admin dashboard.

Go to Code Snippets and click Add New

This will take you to the ‘Add Snippet’ page.

As we have to add custom code, simply click on the ‘Use Snippet’ button below the ‘Add  Your Custom Code (New Snippet)’ option.

Click Use Snippet button

This will take you to the ‘Create Custom Snippet’ page where you can start by entering a title for your code snippet. It can be anything that helps you identify the code.

Next, select the ‘PHP Snippet’ as the ‘Code Type’ from the drop-down menu on the right.

Choose PHP as a Code Type

After that, all you have to do is copy and paste the following PHP code snippet in the ‘Code Preview’.

// Disable WordPress Administration Email verification Screen 
add_filter( 'admin_email_check_interval', '__return_false' );
Disable sdmin email verification PHP snippet

After that, scroll down to the ‘Insertion’ section and select an insert method.

Now, simply choose the ‘Auto Insert’ option to automatically execute code on your site upon saving the snippet. Make sure to select the location “Admin Only”.

WPCode Insert Snippet for Admin Only

Now, go to the top of the page and toggle the switch from ‘Inactive’ to ‘Active’ in the top right corner and then click the ‘Save Snippet’ button.

Once, you have saved and activated the code snippet, it will be automatically executed on your site.

Click on Save Snippet button

Now you will no longer see the admin email verification notice.

Method 2. Disable Admin Email Verification Notice Using a Plugin

If you prefer not to add code to your WordPress site, you can always use a plugin.

For this tutorial, we will be using the Make Disable Admin Email Verification Prompt plugin.

The first thing you need to do is install and activate the Make Disable Admin Email Verification Prompt plugin. For more instructions, you can check out our guide on how to install a WordPress plugin.

Once the plugin is activated, simply go to Settings » General from your WordPress admin dashboard.

Go to Settings and then click on General

Now that you’re on the ‘General Settings’ page, scroll down to the bottom.

Here you will find the ‘Disable Admin Email Verification Prompt’ option. Now, simply make sure to check the box beside ‘Disable Admin Email Verification Screen.’

Check the disable admin email verification box

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

That’s it! You and your team should not see the admin email verification notice anymore.

We hope this article helped you learn how to disable the admin email verification notice in WordPress. You may also want to see our tutorial on how to disable automatic update email notifications in WordPress, and our comparison of the best email marketing services to grow your website traffic and sales.

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 Disable WordPress Admin Email Verification Notice first appeared on WPBeginner.