How to Set Up Google Analytics Goals for Your WordPress Site

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

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

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

Set up Google Analytics goals for your WordPress site

What Are Goals in Google Analytics?

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

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

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

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

Why You Need to Create Good Goals in Google Analytics

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

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

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

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

Setting Up Google Analytics in WordPress with MonsterInsights

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

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

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

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

Launch setup wizard

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

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

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

Automatically Track Goals by Using MonsterInsights

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

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

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

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

Tracking eCommerce Conversion in WordPress

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

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

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

Use enhanced ecommerce option

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

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

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

Ecommerce report in MonsterInsights

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

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

Top conversion sources

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

Tracking Form Submissions in Google Analytics

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

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

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

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

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

Install forms addon

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

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

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

Forms report

Tracking Link Clicks and File Downloads in Google Analytics

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

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

View publishers report

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

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

Outbound and affiliate links report

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

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

Top file download links report

Tracking Video Plays in Google Analytics

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

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

Install media addon

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

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

View media report

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

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

Video details report

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

Setting Up Goals Manually in Google Analytics

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

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

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

Click admin settings

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

From here, simply click on ‘Goals.’

Click on goals

Next, you can start creating a new goal.

Simply click the ‘+ New Goal’ button.

Add a new goal

There are 4 types of goals you can create:

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

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

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

Enter goal description

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

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

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

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

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

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

Add goal details

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

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

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

View new goal

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

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

View goal conversions in analytics

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

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

View goal flow report

How to Replace Goals with Events in Google Analytics 4

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

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

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

Go to admin settings

After that, go to the Property column.

Simply click on the ‘Events’ option.

Go to events settings

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

Go ahead and click the ‘Create event’ button.

Create a new event

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

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

Create a custom event

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

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

Select an event name

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

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

Enter event parameter operator and value

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

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

View custom event

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

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

View custom events data

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

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

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

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

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

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

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

How to Delay Posts From Appearing in WordPress RSS Feed

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

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

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

How to Delay Posts From Appearing in WordPress RSS Feed

Why Delay Your RSS Feed in WordPress?

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

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

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

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

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

How to Delay Posts in Your WordPress RSS Feed

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

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

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

function wpb_snippet_publish_later_on_feed( $where ) {

	global $wpdb;

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

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

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

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

	return $where;
}

add_filter( 'posts_where', 'wpb_snippet_publish_later_on_feed' );

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

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

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

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

Add a snippet using WPCode

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

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

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

Adjust the time your posts are delayed in RSS feed

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

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

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

Don’t Forget to Check Out the WPCode Snippet Library

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

WPCode library of code snippets

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

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

We hope this article helped you learn how to easily delay posts from appearing in WordPress RSS feed. You may also want to see our guide on how to create an email newsletter the right way, or see our expert pick of the best live chat software for small business.

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

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

How to Add Instagram Shoppable Images in WordPress

Do you want to add shoppable Instagram images to your WordPress site?

Instagram shoppable images have links that people can easily click on to buy your products. This is a powerful way to showcase your products and drive more sales from Instagram.

In this article, we’ll show you how to easily add Instagram shoppable images in WordPress.

How to add Instagram shoppable images in WordPress

What is Instagram Shopping?

Instagram shopping allows you to tag products in your Instagram photos.

After tagging one or more products, users who are looking at the post will see a ‘View Products’ icon in the bottom-left corner.

A shoppable Instagram post

They can simply click on that icon to see the product’s name, description, and price.

This makes it easier for shoppers to learn more about the products featured in your social media posts.

Products in a shoppable Instagram post

Visitors can tap the screen again to go to your Instagram store, where they can buy the product featured in the social media post.

This is great user experience, but it isn’t easy to set up.

You will need to get approval from Instagram to use their shopping features, and some of these requirements are vague. For example, you’ll need to “have demonstrated trustworthiness, including through an authentic, established presence.” You’ll also need to maintain a “sufficient follower base.”

