Monday, December 13, 2021

How to Add Product Tags, Attributes, and Categories to WooCommerce

Do you want to learn how to add tags, attributes, and categories to your WooCommerce products?

By optimizing your WooCommerce product listings, you can help your visitors find what they’re looking for and get more traffic from search engines and social media. 

In this article, we’ll show you how to add product tags, attributes, categories, and more in WooCommerce, step by step.

How to add product tags, attributes, and categories to WooCommerce

Why Add Product Tags, Attributes and Categories to WooCommerce Products?

Adding the right product tags, attributes, and categories in WooCommerce will help you to get more traffic to your online store, make more sales, and improve the overall user experience for your customers.

Firstly, using categories, tags, and attributes in WooCommerce will make your store more organized, helping visitors find the products they’re looking for much faster.

They can also help to improve your store’s search engine optimization. That’s because using descriptive tags, attributes, and categories will help your products to appear in more searches, growing your traffic and sales.

What’s the Difference Between Categories, Tags, and Attributes in WooCommerce?

Many beginners get confused about the differences between categories, tags, and attributes. 

Categories are meant for a broad grouping of your products, like men’s, women’s, or children’s clothing.

Tags are more like keywords for a specific product. A women’s shirt could have tags like summer, discount, casual, soft, and more.

Attributes are for specific characteristics of a product. For example, you can give important information about the product’s weight, material, color, and more.

This is common in clothing stores, where customers can filter products by a specific size, color, or fabric.

Here’s an example of a WooCommerce product with the category ‘Accessorites’ and an attribute for the color red listed on the product page.

WooCommerce product with categories, tags, attributes

Categories and tags are used for your WordPress blog posts as well. You can read more about the difference in our guide to categories vs tags.

That being said, let’s show you how to add product categories, tags, and attributes to your WooCommerce products.

Adding Product Categories, Tags, and Attributes to WooCommerce Products

WooCommerce has built in settings to add categories, tags, and attributes right out of the box. 

To add categories, navigate to Products » Categories in your WordPress admin panel.

Then, you can give your category a name, add a slug, and choose whether or not it has a parent category. 

Add new product category

Next, you can optionally give your category a description and choose the ‘Display type’ from the ‘Default’ drop down.

This controls what the category landing page will look like. Here you can choose to display your ‘Default’ theme options, ‘Products’, ‘Subcategories’, or ‘Both’.

The Default option will depend on the theme you’re using. ‘Products’ would display all the products in that category and any subcategories on the main category page (for example, wpbeginner.com/shop/jackets). ‘Subcategories’ would simply display the subcategories, and the visitor would have to click on one of the subcategories to view those products.

Select category display type

If you want to add a category thumbnail, then click the ‘Upload/Add image’ button.

Make sure you click the ‘Add new category’ button to save your changes.

Add product category thumbnail

To add more categories or subcategories, simply follow the same steps as above. 

Now you can assign a product to a category by going to your product page, then checking the category box in the ‘Product categories’ section.

Add category on individual product page

You can also click the ‘Add new category’ link.

This brings up a section where you can quickly create new categories on the fly. 

Add new category on product page

Once you’re finished assigning categories, make sure to click the ‘Publish’ or ‘Update’ button.

Adding and Editing Product Tags

Your product tags are similar to tags in your blog posts. You can use product tags to make it easier for your visitors to find the exact products they’re looking for. 

To add new tags, simply go to Products » Tags and enter the name of your tag, the slug, the description, and then click the ‘Add new tag’ button.

Add new product tag

To add more tags, simply follow the same steps as above. 

You can also add individual tags to your product pages. Simply open up the product page you want to edit, then enter your tags into the ‘Product tags’ box and click the ‘Add’ button.

Add tags to product page

Once you’re finished, make sure to click ‘Publish’ or ‘Update’ to save your changes. 

Adding and Editing Product Attributes

Finally, you have product attributes. These help group products together and offer users a way to filter your products.

To add product attributes, you need to go to Products » Attributes and then give your attribute a name and slug.

You can also enable archives by checking the ‘Enable Archives’ box. This gives you the ability to display all items that share that attribute on a page. 

Add new product attribute

After that, you need to choose the ‘Default sort order’. This is the order your products will appear on the shop page for that attribute.

We’ll choose the ‘Custom ordering’ option to give more control, but you can also order by name, and term ID.

Set default sort order

Then, click the ‘Add attribute’ button to add it to the attribute table.

Now, you need to click the ‘Configure terms’ link to add terms to the attribute. 

Click configure terms

For example, if you created an attribute called ‘Color’, then you can add the individual colors as terms.

This brings up a screen similar to the main attribute screen, where you need to enter the name, slug, and optional description.