In addition, you’ll have to set up a  Facebook catalog, a product catalog, and a Facebook business page.

In other words: it’s a lot.

Because of that, many Instagram users are looking for an easier way to help shoppers buy products. That’s where shoppable Instagram images come in.

Why Add Shoppable Instagram Images in WordPress?

A shoppable Instagram feed is a series of photos that have a link to a product or service on your site. These URLs aren’t clickable when viewed on Instagram, as you can see in the following image.

Adding a shoppable link to an Instagram post

However, when you embed the shoppable feed on your WordPress website, these links do become clickable. In this way, an Instagram shoppable feed encourages the people who visit your website to look at specific products.

Any likes and comments you get on those posts can also act as social proof, and encourage people to click on the product’s link.

As you post new shoppable images to Instagram, they’ll appear on your site automatically, so visitors will always see the latest posts without you having to add them manually.

If visitors like what they see, they may even decide to follow you on Instagram. This can get you more followers, and gives you another way to promote directly to that person.

Even better, since these shoppable links appear on your website, you have complete control over them. This means you don’t have to follow Instagram’s strict shoppable policies, or set up a Facebook product catalog.

With that being said, let’s see how you can easily add Instagram shoppable images to your WordPress website using Smash Balloon Instagram Pro.

Creating a Shoppable Feed on Instagram

First, you need to upload the images that you want to use on your Instagram account.

Smash Balloon has a shoppable feature that allows you to link each image to a URL inside the plugin settings. With this feature enabled, visitors can click on a shoppable image on your website, and its link will open in a new tab.

These links won’t appear on Instagram.

Another option is adding the link to your Instagram captions. These links will show up on Instagram, but they won’t be clickable.

Smash Balloon's lightbox popup

However, these links will be clickable on your WordPress website. If you want to use this method, then you’ll need to spend some time adding a URL to each shoppable image on your Instagram account.

If you’re planning to use Smash Balloon’s shoppable feature, then you can skip this step as we’ll be adding each link inside the plugin’s settings.

How to Install an Instagram Photos Plugin With Shoppable Support

The best way to add Instagram shoppable images in WordPress is by using Smash Balloon Instagram Pro.

A shoppable Instagram feed, created using Smash Balloon

In this guide, we’ll be using the premium version of Smash Balloon as it has the advanced features you need to add shoppable images in WordPress. However, there’s also a free version that allows you to embed Instagram in WordPress.

Before getting started, you’ll need to connect your Instagram account to a Facebook page. If you have a personal Instagram account, then you may also want to turn it into a business account as this allows Smash Balloon to show your Instagram bio and header automatically.

When you’re ready, go ahead and install and activate the Smash Balloon Instagram Pro plugin. For more details, see our guide on how to install a WordPress plugin.

Upon activation, head over to Instagram Feed » Settings and enter your license key into the ‘License Key’ field.

Activating the Instagram Feed Pro plugin for WordPress

You’ll find this information under your account on the Smash Balloon website.

After entering the key, click on the ‘Activate’ button.

How to Connect an Instagram Account to WordPress

After activating the plugin, your first task is connecting your Instagram account to WordPress. Simply go to Instagram Feed » Settings and then click on ‘Add New.’

How to create a new shoppable Instagram feed

With Instagram Feed pro, you can create feeds from tagged posts and hashtags, or even create a social wall with content from lots of different social media websites.

We want to show shoppable images from our Instagram timeline, so simply select ‘User Timeline’ and then click on ‘Next.’

Creating a shoppable Instagram feed in WordPress

Now, choose the Instagram account where you’ll get the shoppable images from.

To get started, click on the ‘Add Source’ button.

Adding a source for a shoppable Instagram feed

After that, choose whether you want to show shoppable images from a personal or business Instagram account.

If you check the box next to ‘Personal’ then Smash Balloon won’t include the Instagram avatar and bio in your header by default. However, you can always add the Instagram avatar and bio manually in the plugin’s settings.

Linking a persona or business Instagram account to WordPress

After choosing ‘Personal’ or ‘Business,’ click on ‘Login with Facebook.’

You can now select the Instagram account that you want to feature on your WordPress website, and click on ‘Next.’

Selecting the shoppable Instagram source

After that, check the box next to the Facebook page that’s linked to the Instagram account with your shoppable images.

Once you’ve done that, click on the ‘Next’ button.

Selecting the Facebook page you want to use

You’ll now see a popup with all the information Instagram Feed Pro will have access to and the actions it can perform.

To restrict the plugin’s access to your Instagram account, simply click any of the switches to turn it from ‘Yes’ to ‘No.’ Just be aware that this may affect the photos that you can show on your WordPress blog or website.

With that in mind, we recommend leaving all the switches enabled. When you’re happy with the settings, click on ‘Done.’

Changing the information that Smash Balloon can access

You’ll now see a popup with the Instagram account you just added to your website.

Simply check the box next to that account and then click on ‘Add.’

Adding a shoppable image source to a WordPress website

Instagram Feed Pro will now take you back to the Instagram Feeds » All Feeds screen.

To create a feed, just check the box next to the Instagram account that you want to use. Then, click on ‘Next.’

How to create a shoppable Instagram feed

The plugin will now create an Instagram photo feed that you can add to any page, post, or widget-ready area.

However, before you can show shoppable images there are a few extra settings to configure.

How to Enable Smash Balloon’s Shoppable Feature (Optional)

As we already mentioned, there are two ways to make your Instagram photo feed shoppable. If you’ve added the URLs to your captions on Instagram, then simply skip to the next step.

Another option is to open shoppable links in a new tab as soon as the visitor clicks on a post. To do this, you’ll need to enable Smash Balloon’s shoppable feature.

To start, select the ‘Settings’ tab and then click on ‘Shoppable Feed.’

How to create a shoppable Instagram feed for your online store

On this screen, go ahead and toggle the ‘Enable’ slider so that it turns blue.

Smash Balloon will now show an ‘Add’ button on every photo or video in your Instagram feed.

How to add shoppable links to a WooCommerce site or e-commerce store

Simply find the first post that you want to make shoppable, and click on its ‘Add’ button.

You can now type the product or service’s URL into the ‘Product Link’ field and click on ‘Add.’

How to add a shoppable link to an Instagram post

Now, clicking on this photo will open the linked URL in a new tab.

Simply repeat these steps to make every image shoppable.

If you need to change a post’s URL at any point, then just hover your mouse over it and click on ‘Update.’

Changing the shoppable links in an Instagram feed

Once you’ve added all your links, don’t forget to click on the ‘Save’ button.

How to Filter Your Shoppable Instagram Feed

By default, Smash Balloon shows all the images and videos from your Instagram account. However, since we’re creating a shoppable feed you may want to filter your posts, and only show photos that link to a product or service.

This can help shoppers find products to buy, without getting distracted by other photos and videos in your Instagram feed.

With Smash Balloon, it’s easy to filter Instagram posts based on their captions. You can simply add a keyword or hashtag to your shoppable images on Instagram, and then create a matching filter in Smash Balloon.

For example, in the following image we’re using the #ordernow hashtag for all the images we want to make shoppable.

Filtering a shoppable Instagram feed by hashtag

To create a filter in Smash Balloon, select the ‘Settings’ tab.

Then, go ahead and click on ‘Filters and Moderation.’

Filtering shoppable Instagram photos and videos using a hashtag

In the ‘Only show posts containing’ box, type in the hashtags or keywords that you want to use in the filter.

If you want to use multiple words in the filter, then simply separate each hashtag or keyword with a comma.

Adding a filter to a shoppable Instagram feed

When you’re happy with how the filter is set up, click on the ‘Save’ button.

Just be aware that the preview won’t update straight away, so you’ll need to refresh the page to see the filter in action.

A filtered shoppable Instagram feed

How to Customize Your Shoppable Instagram Feed

When you’re happy with the photos and videos that appear in your shoppable feed, you may want to change how the feed looks.