Add new attribute term

Then, click the ‘Add New Color’ button to save your attribute terms. You can add as many attribute terms as you want by repeating the process.

Once you’ve done that, you can add your attributes to individual products.

Simply open up the product page you want to edit, then click the ‘Attributes’ option in the ‘Product data’ section under the text editor.

Go to product data attributes section

Next, select your attribute in the ‘Custom product attribute’ drop down.

Then, click ‘Add’.

Select product attribute drop down

This adds the attribute to your product. 

Now, you can select your attribute terms from the ‘Value(s)’ box.

Select attribute terms

Once you’re done adding your attributes, click the ‘Save attributes’ button.

After that, make sure to click ‘Publish’ or ‘Update’ to save your product. 

Optimizing Your Product Listings for WooCommerce SEO

Once you’re done creating tags, attributes, and categories, you can improve your product pages even more with the help of an SEO plugin.

We recommend using All in One SEO since it’s the best WordPress SEO plugin in the market used by over 3 million website owners. 

AIOSEO

It’s very easy to use and lets you optimize your website for SEO without any technical skills. This means more traffic from the search engines and social media, and more eyes on your products. 

Note: There is a free version of the plugin, but we’ll be using the Pro version since it includes the WooCommerce SEO features we need. 

First thing you need to do is install, activate, and setup the plugin. For more details, see our guide on how to setup All in One SEO for WordPress correctly.

After that, you can optimize your product titles by opening the page for a product and scrolling down to the ‘AIOSEO Settings’ box below the product editor.

Here you can change the product’s SEO title and description. You can use the smart tags to automatically generate descriptions based on your product details, or enter a custom title and description instead.

Optimize product title with AIOSEO

Make sure that you use your main product keyword in both the title and meta description fields.

After that, click on the ‘Social’ tab to optimize how your product will display across social media. 

AIOSEO product social sharing settings

You have complete control over the product image you want to use, which will help you get more engagement from your followers.

Next, click the ‘Schema’ tab. Schema markup lets the search engines better display your content in the search results. 

If you’ve seen product listings with prices, star ratings, and more, then you’ve seen product schema in action.

Schema search example

All in One SEO will automatically choose the right schema type for your products and fill in the pricing, availability, and more.

You can also add additional schema markup, including the brand, identifier type, and identifier fields. Identifiers can be any unique ID such as ISBNs, GTIN codes, or UUIDs.

AIOSEO product schema

Once you’re done customizing your product listing for SEO, make sure to click the ‘Update’ button to save your changes. 

For more details, see our ultimate WooCommerce SEO guide for ranking higher in Google. 

We hope this article helped you learn how to add product tags, attributes, and categories to WooCommerce. You may also want to see our expert picks of the best WooCommerce plugins for your store and our guide on how to create an email newsletter the right way.

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 Tags, Attributes, and Categories to WooCommerce first appeared on WPBeginner.


December 13, 2021 at 04:25PM

Friday, December 10, 2021

12+ Things You MUST DO Before Changing WordPress Themes

Are you wondering what you should do before you change WordPress themes?

When switching your WordPress theme, there are few very important steps that you must take to ensure the process is smooth, and you don’t lose any important data. 

In this WordPress checklist, we’ll share the top things you must do before you change WordPress themes.

12+ things you must do before changing WordPress themes

Editor’s Note: If you’re looking for step-by-step instructions on how to switch themes, then please see our beginner’s guide on how to properly change your WordPress theme.

Switching a theme is an important decision that every website owner makes at least once every few years.

Of course you have to decide your reasoning of why you’re switching, and pick a theme that suits all your needs.

We have a list of best WordPress multi-purpose themes and best WordPress blog themes that you can check out if you’re looking for recommendations.

Once you have chosen the theme that you want to switch to, it’s important that you follow the checklist below to ensure that you don’t lose any content or data during the process.

1. Make Note of Any WordPress Theme Customizations

Some WordPress website owners will customize their WordPress themes by adding code snippets directly to their theme files. Code snippets can be a great way to add new features to your website that aren’t part of the stock theme.

But, if you’re adding those snippets directly to your theme files, it can be easy to lose track of them.

If you or a web developer made these changes, then make sure you go through your current theme files and note all of the additional code that’s been added. 

For adding code snippets in the future, we always recommend to use a site-specific plugin or a code snippets plugin. This way, you can keep those snippets even if you change themes later. For more details, see our beginner’s guide on pasting snippets from the web into WordPress.

2. Get Current WordPress Theme Performance Metrics 

Before changing your theme, you should check your current website’s loading speed and performance. This lets you compare any differences in the page load time after you switch themes.