To customize your shoppable Instagram feed, simply click on the ‘Customize’ tab. On the left-hand side are all the settings you can use to change how the shoppable feed looks.

How to customize your shoppable Instagram feed

Most of these settings are self-explanatory, but we’ll quickly cover some key areas that can help you get more sales.

Let’s start at the top, by selecting ‘Feed Layout.’ Here, you can choose different layouts for your shoppable feed, such as carousel and highlight.

Adding Instagram shoppable images to WordPress

As you make changes, the preview will update automatically so you can try different settings to see what looks the best.

Depending on the layout, you’ll get some extra settings that you can use to fine-tune your feed. For example if you choose ‘Highlight’ then you can tell Smash Balloon to highlight posts based on a pattern, post ID, or a specific hashtag. This is great for highlighting your most popular products.

Showing Instagram shoppable images in a highlighted layout with Smash Balloon

By 2025, it’s estimated that US consumers will spend $710 billion every year shopping on their mobile devices. With that in mind, you’ll want to make sure the shoppable Instagram feed looks just as good on smartphones and tablets, as it does on desktops.

By default, Smash Balloon will show the same number of photos on desktop computers and mobile devices.

You can preview how the shoppable feed will look on desktop computers, tablets, and smartphones using the row of buttons in the upper-right corner.

Creating a mobile-friendly layout for an e-Commerce site

You can show fewer shoppable photos on mobile devices by changing the settings in the ‘Number of Posts’ and ‘Columns’ sections.

After making any changes, click on the ‘Customize’ link. This will take you back to the main Smash Balloon editor, ready for you to explore the next option, which is ‘Color Scheme.’

Changing the color scheme of a shoppable Instagram feed

By default, Smash Balloon uses a color scheme inherited from your WordPress theme, but it also has ‘Light’ and ‘Dark’ themes that you may want to use for the shoppable feed instead.

Another option is creating your own color scheme by selecting ‘Custom.’ Then, simply use the controls to change the background color, change the text color in WordPress, and more.

Changing the color scheme for your Instagram shoppable feed

By default, Smash Balloon adds a header to the shoppable feed, which is your profile picture and the name of your page.

To change how this section looks, click on ‘Header’ in the left-hand menu and then use the settings to change the size of your header, add Instagram bio text, and more.

Customizing the header for an embedded Instagram feed

You can also add a different bio. For example, you might encourage people to buy your products, or offer visitors an exclusive coupon code.

For more information on creating these codes, please see our expert pick of the best WordPress coupon code plugins for your online store.

To create a unique Instagram bio, simply type into the ‘Add custom bio’ box.

How to add Instagram shoppable images in WordPress

With that done, click on ‘Customize’ to return to the main Smash Balloon editor.

Then, select ‘Posts.’

How to customize individual Instagram posts in WordPress

This takes you to a screen that has a few different options.

You can look through these settings and make any changes you want, but we’re going to focus on ‘Caption.’

Customizing the Instagram captions

If you added shoppable links to your captions, then it’s important to make the text stand out. For example, you might make the caption bigger.

You might even use a different color for the caption.

Adding a style to a shoppable Instagram caption

With that done, click on ‘Posts’ to go back to the previous screen.

Here, you’ll also see a ‘Hover State’ option, which is the overlay that Smash Balloon adds to a post when you hover over it.

Adding a hover state to a shoppable Instagram feed

This allows visitors to see any links in your captions without opening that Instagram post first.

On this screen, you can use the settings to create an eye-catching colored overlay.

How to create a custom hover state for an Instagram photo and video feed

After selecting ‘Hover State’ you’ll be able to change the background color and text color that appears when you hover over each post.

Under ‘Information to display,’ you’ll see all the different information that Smash Balloon can show as part of the overlay. Simply check the box next to each piece of information that you want to show.

Smash Balloon's hover state settings

If the caption contains shoppable links, then make sure you leave ‘Caption’ enabled.

When you’re happy with your changes, click on ‘Customize’ to return to the main Smash Balloon editor screen. You can now select the next option, which is ‘Load More Button.’

Smash Ballon's Load More button settings

By default, Smash Balloon adds a ‘Load More’ button to the bottom of your Instagram feed so visitors can scroll through your shoppable posts.

Here, you can change the button’s background color, text color, and hover state.

You can also add your own messaging to the button by typing into the ‘Text’ field.

How to add a load more button to a shoppable Instagram feed

While we recommend leaving the ‘Load More’ button enabled to get more sales, you can remove it. For example, you might encourage people to visit your Instagram page by limiting the number of photos they can see on your site.

To remove the button, simply click on the ‘Enable’ slider to turn it from blue to grey.

How to remove the Load More button from a social media photo feed in WordPress

If shoppers like what they see, they may decide to follow you on Instagram using the ‘Follow on Instagram’ button that appears below the shoppable feed.

Since it’s such an important button, you may want to help it stand out by selecting ‘Follow Button’ from the main Smash Balloon editor screen.

Adding a follow button to a shoppable Instagram feed

Here, you can change the button’s background color, hover state, and text color.

You may also replace the default ‘Follow on Instagram’ text with your own messaging.

How to get more followers with a Follow button

As always, when you’re finished with these settings, click on ‘Customize’ to return to the main editor screen.

If you’ve enabled the Smash Balloon shoppable feature, then clicking on any post in the Instagram feed will open a new tab and take them straight to the linked product page.

However, if you haven’t enabled the shoppable feature then you may want to take a look at Smash Balloon’s lightbox feature.

This feature allows visitors to open the image or video in a lightbox popup, without leaving your WordPress website. They can then click on any shoppable links in the captions.

Smash Ballon's Instagram lightbox popup

To enable or disable the lightbox, simply select ‘Lightbox’ from the left-hand menu.

Here, you can remove or add this feature using the ‘Enable’ slider.

How to enable or disable the Instagram lightbox popup

You can also change how many comments Smash Balloon will show in the lightbox. Lots of positive comments can be a powerful form of social proof, which will often help you sell more products and services.

However, they can also be distracting so you may want to type a maximum number into the ‘No. of comments’ box.

How to limit the number of comments in a shoppable Instagram feed

Another option is to hide comments completely, by clicking on the ‘Comments’ toggle.

When you’re happy with how the Instagram feed looks, don’t forget to click on ‘Save’ to store your changes. You’re now ready to add the shoppable Instagram feed to your website.

How to Embed Instagram Feed in WordPress

You can add the shoppable feed to your website using a block, widget, or shortcode.

If you’ve created more than one feed using the Smash Balloon plugin, then you’ll need to know the feed’s code if you’re going to use a widget or block.

To get this code, go to Instagram Feed » All Feeds and then copy the value in the ‘Shortcode’ column.

The code for a shoppable Instagram feed

If you want to embed the Instagram feed in a page or post, then we recommend using the Instagram Feed block.

Just open the page or post where you want to embed your shoppable photo and video feed. Then, click on the ‘+’ icon to add a new block and start typing ‘Instagram Feed.’

When the right block appears, click to add it to the page or post.

The Instagram Feed WordPress block

The block will show one of your Smash Balloon feeds by default. If you want to show a different Instagram feed instead, then find ‘Shortcode Settings’ in the right-hand menu.

Here, simply add the shortcode and then click on ‘Apply Changes.’

Adding a shoppable Instagram feed to a page or post

The block will now show all the photos and videos from your Instagram feed. Just publish or update the page to make the feed live on your website.

Another option is to add the feed to any widget-ready area, such as the sidebar or similar section. This allows visitors to shop using your Instagram feed from any page of your site.

Simply go to Appearance » Widgets in the WordPress dashboard and then click on the blue ‘+’ button.

Adding a shoppable feed to any widget-ready area

In the search bar, type in ‘Instagram Feed’ and select the right widget when it appears.