Since WordPress speed and performance plays an important role in user experience and WordPress SEO, you need to ensure the new theme is faster than what you’re using now. 

You can easily check your current website speed metrics using a WordPress speed testing tool such as IsItWP’s free website speed testing tool.

For more details, see our guide on how to run a website speed test.

3. Make Note of Current Theme Sidebars and Widget Areas

Sidebars are used for adding different widgets to your website, like email newsletter subscription forms, social media buttons, popular posts, and more.

Since every theme has different widget areas, your widgets may unexpectedly move or disappear from your site if you switch themes.

That’s why it’s important to make a note of what widgets you’re using in your WordPress sidebars and any other widget areas of your website before you change themes. Then you can easily replicate them after switching.

If you’ve added any custom code or shortcodes, then make sure to copy this code and save it somewhere safe so that you can use it with your new theme. 

4. Copy Existing WordPress Tracking Codes

Many users will add analytics tracking code directly to their theme files. Some WordPress themes also allow you to add tracking codes directly into your theme options panel.

It’s a common mistake to overlook these important tracking codes. 

You need to make sure you copy all of your website tracking codes you’re using for analytics, advertising, and more, so you can add them to your new website. 

If you want to make it easy on yourself, then we recommend using a plugin like MonsterInsights to install Google Analytics in WordPress.

By using MonsterInsights, you can rest assured there will be no interruptions to your analytics or lost data. You’ll also unlock bonus tracking like link clicks and button click tracking, WordPress category and tag analytics, author tracking, and much more.

MonsterInsights

For all other tracking codes, you can use the Insert Headers and Footers plugin. For more details, see our guide on how to add header and footer code in WordPress.

5. Back Up Your Current WordPress Website

It’s always a good idea to back up your website on a regular basis. Before changing your theme, you should completely back up your posts, pages, plugins, media, and databases.

The easiest way to do this is by using a WordPress backup plugin to create a backup of your entire site. For more details, see our guide on how to backup your WordPress site with UpdraftPlus.

This will help ensure you can easily recover your website if anything goes wrong when switching themes. 

6. Put Your WordPress Site Into Maintenance Mode

When making changes to your site, it’s always a good practice to put your website into maintenance mode. Maintenance mode lets you display a user friendly notice to your visitors.

Maintenance mode page example

This helps prevent your visitors from seeing your website when it’s half-finished or under construction.

To do this, we recommend using the SeedProd plugin. It’s the best drag and drop WordPress page builder used by over 1 million websites.

It lets you easily create custom maintenance mode pages, landing pages, coming soon pages, 404 pages, and more. 

SeedProd

For more details, see our guide on how to put your WordPress site in maintenance mode.

7. Test All Functionality and Installed WordPress Plugins

Once you have a new WordPress theme activated, you need to ensure you have the same functionality as before and that all of your old plugins work with your new theme.

You can start by adding back the code snippets that you copied from your old WordPress theme files. For more details, see our beginner’s guide to pasting code snippets into WordPress.

Then, spend some time using the features of your site that are powered by WordPress plugins. If you’re experiencing any errors at this time, see our beginner’s guide to troubleshooting WordPress errors.

8. Test New WordPress Theme Across Browsers and Devices

Cross-browser testing will help you make sure your new website looks good on different browsers, screen sizes, operating systems, and mobile devices.

Most of your visitors will probably use Google Chrome to visit your WordPress blog. However, other web browsers like Firefox, Microsoft Edge, Safari, and more are still used by hundreds of millions of users worldwide.

If your new website doesn’t work right on one of those browsers, then you’re missing out on visitors and traffic. 

Luckily, you can use all kinds of cross-browser testing tools to see how your website looks across different browsers and devices.

For more details, see our guide on how to test a WordPress site in different browsers.

9. Delete WordPress Plugins You No Longer Need

Some WordPress themes will pre-install plugins when you install the theme. Some of these may be useful, but other times you won’t need them.

Simply go to Plugins » Installed Plugins to see if your theme has added any new plugins.

List of installed plugins

Now is also a good time to go through your entire plugin list to see if any plugins are worth deleting. 

If you’re looking for high quality plugins to use with your new theme, then see our picks of the must have WordPress plugins

10. Let Your Users Know Your New Website is Live

Once you’re ready to make your new WordPress theme live, you can turn off maintenance mode.

You should also get in touch with your readers to tell them about your new website. This will prepare your audience so that they’re not confused by any big design changes, and it will also help to keep your subscribers engaged and returning to your site to see the new design.

Here’s an example post we shared on Facebook about our new website redesign.

Redesign announcement example

We recommend notifying your audience via your email newsletter, social media, and push notifications.

If you’re looking for more ways to promote your site, then see our guide on how to share your blog posts with readers.