Just be aware that WordPress has a built-in Instagram widget, so make sure you choose the one that shows the official Instagram logo.

Adding a shoppable Instagram widget to WordPress

Next, simply drag the widget onto the area where you want to show the shoppable Instagram feed, such as the sidebar or similar section.

The widget will automatically show one of the feeds you created using Smash Balloon. If this isn’t the shoppable Instagram feed you just created, then type the feed’s code into the ‘Shortcode Settings’ box.

After that, click on ‘Apply Changes.’

You can now make the widget live by clicking on the ‘Update’ button. For more information, please see our step-by-step guide on how to add and use widgets in WordPress.

Another option is embedding the Instagram feed on any page, post, or widget-ready area using a shortcode.

For help placing the shortcode, please see our guide on how to add a shortcode.

Finally, if you’re using a block-enabled theme, then you can use the full-site editor to add the Instagram Feed block anywhere on your website.

In your dashboard, simply go to Appearance » Editor.

How to add a shoppable Instagram feed to your WordPress theme

By default, the full-site editor will show the theme’s home template. If you want to add the shoppable feed to a different template, then click on the arrow next to ‘Home.’

You can then choose any design from the dropdown, such as the footer template.

Selecting a different template in the WordPress FSE full-site editor

If you don’t see the template in the list, select ‘Browse all templates.’

The full-site editor will now show a list of all the templates you can edit. Simply click on the template where you want to show the shoppable Instagram feed.

Choosing a WordPress template in the full-site editor (FSE)

After choosing a template, just hover your mouse over the area where you want to add the shoppable Instagram feed.

Then, click on the ‘+’ button.

Adding a block to your WordPress theme using full-site editing (FSE)

After that, start typing in ‘Instagram Feed.’

When the right block appears, click to add it to the template.

Adding a Smash Balloon instagram block to a WordPress theme

As always, Smash Balloon will show a feed by default. You can change this feed by adding a shortcode following the same process described above.

We hope this article helped you learn how to add Instagram shoppable images in WordPress. You may also want to see our guide on how to create a free business email address, or see our expert pick of the best WooCommerce plugins for 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 Add Instagram Shoppable Images in WordPress first appeared on WPBeginner.

Weekly WordPress News: Protect Your WordPress Site with this Security Guide

WordPress, like any platform, is constantly under threat from security attacks. But the good news is that the WordPress community offers numerous solutions to keep your site safe. Here are some key steps to secure your WordPress site: Add HTTPS/SSL: Use a Secure Admin Username: Enforce Strong Passwords: WORDPRESS NEWS AND ARTICLES TUTORIALS AND HOW-TOS [...]

Read More...

The post Weekly WordPress News: Protect Your WordPress Site with this Security Guide appeared first on Learn WordPress with WPLift.

YayPricing Review: Maximize Your Profits with Each Customer

Ever wondered why Amazon changes its product prices or offers discounts so frequently? The ecommerce giant does this to maximize its profits by charging different prices for the same products, based on demand, supply and inventory, and customer behavior.  As a WooCommerce store owner, you too can adopt this pricing strategy that goes by the [...]

Read More...

The post <strong>YayPricing Review: Maximize Your Profits with Each Customer</strong> appeared first on Learn WordPress with WPLift.

Reasons to Choose WordPress & Best Tips for Streamlining Your Blog’s Workflow With It

A content management system is your best bet for success if you want to build and create your website. The CMS solution helps filter and optimize the content you want to publish on the internet without writing any code. The ideal example would be a car; not many understand the mechanics behind its functioning, but [...]

Read More...

The post Reasons to Choose WordPress & Best Tips for Streamlining Your Blog’s Workflow With It appeared first on Learn WordPress with WPLift.

7 Best Business Voicemail Transcription Services (Text and Email)

Are you looking for a service to transcribe your voicemails?

Voicemail transcription helps convert your voicemails to text, so you can read them later on your phone or computer. It saves time, as you don’t have to listen to recordings and quickly view the message in text form.

In this article, we’ll show you the best business voicemail transcription services.

Best business voicemail transcription services

Why Use a Business Voicemail Transcription Service?

Voicemail transcription means converting your audio messages into text format. However, manually transcribing each voicemail is a time-consuming task. Instead, you can use a business voicemail transcription service.

There are a lot of software available that will automatically convert voicemail speech to text. The transcriptions can be sent to you by email or text.

This is more convenient especially when you can’t listen to voicemails. You can quickly read the message anywhere instead of listening to the voice recording.

It also helps streamline your customer support process. Your support staff can search for voicemails from a user and look at previous messages, so they can provide a better customer experience. You can also keep records of your voicemails and connect them to customer relationship management (CRM) software.

That being said, let’s look at the best business voicemail transcription services.

1. Nextiva

The Nextiva coupon code has been automatically applied

Nextiva is the best virtual phone service in the market that offers powerful features, including voicemail transcriptions. The cloud phone system is easy to use and set up.

It brings multiple communication channels under one roof. For example, you can make HD video calls, send text messages, live chat, voicemails, phone calls, and more from a single place.

Nextiva offers a voicemail to email and text option, where you can receive voicemails inside your inbox. This allows you to respond to customers quickly, even when calls are missed. Once this feature is active, it will automatically transcribe the voicemail.

Besides that, you also get other features like call recording, unlimited calls and texts in North America, toll-free numbers, team chat, auto attendant, call transfer and forwarding, and more.

They also business phone apps for iOS and Android smartphones, so it lets you stay connected with customers anywhere in the world.

At WPBeginner, we use Nextiva for all our business phone needs. We’re huge fans of their platform and the features it offers.

Pricing: You will need the Nextiva Enterprise plan to use the voicemail transcription features, which will cost you $32.95 per user per month.

2. RingCentral

RingCentral

RingCentral is another top business voicemail transcription service. Their business VoIP phone service offers lots of powerful features and is a perfect solution for remote teams.

With its Voicemail for Business feature, you get to choose how to receive voicemails. For instance, you can access voice messages from the RingCentral online account, desktop app, mobile device, email, and desk phone.

RingCentral offers an option to send voicemails to your email address. You’ll receive an audio attachment and transcription, so you can quickly scan through the message without listening to the voicemail.

Other than that, RingCentral offers features like video conference calls, unlimited calling in the US and Canada, voice-to-text features, toll-free numbers, and other call-handling features.

Pricing: The voicemail-to-text feature is available in the Essentials plan and will cost you $19.99 per user per month.

3. Ooma

Ooma

Ooma is a popular VoIP phone service for businesses of all sizes. It is loaded with features, including voicemail transcription and voicemail-to-email options.

You can configure your voicemails to be automatically sent to an email address when they’re left in your Ooma Office app. You will get an audio recording as an attachment and transcribed text in the body of the email.

Ooma is also easy to use and works out of the box. You get more features like a virtual receptionist, hold music, extension dialing, video conferencing, 1-800 phone numbers, a call center, and more. There are also desktop and mobile apps, so you can call and receive voicemails from anywhere in the world.

Pricing: Ooma prices start from $19.95 per month per user. However, the voicemail transcription feature is available in the Ooma Office Pro and Pro Plus pricing plans.

4. FreshDesk Contact Center

FreshDesk

FreshDesk Contact Center is the next business voicemail transcription service on our list. It was previously known as Freshcaller and is a user-friendly virtual business phone provider.

FreshDesk Contact Center offers an AI-power voicemail transcription feature. Its artificial intelligence engine, called Freddy AI, automatically transcribes voicemails.

You can easily access the transcriptions from the FreshDesk phone system and view key metrics like queue time and IVR time. It also lets you enable voicemail transcription for selected phone numbers and set up voicemail greetings.

Other features offered by FreshDesk Contact Center include a call waiting option, vanity numbers, mobile apps, shared lines, route calls to voicemail, block spam calls, call recording, and more.