11. Test Loading Speeds for Your New WordPress Theme

Once your new theme is live and you’ve gone through the steps above, it’s time to do another speed test. Ideally, your new website will be faster and get better scores in your speed test.

To do this, simply use the same website speed tool you used earlier and compare the results. 

If the new theme is slower than your old theme, then make sure you run multiple tests, test from different areas, and check to see if you have any caching or firewall settings that could be causing the dip. 

12. Monitor Your WordPress Website Bounce Rate

Bounce rate is the percentage of visitors who land on your website and leave without continuing to a second page. A high bounce rate means that you didn’t convince your visitor to stay on your site long enough to take action.

After you switch themes, it’s important to monitor your bounce rate. Some themes are simply friendlier at helping visitors navigate around your site.

If your bounce rate has gone up since switching theme, then you’ll want to work to lower it. You can do this by improving your navigation menus, adding more internal links, adding a popular posts widget, and more.

For more details, see our guide on how to increase pageviews and reduce bounce rate in WordPress

13. Listen to Reader Feedback to Improve Your WordPress Website

Finally, it’s important you listen to reader feedback after you switch to a new theme. Some readers may love or hate certain parts of your design. 

You don’t have to listen to every reader and make the changes they suggest. But, if there’s a group of readers who are experiencing the same issue, then it’s probably worth looking into.

You can collect visitor feedback by adding a contact form to your website, or running a survey asking for reader feedback on your new design.

The easiest way to do this is by using WPForms. It’s the best WordPress survey plugin in the market used by over 5 million websites. 

WPForms

It lets you easily create engaging survey forms with the drag and drop builder.

Plus, the reporting section automatically creates beautiful reports to help analyze your results. 

For more details, see our guide on how to create a survey in WordPress.

We hope this article helped you learn exactly what you should do before switching WordPress themes. You may also want to see our guide on how to choose the best WordPress hosting and our expert picks of the best AI chatbot software for your website.

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

The post 12+ Things You MUST DO Before Changing WordPress Themes first appeared on WPBeginner.


December 10, 2021 at 04:30PM

Thursday, December 9, 2021

How to Add a Scrolling News Ticker in WordPress

Do you need to add a scrolling news ticker to your WordPress site?

You’ll often see news tickers used by television networks to highlight breaking news. You can add a news ticker to your website to highlight special deals or popular posts.

In this article, we’ll show you how to add a scrolling news ticker in WordPress.

How to Add a Scrolling News Ticker in WordPress

What Is a Scrolling News Ticker?

A news ticker scrolls a single line of information continuously across the screen. They typically display current news items, sporting results, live financial and currency information, and weather information.

They are a great way to display small snippets of information that are always changing. You’ll find that a news ticker can display quite a lot of information in a limited space on your WordPress blog.

For example, you could use a news ticker to display your best performing posts, items in your store that are on sale, or any other information that you want to highlight.

Another way to display this type of information on your website is with a sticky floating footer bar.

With that being said, let’s look at how to add a scrolling news ticker to your WordPress site.

How to Add a Scrolling News Ticker in WordPress

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

Upon activation, the plugin adds a News Ticker menu item to your WordPress admin area.

You need to navigate to News Tickers » Add New to add a news ticker. On the next screen, you will have the ability to give this particular news ticker a name, ticker text, and link.

Navigate to News Tickers » Add New

For each ticker, you can add as many ticks as you like. These are the separate pieces of information you want to display, and each can have its own link.

If you want to add another ticker item, then press the plus + button at the top right of the current tick. A new ticker item will be added.

Add a New Tick

Once you are done adding ticker items, you should click on the Ticker Mode tab. There are three different ticker modes available: scroll, rotate, and list.

Ticker Mode Tab

Scroll mode is the default setting because it is the most commonly used in television networks. Rotate is another good option if you want to show one ticker at a time.

The settings on the rest of the page allow you to adjust the behavior of the news ticker. You can configure scroll speed and direction, override the default ticker dimensions, and choose the spacing between each tick.

News Ticker Mode Settings

The plugin generates a shortcode as well as a PHP function for each news ticker you create. You can either add the shortcode to a post, page, sidebar widget, or you can directly insert the PHP function into your theme files.

News Ticker Shortcode and PHP Function

Once you insert the ticker shortcode or PHP function, then you can visit your website to see it in action.

News Ticker Preview

We hope this tutorial helped you learn how to add a scrolling news ticker in WordPress. You may also want to learn how to increase your blog traffic, or check out list of the best email marketing services for small businesses.

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

The post How to Add a Scrolling News Ticker in WordPress first appeared on WPBeginner.


December 09, 2021 at 04:00PM