Pricing: You will need the Growth plan or higher to use the voicemail transcription feature in FreshDesk Contact Center. This will cost you $15 per agent per month (billed annually). There is also a free version of the software you use to get started, but it doesn’t include voicemail transcriptions.

5. Grasshopper

Grasshopper

Grasshopper is one of the best business phone services, and it is perfect for small businesses and startups. The service offers a voicemail transcription feature and allows you to receive the transcriptions in your email inbox.

It is very easy to set up, and you can add email addresses where you’d like the forwarded messages to go. Then using the Grasshopper desktop app or mobile apps, you can read the voicemail messages.

Aside from voicemail transcription, Grasshopper is filled with robust features. For instance, you get simultaneous call handling, call forwarding, extensions, call transfers, VoIP calling, virtual fax, reporting, and more.

Pricing: Grasshopper pricing plans start from $28 per month (billed annually), and all plans include the voicemail feature. Do note that it is only available in the US and Canada.

6. Google Voice

Google voice

Google Voice is another business voicemail transcription service you can use for your WordPress website. It is part of Google Workspace and easily integrates with other tools like Google Meet and Calendar.

The service uses Google’s AI to turn voicemails into text automatically. The AI is powerful and converts complex words into easy-to-read text.

Besides that, it is very easy to use and offers free calling to US and Canada, spam call blocking, unlimited text messaging in the US, call forwarding, mobile apps, and more.

Pricing: Google Voice prices start from $10 per user per month and includes a voicemail transcription feature.

7. Phone.com

Phone.com

Phone.com is a popular cloud-based virtual phone service offering a voicemail feature. You can listen to audio messages from your online account and set up a voicemail-to-email feature.

Phone.com will automatically transcribe your voicemails and send them to you as email or text messages. This way, you can read the message instead of listening to the voice note or forward the transcription to other team members.

With Phone.com, you also enjoy other powerful features. It is a complete virtual phone solution and offers call forwarding, call transfer, analytics, number porting, audio conferences, fax from phone, text messaging, and more.

Pricing: The voicemail transcription feature is included in the Plus users or higher plan, and its prices start from $15.99 per user per month.

Which is the Best Business Voicemail Transcription Service?

In our expert opinion, the best business voicemail transcription service is Nextiva, and after careful research we chose to use it for our own business.

Nextiva is user-friendly and offers lots of features to help you connect with your customers and team members from anywhere. You can easily receive voicemail transcriptions in your email, handle calls, conduct virtual meetings, create workflows, and more.

Plus, Nextiva has desktop and mobile apps, so you are always connected on the go. It also easily integrates multiple communication channels into a single platform.

If you’re looking for other solutions, then we recommend RingCentral and Ooma as alternatives to Nextiva for voicemail transcriptions.

We hope this article helped you pick the best business voicemail transcription service. You may also want to see our comparison of the best email marketing services and best live chat software for small business.

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

The post 7 Best Business Voicemail Transcription Services (Text and Email) first appeared on WPBeginner.

Revolutionize Your eCommerce Game: An Extensive List of Best Shopify Alternatives for Small Business

Searching for the best Shopify alternatives? Shopify is a popular e-commerce platform and is widely used by many, but it does not always offer all the features for niche markets and is often too expensive for small businesses. If you’re planning to set up a niche market selling specific products & services to a targeted [...]

Read More...

The post Revolutionize Your eCommerce Game: An Extensive List of Best Shopify Alternatives for Small Business appeared first on Learn WordPress with WPLift.

Scaling Your Blog with WordPress: Strategies for Managing & Organizing Content

Scalability is central to your traffic growth, meaning you must prioritize it when starting your WordPress blog. Scaling a site requires testing the site’s performance, particularly under pressure. However, you must be strategic enough to get excellent results.  You must also understand the best strategies to manage and organize large volumes of content. The following [...]

Read More...

The post Scaling Your Blog with WordPress: Strategies for Managing & Organizing Content appeared first on Learn WordPress with WPLift.

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

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 the Media 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.