EDITS.WS

Author: Editorial Staff

  • How to Add GTIN, ISBN & MPN Schema in WordPress

    Are you looking for a way to add GTIN, ISBN, and MPN schema to your WooCommerce store or WordPress website?

    Using GTIN, ISBN, and MPN schema on your WordPress site can help search engines better understand your products. This can boost your website’s SEO rankings.

    In this article, we will show you how to easily add the GTIN, ISBN, and MPN schema in WooCommerce and WordPress.

    Adding the GTIN, ISBN & MPN schema in WooCommerce and WordPress

    Why Should You Add GTIN, ISBN, & MPN Schema in WooCommerce and WordPress?

    GTIN (Global Trade Item Number) is used for identifying trade items such as products or services. By contrast, ISBN (International Standard Book Number) is used for tracking books, eBooks, and audiobooks.

    On the other hand, MPN (Manufacturer Part Number) is for tracking specific electronic components and parts, such as integrated circuits and resistors.

    GTIN, ISBN, and MPN schema properties are markup code that you can add to your WordPress website to provide detailed and accurate product information to search engines.

    This markup can help improve your content visibility and improve the SEO of your website. When people search for a specific ISBN, GTIN, or MPN, then your products may show up in the search results.

    For example, if your run an online store that sells books, then you can add the ISBN schema to increase your website visibility.

    Buy books preview

    Using schema markup in WooCommerce or WordPress can be a great way to get more clicks to your website from organic search results, which can lead to more sales.

    It can also improve the customer shopping experience by making it easier for users to find and purchase your products.

    That being said, let’s see how to easily add GTIN, ISBN, and MPN schema in WordPress and WooCommerce. You can use the quick links below to jump to the method you want to use:

    Method 1: Add GTIN, ISBN, & MPN Schema to WordPress Website

    If you are looking to add GTIN, ISBN, or MPN schema to your WordPress website, then this method is for you.

    You can easily add this schema using All in One SEO (AIOSEO), which is the best WordPress SEO plugin on the market used by over 3 million websites.

    The plugin also allows you to add different types of schema to your website, including FAQs, recipes, articles, and product schema.

    First, you need to install and activate the AIOSEO plugin. For detailed instructions, you may want to see our beginner’s guide on how to install a WordPress plugin.

    Note: AIOSEO also has a free version. However, you will need the Pro version of the plugin to unlock the schema markup feature.

    Upon activation, the plugin will launch the setup wizard on your screen, which will walk you through the setup process.

    If you need any help with it, then you may want to see our step-by-step guide on how to set up All in One SEO in WordPress.

    Click let's get started AIOSEO setup wizard

    Next, you need to visit the AIOSEO » Search Appearance page from your WordPress admin sidebar and switch to the ‘Content Types’ tab.

    From here, scroll down to the ‘Products’ section and switch to the ‘Schema Markup’ tab. After that, you need to select the ‘Product’ option from the ‘Schema Type’ dropdown menu.

    Finally, click the ‘Save Changes’ button to store your changes.

    Configure the Search Appearance settings

    Now, you will be able to add separate schema markup for all your products. To do this, head over to the page or post where you want to add the ISBN, GTIN, or MPN schema from the WordPress admin sidebar.

    Once you are there, scroll down to the ‘AIOSEO Settings’ section in the block editor and switch to the ‘Schema’ tab.

    Next, you need to click on the ‘Generate Schema’ button.

    Click the Generate Schema button

    This will launch the ‘Schema Catalog’ popup on your screen, where you can select the schema template you want to add.

    Go ahead and click the ‘+’ button next to the ‘Product’ option.

    Select the Product schema

    This will open up a modal where you can add the details for your product and tell search engines like Google all of its information.

    You can start by providing a name, description, brand, and image for your product.

    Once you have done that, scroll down to the ‘Identifiers’ section, where you can insert the GTIN, ISBN, or the MPN of the product.

    Add the GTIN, ISBN, or MPN into the schema

    After that, you can further scroll down to add the price, attributes, reviews, and shipping destination for the product in the schema markup.

    Once you are done, just click the ‘Add Schema’ button to save your schema markup for the product. Now, you can repeat the process for the other products on the page.

    Add other details and click Add Schema button

    If you sell books online, then you can also select the ‘Book’ schema from the ‘Schema Catalog’ popup. This will open up a new modal where you can add the title, author, description, and image of the book.

    After that, scroll down to the ‘Editions’ section and add the ISBN for the book. Finally, click the ‘Add Schema’ button to generate the schema.

    Add book details

    Once you have added the GTIN, MPN, or ISBN schema for all the products, don’t forget to click the ‘Update’ or ‘Publish’ button at the top to save your changes.

    You and your visitors won’t be able to see a difference on the front end of your website, but search engine bots will now have the ISBN, GTIN, or MPN details for the products.

    Method 2: Add GTIN, ISBN, & MPN Schema to Your WooCommerce Store

    If you want to add GTIN, ISBN, or MPN schema markup in your WooCommerce store, then you can use this method.

    You can easily add the schema markup for ISBN, GTIN, and MPN using the All in One SEO (AIOSEO) plugin, which is the best WordPress SEO plugin on the market.

    First, you need to install and activate the AIOSEO plugin. For detailed instructions, you may want to see our step-by-step guide on how to install a WordPress plugin.

    Note: AIOSEO has a free version, but you will need the Pro version to unlock the schema markup feature.

    Upon activation, the plugin will launch a setup wizard on your screen. If you need any help, then you may want to see our tutorial on how to set up All in One SEO in WordPress.

    Click let's get started AIOSEO setup wizard

    Next, head over to the Products » All Products page from the WordPress admin sidebar.

    Once you are there, just click the ‘Edit’ link under the product where you want to add the GTIN, ISBN, or MPN schema.

    Click Edit link under a product

    This will open up the ‘Edit Product’ page, where you need to scroll down to the ‘AIOSEO Settings’ meta box.

    From here, switch to the ‘Schema’ tab, where you will see the ‘Product’ schema is already in use by default. Now, simply click the ‘Edit’ button next to the schema.

    Click the Edit Schema button

    This will open up an ‘Edit Product’ popup on the screen, where you will see that the ‘Autogenerate Field’ toggle has been switched to ‘Yes’.

    This means that AIOSEO automatically fetches and fills the schema data for the product title, image, and description.

    However, if you would like to fill these fields manually, then you can simply switch the ‘Autogenerate Fields’ toggle to ‘No’.

    Toggle the Autogenerate Fields switch

    After that, scroll down to the ‘Identifiers’ section and add the GTIN, ISBN, or MPN for your product. You can also add other attributes, shipping destinations, and product reviews in the schema markup.

    After you have made your changes, don’t forget to click the ‘Update Schema’ button.

    Add the ISBN, GTIN, or MPN and click Update Schema button

    If your online store only sells books, then you can click on the ‘Generate Schema’ button in the Schema tab and then select the ‘Book’ schema template from the catalog.

    This will open the Schema Generator on the screen, where you can add the title, image, and description for the book you are selling.

    Add book details

    After that, scroll down to the ‘Editions’ section and add the ISBN for your book.

    After entering the details, simply click the ‘Add Schema’ button to generate your schema markup for books.

    Add book details

    Finally, click the ‘Update’ button at the top to store your changes.

    You have now successfully added a schema markup for your products, including the GTIN, ISBN, or MPN details.

    Keep in mind that these changes will not be visible on your website’s front end but will help search engine bots rank your content.

    We hope this article helped you learn how to easily add the GTIN, ISBN, and MPN schema in WooCommerce and WordPress. You may also want to see our tutorial on how to add FAQ schema in WordPress and our expert picks for the best WordPress schema markup plugins.

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

    The post How to Add GTIN, ISBN & MPN Schema in WordPress first appeared on WPBeginner.

  • How to Add Social Media Icons to WordPress Menus (Easy Way)

    Are you looking for a way to add social media icons to WordPress menus?

    The logos for sites like Facebook and Twitter are instantly recognized by people all over the world. By adding these icons to your menus, you can promote your social media profiles in an eye-catching way that doesn’t take up a lot of space.

    In this article, we will show you to add social media icons to WordPress navigation menus.

    How to add social media icons to WordPress menus (easy way)

    Why Should You Add Social Media Icons to Menus?

    By adding social media icons to your website, you can encourage people to visit your different social networking profiles. This can get you more followers and engagement across Facebook, Twitter, Instagram, and more.

    One option is to add social media icons to your WordPress sidebar or a similar widget-ready area. However, when people want to visit a new page, they typically look at your navigation menu first.

    By adding social media icons to your WordPress menus, you can often get more clicks, engagement, and followers across all your social media profiles.

    Social media icons can also grab the visitor’s attention without adding extra text to your menus. This allows you to promote lots of different profiles in a small amount of space.

    That being said, let’s take a look at how to easily add social media icons to WordPress menus.

    Video Tutorial

    If you prefer written instructions, just keep reading. Simply use the quick links below to jump straight to the method you want to use:

    The easiest way to add social media icons to WordPress menus is by using Menu Image. This free plugin allows you to add image icons to your navigation menus, including social icons.

    When creating your social icons, you can use any image that you have uploaded to the WordPress media library.

    For example, many of the top social media companies provide logos that you can use on your website, such as the Twitter brand toolkit. You can also download icons from online libraries like the Font Awesome website.

    Menu Image also integrates with the Font Awesome plugin. This allows you to browse and import all the Font Awesome icons directly from the WordPress dashboard, including icons for all the major social networks. For this reason, we recommend installing the Font Awesome plugin.

    For detailed instructions on how to set up Font Awesome, please see our guide on how to easily add icon fonts in your WordPress theme.

    No matter how you plan to provide the social media icons, you will need to install and activate the Menu Image plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

    Upon activation, you may want to take a look at the icon sizes and change them if necessary. To do this, you need to go to Menu Image » Menu Image.

    How to add social media icons to a WordPress menu

    When creating your social icons, you can use any of the default WordPress image sizes, such as thumbnail, image, or large. Menu Image also lets you choose between three unique sizes that are set to 24×24, 36×36, and 48×48 pixels by default.

    These sizes should work well for most WordPress websites, but you can change them by typing different numbers into the 1st, 2nd, or 3rd Menu Image fields.

    Resizing social media icons in WordPress

    With that done, click on ‘Save Changes’ to store your settings.

    To add icons to a navigation menu, head over to Appearance » Menus. By default, WordPress will show your site’s primary menu.

    Selecting a WordPress menu to edit

    If you want to add social media icons to a different menu, then just open the ‘Select a menu to edit’ dropdown.

    You can then choose a menu from the list and click on ‘Select.’

    Editing a WordPress navigation menu

    For step-by-step instructions on how to create a new menu, please see our guide on how to add a navigation menu in WordPress.

    To start, you will need to add each social profile to your menu as a new link.

    When you are ready, click to expand the ‘Custom Links’ section and then type in the address of the social media page you want to use. For example, you might enter the URL of your Facebook group or YouTube channel.

    You will also need to type in some ‘Link Text’. In a later step, you will have the option to change where this title appears in the menu or even hide it completely.

    Adding link text to a website navigation menu

    With that done, click on ‘Add to Menu.’

    This item will now appear in the right-hand column.

    Adding social links to a WordPress website

    To add a social media icon, simply hover over the new menu item.

    Then, click on the ‘Menu Image’ button when it appears.

    Adding icons and images to a WordPress menu

    Note: If you don’t see a ‘Menu Image’ button, then click on ‘Save Changes’. Now, the ‘Menu Image’ button should appear when you hover over any item in the menu.

    You can now decide whether to use an image from your WordPress media library or an icon provided by Font Awesome.

    To use a ready-made Font Awesome icon, click on the radio button next to ‘Icon’.

    Adding Twitter, Facebook, and other social icons to WordPress

    Then, select ‘Fontawesome’.

    You can then click on ‘Brands’.

    Adding branded icons to a WordPress navigation menu

    You will now see all the branded icons, including icons for all the major social networks. When you see the image you want to use, just give it a click.

    Another option is using your own icon from the WordPress media library by selecting the ‘Image’ radio button. Then, click on the ‘Set Image’ link.

    Adding any file or image to a WordPress navigation menu

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

    No matter where you get the icon from, Menu Image will show a preview on the right.

    Previewing icons in a website or blog navigation menu

    You can now change whether the link title appears above, below, before, or after the social media icon using the ‘Title position’ settings.

    Many social media icons are instantly recognizable, so the link title may be unnecessary. If you are adding lots of social icons to a navigation menu, then titles can even make your menu look more messy and complicated.

    With that being said, you may want to hide the title by selecting the ‘Hide’ radio button.

    Hiding the menu link title text

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

    Finally, if you are using your own image, then you can resize the social media icons using the ‘Image Size’ dropdown.

    Resizing social icons on a WordPress navigation menu

    Bigger icons will grab the visitor’s attention, but they can also be distracting. With that in mind, you may want to try different sizes to see what works best on your WordPress blog.

    When you are happy with how the social media icon is set up, simply click on ‘Save Changes’.

    Publishing social icons on a WordPress website

    Simply repeat these steps to add more icons to your WordPress menu.

    You can even add icons to other important items in the navigation menu. For example, you might add icons to your contact form or WooCommerce checkout page.

    When you are happy with how the menu is set up, just click on ‘Save Menu.’

    Publishing a menu with social icons

    Now, you can visit your website to see the new social media icons in action.

    This is how it looked on our demo website.

    Adding social icons to a WordPress menu

    Method 2: Using the Full Site Editor (Block Themes Only)

    WordPress has a built-in Social Icons block that allows you to create a menu containing social media icons and then display them in a nice layout.

    An example of a social media navigation menu

    This block comes with built-in icons for all the major social networks, so you don’t need to install a plugin like Font Awesome or upload icons to your media library. However, you can only add social media icons and links to the Social Icons block, so it isn’t as flexible as the Menu Image plugin.

    If you are using a block theme, then you can add a Social Icons block to any part of your website, such as the header or footer. In this way, you can show a social media menu across your entire website.

    To get started, head over to Appearance » Editor in the WordPress dashboard.

    Accessing the full site editor

    By default, the full site editor shows your theme’s home template, but you can add social icons to any template or template part. You can even add social media icons to parts of your website you can’t edit using the standard WordPress content editor.

    For example, you can add a social media menu to your site’s 404 page template.

    To see all the available options, you need to select either ‘Templates’ or ‘Template Parts’.

    Adding social icons to a block-based template

    You can now click on the template or template part that you want to edit.

    As an example, we will add social media icons to the WordPress header, but the steps will be the same no matter which template you select.

    Adding Twitter, Facebook, Instagram and other social icons to a block-enabled template

    After making your choice, WordPress will show a preview of the template or template part.

    To continue, click on the small pencil icon.

    Editing a block-based header template

    With that done, click on the blue ‘+’ icon in the top-left corner.

    In the search bar, you must type in ‘Social Icons.’

    Adding the Social Icons block to WordPress

    When the right block appears, drag and drop it onto the theme template.

    To add the first icon, just click on the ‘+’ icon inside the block.

    Adding social icons to a WordPress template

    In the popup that appears, type in the icon you want to add, such as ‘Twitter’ or ‘Facebook’.

    When the right icon appears, simply click to add it to your WordPress blog.

    Adding a Twitter icon to a WordPress navigation menu

    Now, click on the new social media icon.

    This opens a small bar where you can type in the URL you want to link to, like your Facebook page.

    Adding URLs to a social media menu

    To add more social icons to WordPress, simply click on the ‘+’ icon and repeat the same process described above.

    After adding all the social media icons, you may want to customize the block. To do this, click to select the Social Icons block and then click on the ‘Block’ tab.

    Customizing a social block in WordPress

    You can change the icon’s justification, alignment, and orientation using the ‘Layout’ settings.

    By default, all the social media links will open in the same tab. To keep visitors on your website, you may want to click to enable the ‘Open links in new tab’ toggle.

    Opening website links in a new browser tab

    By default, WordPress shows the social icons only, without any text.

    If you want to show text next to each icon, then click to enable the ‘Show labels’ toggle.

    Adding labels to a social menu

    Next, click on the ‘Styles’ tab.

    Here, you can change the button style by clicking on ‘Default’, ‘Logos Only’, or ‘Pill Shape’.

    Adding button styles to a navigation menu

    Finally, you can change the space between the social icons using the settings under ‘Block Spacing’.

    When you are happy with how the menu looks, click on the ‘Save’ button.

    Publishing a social icons block in WordPress

    Now, if you visit your website, then you will see the social media icons live.

    Bonus: How to Promote Your Social Media Profiles

    Adding social media icons to WordPress menus is a great way to get more followers and engagement across your different accounts. However, there are lots more ways to promote your Twitter, Facebook, and other social profiles.

    The best way to get more followers and engagement is by embedding a live social feed on your website. This allows you to show the latest posts from multiple accounts, along with buttons that visitors can use to engage with your posts or follow you on social media.

    The best way to add social media feeds to your website is by using Smash Balloon. It’s the best social media feed plugin for WordPress and lets you embed live feeds from Twitter, Instagram, Facebook, and more.

    The Smash Balloon social media WordPress plugin

    For more information, please see our guide on how to add social media feeds to WordPress.

    We hope this article helped you learn how to add social media icons to WordPress menus. You may also want to see our guide on how to embed a Facebook video in WordPress or see our expert picks for the best Twitter 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 Add Social Media Icons to WordPress Menus (Easy Way) first appeared on WPBeginner.

  • 7 Best WordPress Backup Plugins Compared (Pros and Cons)

    Are you looking for the best WordPress backup plugin for your website?

    Creating regular WordPress backups is the best thing you can do for your website security. Backups give you peace of mind and can save you in catastrophic situations, like when your site gets hacked or you accidentally lock yourself out.

    There are several free and paid WordPress backup plugins, most of which are fairly easy to use.

    In this article, we will share some of the best WordPress backup plugins for small businesses.

    Best WordPress Backup Plugins

    Important: While many WordPress hosting providers offer limited backup services, we always recommend that our users not rely solely on them. At the end of the day, it is your responsibility to keep regular backups of your website.

    If you are not already backing up your WordPress website, then you should pick one of these best WordPress backup plugins and start using it right away.

    1. Duplicator Pro

    Duplicator

    Duplicator Pro is a powerful and user-friendly WordPress backup plugin used by over 1.5 million website owners. It makes it easy to back up, migrate, and clone your WordPress site, even for beginners.

    You can create manual or scheduled WordPress backups and safely store them on popular cloud services like Dropbox, Google Drive, FTP, OneDrive, and Amazon S3.

    You can also view all of your backups right from your WordPress dashboard, which makes backup management simple.

    When you need to restore a backup, the Duplicator Recovery Wizard will walk you through restoring your backup files, step by step.

    Duplicator comes with all of the backup features you need, including complete WordPress files & database backups, recovery points, archive encryption for enhanced security, and more.

    It also offers advanced site migration features such as an easy migration wizard, a streamlined installer, server-to-server imports, multisite network migrations, customizable pre-configured sites, large site support, and more.

    At WPBeginner, we have used Duplicator for various website migrations, and it’s super reliable, especially for complex migrations.

    Pricing: Starts at $49.50 per year for unlimited backups for up to 2 sites. There’s also a free version of Duplicator that you can use to get started.

    Review: Duplicator Pro is a top-rated WordPress backup and migration plugin. It has over 1.5 million active installs and an average 4.9 out of 5 star rating. The free version has everything you need to get started. But we recommend upgrading to the premium version to access features like cloud storage, scheduled backups, and more.

    2. UpdraftPlus

    UpdraftPlus best WordPress backup plugin

    UpdraftPlus is the most popular free WordPress backup plugin available on the internet. It is used by more than 3 million websites.

    UpdraftPlus allows you to create a complete backup of your WordPress site and store it on the cloud or download it to your computer.

    The plugin supports scheduled backups as well as on-demand backups. You also have the option to choose which files you want to backup.

    It can automatically upload your backups to Dropbox, Google Drive, S3, Rackspace, FTP, SFTP, email, and several other cloud storage services (see our step-by-step guide on how to backup & restore your WordPress site with UpdraftPlus).

    Besides backing up each WordPress website, UpdraftPlus also allows you to easily restore backups directly from your WordPress admin panel.

    UpdraftPlus also has a premium version with add-ons to migrate or clone websites, database search and replace, multisite support, and several other features. The premium version also gets you access to priority support.

    Pricing: Free (UpdraftPremium Personal costs $70 per year).

    Review: UpdratPlus is one of the most loved WordPress backup plugins on the market. It has over 3 million active installs and an average 4.8 out of 5 star rating. While the free version has a lot of features, we recommend upgrading to UpdraftPlus premium to unlock all its powerful backup features.

    3. Jetpack VaultPress Backup

    Jetpack Backups

    Jetpack VaultPress Backup is a popular WordPress backup plugin by Automattic, the company created by WordPress co-founder Matt Mullenweg.

    This plugin was originally launched under the name VaultPress, which is what we use on WPBeginner, but now it’s been redesigned and rebranded as Jetpack Backups. We have started to switch several of our websites to the new Jetpack backup platform because it’s more up-to-date.

    The Jetpack backup plugin offers automated daily and real-time cloud backup solutions without slowing down your site. You can easily set up Jetpack backups and restore from backups within a few clicks.

    The higher plans of Jetpack also offer security scans and several other powerful features.

    There are a few downsides to using Jetpack backups for beginners.

    First, a recurring expense can add up with multiple WordPress sites because you pay per site.

    Second, the purchase flow is quite complicated, and they force you to install the Jetpack plugin to purchase a subscription. The good news is that you can manually disable all the unnecessary features of Jetpack except for backups, so they don’t slow down your site.

    Lastly, backups are stored for only 30 days on the lower plans. If you want an unlimited backup archive, you will have to pay $4.95 per month per website, which is significantly more expensive for beginners when compared to other solutions listed here.

    WPBeginner website still uses VaultPress (an older version of Jetpack) because we got grandfathered in at their older pricing, which was much more favorable.

    However, even at the higher price, Jetpack backup is completely worth it due to the stellar reputation of Automattic. This is why we pay for higher priced real-time backup plans for our new sites like All in One SEO because it’s an eCommerce store, and we want maximum protection.

    Pricing: From $14.95 per month for a daily backup plan or $59.40 if you pay for a full year in advance.

    Review: Jetpack VaultPress Backup is a premium backup service with a premium price point. If you are already using JetPack for other features like JetPack CDN for photos, social media promotion, and Elastic search, then it’s good value to purchase their Complete plan bundle. If you are just after real-time cloud backups for WordPress, then you can also look at BlogVault in our list because they offer more affordable pricing for beginners.

    4. BackupBuddy

    BackupBuddy WordPress Backup Plugin

    BackupBuddy is one of the most popular premium WordPress backup plugins used by over half a million WordPress sites. It allows you to easily schedule daily, weekly, and monthly backups.

    With BackupBuddy, you can automatically store your backups in cloud storage services like Dropbox, Amazon S3, Rackspace Cloud, FTP, and Stash (their cloud service) and even email it to yourself.

    If you use their Stash service, you can also do real-time backups.

    The biggest advantage of using BackupBuddy is that it is not a subscription-based service, so there is no monthly fee. You can use the plugin on the number of websites mentioned in your plan.

    You also get access to premium support forums, regular updates, and 1GB of BackupBuddy Stash storage to store your backups. In addition, their iThemes Sync feature lets you manage up to 10 WordPress sites from a single dashboard.

    You can even use BackupBuddy to duplicate, migrate and restore websites.

    Pricing: $99 for Basic Plan (1 Site License).

    Review: BackupBuddy is a cost-effective premium WordPress backup solution for you. It has a full set of features you will need to back up, restore, and move a WordPress site. In a nutshell, it’s a powerful UpdraftPlus and VaultPress alternative that you can use.

    5. BlogVault

    BlogVault Best Backup Service for WordPress

    BlogVault is another popular WordPress backup service for WordPress. It’s a Software as a Service (SaaS) solution rather than just a WordPress plugin. It creates offsite backups independently on BlogVault servers, so there will be zero load on your server.

    BlogVault creates an automatic backup of your website daily and also allows you to manually create unlimited on-demand backups. It features smart incremental backups that sync only incremental changes for minimal server load. This ensures optimal performance for your WordPress site.

    Besides backups, it helps you to recover your website easily. You can store 90 days backup archive on lower plans and a 365-day backup archive on the higher plan, so you can recover your site from any mishap.

    It also has a built-in staging site feature to let you test your website easily. Plus, they provide an easy option to migrate your website to another host.

    BlogVault features are very promising for small businesses, and their real-time backup plan is affordable compared to Jetpack backups (half the price). However, if you compare it to self-hosted plugins like Updraft or BackupBuddy, the cost per site is more expensive.

    Pricing: $89 per year for Personal Plan 1 Site License for daily backups. $299 per year for high frequency daily backups.

    Review: BlogVault is an easy-to-use WordPress backup solution. It creates offsite backups, so your website server will not be overloaded with your backups. The pricing seems very affordable for small businesses that want real-time backups but don’t want to pay the premium pricing of Jetpack backups.

    6. BoldGrid Backup

    BoldGrid Backup WordPress plugin

    BoldGrid Backup offers Total Upkeep, an automated WordPress backup solution by BoldGrid.

    It allows you to easily create your website backups, restore your site after it crashes, and even use it to move your site when switching hosts. You can set up automated backups or manually create backups with one click.

    Total Upkeep comes with an automated fault protection feature that automatically creates a backup of your site before it updates. If an update fails, it automatically rolls back your WordPress site to the last backup. It’s a great feature that protects you against update errors.

    With BoldGrid’s Total Upkeep, you can store backup archives on your dashboard and in remote storage locations like Amazon S3, FTP, or SFTP.

    Pricing: $2.50 per month billed annually (Includes all of BoldGrid Premium tools & Services).

    Review: BoldGrid Total Upkeep Backup is a simple WordPress backup plugin you can use to create your website backups. If you want to take advantage of their bundle plan, including other powerful tools, then you will need to purchase the BoldGrid Premium Connect Key. This plan also includes the WordPress website builder, costing $60 per year.

    7. BackWPup

    BackWPup free WordPress backup plugin

    BackWPup is a free plugin that allows you to create complete WordPress backups for free and store them on the cloud (Dropbox, Amazon S3, Rackspace, etc.), FTP, email, or on your computer.

    It is extremely easy to use and allows you to schedule automatic backups according to your site’s update frequency.

    Restoring a WordPress site from a backup is also very simple. The BackWPup Pro version comes with priority support, the ability to store backups on Google Drive, and other cool features.

    Pricing: Free (Premium plan is also available).

    Review: Used by over 700,000 websites, BackWPup is a great alternative to other backup plugins in the list. The premium version of the plugin adds more powerful features, including easy and quick website restoration from the backend with a standalone app.

    Which Is the Best WordPress Backup Plugin?

    Each WordPress backup plugin in our list has pros and cons, but all plugins offer complete WordPress file backup and full database backup features.

    We use Jetpack Backups for two main reasons. It is extremely easy to use, and it offers real-time incremental backups.

    This means that instead of backing up all of your files every day or every hour, it only creates a backup of what has been updated literally within minutes of the update. This is ideal for a large website like ours because it allows us to use our server resources efficiently.

    However, if you run a small to medium size website and hate paying high monthly fees, we recommend the popular Duplicator plugin. It has powerful features like backup encryption, scheduled backups, and many cloud storage options.

    Whichever WordPress backup plugin you choose, please do NOT store your backups on the same server as your website.

    By doing that, you are putting all of your eggs in one basket. If your server’s hardware fails or you get hacked, you don’t have a backup. This defeats the purpose of setting up regular backups.

    We recommend storing your backups on a third-party storage service like Dropbox, Amazon S3, Google Drive, etc.

    We hope this article has helped you pick the best WordPress backup plugin for your site. You may also want to see our step-by-step WordPress security guide for beginners and our comparison 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 7 Best WordPress Backup Plugins Compared (Pros and Cons) first appeared on WPBeginner.

  • How to Create a Searchable Database in WordPress (Step by Step)

    Do you want to create a searchable database in WordPress?

    A searchable database allows you to easily store, manage, and update all the data on your website in a central location. This can be helpful for sorting through information from contact form submissions or other user data.

    In this article, we will show you how to easily create a searchable database in WordPress.

    Create a searchable database in WordPress

    What Is a Searchable Database?

    A searchable database is a collection of all the data on your website that you can filter to find the information that you need. It allows you to organize and view all the data that is coming into your WordPress blog.

    For example, you can use a searchable database to easily sort and view user information submitted via your contact form.

    This ensures that you don’t waste time manually searching through pages or posts to access the data you need. Plus, viewing data in a central location can also help you see data trends and use them to your advantage to generate more leads for your business.

    Searchable databases also have a user-friendly interface that makes it easy to navigate and interact with the back end of your WordPress website, even if you are a beginner.

    Having said that, let’s see how you can easily add a searchable database in WordPress step by step. You can use the quick links below to jump to the different parts of the tutorial:

    How to Add a Searchable Database in WordPress

    You can easily add a searchable database in WordPress using Formidable Forms.

    Formidable Forms is an all-in-one WordPress form builder plugin that comes with a drag-and-drop interface to create different forms, including quizzes, contact forms, surveys, payment forms, and more.

    It also comes with a built-in searchable database feature that lets you easily search, edit, add, display, hide, sort, and view all your WordPress form data in one location.

    First, you need to install and activate the Formidable Forms plugin. For more detailed instructions, you may want to see our beginner’s guide on how to install a WordPress plugin.

    Note: Formidable Forms also has a free version that you can use to create a searchable database. However, we will be using the Pro version to unlock more features.

    Step 1: Create a Form Using The Plugin

    Upon activation, you need to head over to the Formidable » Forms page from the WordPress admin sidebar. From here, click the ‘Add New Form’ button to start creating a form for your WordPress site.

    Click the Add New Form button

    This will open up a ‘Create new form’ prompt on the screen, where you have to select a form template.

    For this tutorial, we will be creating and adding a contact form to our website.

    Select contact form template

    Once you have done that, you will be asked to name your form.

    After that, just click the ‘Create’ button to launch the form builder.

    Click Create button to launch the form builder

    This will open up the drag-and-drop builder interface, where you can drag form fields of your choice from the left column onto the form.

    You can even customize your form by switching to the ‘Style’ tab at the top and choosing a theme for it.

    Once you are done, simply click the ‘Update’ button at the top to store your changes.

    Save your form by clicking the Update button at the top

    Now, to add the form to your WordPress website, you need to head over to an existing or new page from the WordPress admin sidebar.

    Once there, click the ‘+’ button in the top left corner of the screen to open up the block menu.

    From here, find and add the Formidable Forms block to the page.

    Add Formidable Forms block

    Next, you must click the ‘Select a form’ dropdown menu in the block and choose the form that you want to add to the page.

    Once you are done, simply click the ‘Update’ or ‘Publish’ button at the top to store your settings.

    Now that a form has been added to a page, a searchable database will automatically be created for it.

    Contact form preview

    Step 2: View And Edit Data Using a Searchable Database

    Once users start submitting their information in the form, all of this data will be collected and stored in the database.

    You can easily view it by visiting the Formidable » Entries page from the admin sidebar. Here, each entry for the form will be displayed on the screen.

    Simply click the ‘View’ link under an entry name to see it.

    Alternatively, if you want to edit the form entry, then you can click the ‘Edit’ link under it.

    View or edit form entries

    This will take you to a new screen, where you will be able to view all the user information, entry id, entry key, submission data, and more.

    You will also be able to edit and update the form details.

    Edit entry

    Step 3: Visualize Searchable Database as a Table

    Formidable Forms is one of the best WordPress table plugins to display data, and it makes it super easy to create a database table.

    If you want to easily visualize all the form data as tables, grids, or calendars, then you must visit the Formidable » Views page from the admin sidebar.

    Keep in mind that the Views feature is only available in the Pro version of the plugin.

    From here, click the ‘+Add New’ button in the top right corner of the screen.

    Click Add New button

    This will open up a prompt where you have to select a view type, such as a grid, table, calendar, or ready-made solutions.

    For this tutorial, we will be picking ‘Table’ as the data view type.

    Choose View type

    After that, you need to provide a name for your view type. This name won’t be displayed on the front end and is only for your identification purposes.

    Next, select your form from the ‘Select Datasource’ dropdown menu. The plugin will then fetch entries for the data from the form you choose.

    Once you have done that, just click the ‘Create a view’ button to move forward.

    Choose data source for View

    Next, you will be asked to customize the view. From here, you have to select all the columns that you want to be displayed in the database table.

    For example, if you want to have a column with the email addresses of all the users that have submitted the form, then you need to select the ‘Email’ option.

    You can also use the search bar at the top to find a form field not displayed on the screen. Keep in mind that the plugin can only fetch data for the form fields that are already added to the form.

    After that, click the ‘Create a view’ button to continue.

    Customize Views

    This will take you to the ‘Views’ page, where you will be able to see and search through all the data for your form entries.

    From here, you can even look for a specific entry using the ‘Filter entries’ and ‘Sort entries’ features at the top.

    Views page

    You can even edit each column in the table individually by clicking on it to launch the ‘Edit Listing Page Content’ prompt on the screen.

    For example, if you want to change the entry update date of each user to the same current date, then you can click on the ‘Entry Updated Date’ field in the user table and enter a new value.

    Edit form entry data

    Once you are done, just click the ‘Update’ button at the top to save your changes.

    You can now easily view and search through your form database.

    Step 4: Export the Searchable Database to Your Computer (Optional)

    If you want to export your searchable database to your computer, you must head over to the Formidable » Import/Export page from the WordPress admin sidebar.

    Once there, scroll down to the ‘Export’ section and choose ‘XML’ as the export format.

    After that, select the data you want to be included in the XML file by checking the box next to the options. If you want to export all the data in the View you created, then check the box next to that option.

    Select data to export

    Next, select the form with the data you want to export from the ‘Select Form’ section.

    Finally, click the ‘Export Selection’ button to download the file. You have now successfully exported the database to your computer.

    Click Export Selection button

    We hope this article helped you learn how to create a searchable database in WordPress. You may also want to see our comparison of WPForms vs. Gravity Forms vs. Formidable Forms to find the best WordPress form plugin or our expert picks for the best WordPress database plugins.

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

    The post How to Create a Searchable Database in WordPress (Step by Step) first appeared on WPBeginner.

  • How to Add Multi-Column Content in WordPress Posts (No HTML Required)

    Do you want to add multi-column content to your WordPress posts?

    Columns can be used to create engaging layouts for your posts and pages. They make it easier for you to organize your content. They can also improve readability as your website visitors quickly scan the text.

    In this article, we will show you how to easily add multi-column content to your WordPress posts without writing any HTML code.

    How to add multi column content in WordPress posts

    Why Add Multi-Column Content in WordPress?

    Traditional print media, like newspapers and magazines, have been using multi-column layouts since the very early days of printing.

    Their goal was to make it easier for users to read the smaller text while utilizing the available space economically.

    Single-column layouts are more commonly used on the web. However, multi-column grids are still useful for highlighting content and making it easier to scan and read.

    For example, if you run a magazine website, then you can use a multi-column layout to organize your content. It will give it the same feel as you would find in a physical magazine.

    Organizing your content in multiple columns is also helpful if you are publishing comparisons, research papers, and other interactive content on your WordPress website. It helps improve readability and boost engagement.

    That said, let’s see how you can add multi-column content in the block and classic editor. You can simply click the links below to jump ahead to the method you want to use:

    Adding Multi-Column Content in WordPress Block Editor – The Easy Way

    Creating multi-column content, also known as grid column content in WordPress, is now easy because it is a default feature. The WordPress Block Editor includes a Columns block.

    To add a multi-column layout, you need to create a new post or edit an existing one. Once you are in the content editor, click on the ‘+’ icon at the top to add a block.

    Next, you need to select the Columns block in the ‘Design’ tab.

    Add a column block

    Next, you will need to select the number of columns and layouts you would like to use for your blog post.

    WordPress will show you different options to choose from. For example, you can pick a 50/50 column layout, use a 33/66 layout, and more.

    Choose number of columns to add

    After choosing a layout, you can add blocks to your columns. The Columns block allows you to add blocks inside each column.

    For example, you can select the Paragraph block and add content to it.

    Add blocks to columns

    You will also be able to see the block settings in the right column of the post-edit screen in the settings panel. Here, you can edit the width of the columns.

    In addition to the text, you can also add images and embed videos in WordPress columns.

    Simply take the mouse to one of the columns, and click the ‘+’ button to add a block. You can also add a block by typing ‘/’ and then the block name.

    For example, we added an image in one column and some text in the other column.

    Add media content to columns

    Adding Multiple Columns in Old WordPress Classic Editor

    If you haven’t upgraded your WordPress to Gutenberg and are still using the Classic Editor, then you will need to install a separate plugin for creating a grid column layout.

    First, install and activate the Column Shortcodes plugin. For detailed instructions, follow our step-by-step guide on how to install a plugin in WordPress.

    Upon activation, you can create a new post or edit an old one. Once you are in the classic editor, simply click on the ‘[ ]’ button in the toolbar.

    Click the shortcode buttons

    The plugin will now show you a list of column shortcodes for your blog post.

    You can choose any layout you would like to add to your WordPress blog. There are also options to edit the column padding.

    Select shortcode for columns

    Once you have selected a shortcode, it will automatically appear in the classic editor. For instance, we picked the ‘one half’ shortcode for this tutorial.

    You can then enter your content between the shortcodes.

    Enter your text between column shortcodes

    Next, you can click the shortcode icon ‘[ ]’ again to add another column shortcode.

    Let’s add the ‘one half (last)’ shortcode to show two columns next to each other. From here, you just need to add your content to the other column.

    Enter text for second column and publish post

    After that, you can preview your post and publish it.

    Here’s how it looked on our test site.

    Multi column content in classic editor

    We hope this article helped you learn how to add multi-column content in WordPress posts and pages. You may also want to see our simple guide to WordPress SEO and our expert picks for the must-have WordPress plugins for business sites.

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

    The post How to Add Multi-Column Content in WordPress Posts (No HTML Required) first appeared on WPBeginner.

  • How to Easily Create Post Purchase Surveys in WooCommerce

    Are you looking for the best way to gather useful feedback about your WooCommerce store from your active customers?

    User surveys can help you get valuable information so you can use it to make data-driven decisions. For example, they can help you find out how to improve your sales funnel or why your customers bought a particular product.

    In this article, we will show you how to easily create post purchase surveys in WooCommerce.

    How to Easily Create Post Purchase Surveys in WooCommerce

    Why Use Post Purchase Surveys in WooCommerce?

    If you have a WooCommerce store, then you may be wondering what your customers think of your products and online store. There’s no easy way to find out without actually asking them.

    Luckily, you can use a WordPress survey plugin to collect real user feedback quickly and easily. This feedback will help you discover the ‘why’ behind every website visitor’s action. This is something you can’t learn from Google Analytics alone.

    When creating your customer survey, make sure you don’t add any unnecessary questions. The questions you ask should get you the most valuable information and insights.

    Here are some examples of questions you can ask your customers after checkout:

    • How long have you been a customer?
    • How did you discover us?
    • Was our pricing page easy to understand?
    • Which of our products have you used?
    • How satisfied are you with our products?
    • Have you needed to contact customer service?
    • Do you have any additional comments or suggestions?

    By asking for user feedback after each WooCommerce purchase, you will learn ways you can improve your sales funnel to boost user experience and increase sales.

    When you know the why or the intent behind users’ actions, you can easily figure out why your visitors buy or do not buy your products.

    With that being said, let’s take a look at how to easily create post purchase surveys in WooCommerce. We will cover two different methods:

    Method 1: Creating Post Purchase Surveys Using UserFeedback

    UserFeedback is an easy-to-use survey plugin by the MonsterInsights team. It lets you ask your website visitors questions and collect their feedback in real time. It also makes it easy to add the survey to specific WooCommerce pages, such as the order confirmation page.

    UserFeedback includes a Post Purchase Review template to give you a head start in creating your survey. Plus, you can customize how your popup surveys look so that they completely match your brand and site design.

    First, you need to install and activate the UserFeedback plugin. For step-by-step instructions, you can follow our tutorial on how to install a WordPress plugin.

    Note: There is a free version of UserFeedback that you can use to get started. However, you will need the features of the Pro version to create a post purchase survey.

    Setting Up the UserFeedback Plugin

    Once the plugin is activated, the setup wizard will automatically launch. Click the ‘Start’ button to begin the setup.

    UserFeedback Setup Wizard

    Next, you will be prompted to create your first survey to show you what the plugin is capable of.

    We won’t be using this example survey, so you can go ahead and use the default answers.

    Choose question for your first UserFeedback survey

    You can choose from a few pre-written questions or create your own question. You will also be able to change your questions at any time.

    For this tutorial, you should simply click the ‘Next Step’ button to continue.

    Click on Next Step in the UserFeedback setup wizard

    Next, you will see the option to enable specific UserFeedback features, depending on your license level.

    Go ahead and enable the features you want or that your license level allows.

    Enable UserFeedback features

    Once you have done that, you need to click the ‘Next Step’ button at the bottom of the page.

    Now, you can enter the email address where you want the survey responses to be sent.

    Customize notifications for UserFeedback

    Since we won’t be using this survey, you don’t need to make any changes and can simply click the ‘Next Step: Publish’ button.

    In the final step of the setup wizard, the features and addons you enable will be installed.

    UserFeedback features and addons successfully installed

    Then, you can click on the ‘Exit to dashboard’ button at the bottom of the page.

    You will see the sample ‘First Survey’ that you created with the wizard.

    Exit to UserFeedback dashboard

    Now you can unlock the Pro features of the plugin. You need to enter the license key that was emailed to you when you purchased a UserFeedback plan.

    You will need to navigate to UserFeedback » Settings in the WordPress admin area. Once there, simply paste your license key into the field and click the ‘Verify’ button.

    Paste Your UserFeedback License Key

    Make sure you click the ‘Save Settings’ button once you have done this.

    After that, you can enable the Pro features by going to the UserFeedback » Addons page.

    For each addon, you will need to click the ‘Install Addon’ button, followed by the ‘Activate’ button that appears.

    Install the UserFeedback Addons

    This is important since the Additional Templates addon includes a Post Purchase Review template, and the Question Types addon allows you to add star ratings and more. Other addons allow you to further customize your survey form.

    Now that you have successfully installed the UserFeedback plugin and its addons, you are ready to create your post purchase survey.

    Creating a Post Purchase Survey Using UserFeedback

    To create a new survey, you need to return to the UserFeedback » Surveys page and click the ‘Create New’ button.

    Creating a New UserFeedback Survey

    This will show you dozens of survey templates that you can use as a starting point.

    You need to scroll down until you find the Post Purchase Review template and then click it.

    Click the Post Purchase Review Template

    A new survey will be created for you. Some helpful questions have already been added.

    You can change any question’s type and title by simply pointing and clicking.

    Editing a Survey Question in UserFeedback

    Each question has a Settings tab where you can set the question as ‘Required’. The Logic tab lets you show or hide the question based on the customer’s previous answers.

    With UserFeedback, you can ask unlimited questions and receive unlimited responses. You can ask all types of questions, including multiple-choice and free-form questions, and even capture emails and collect star ratings.

    You might like to add some of the questions we listed at the beginning of this article. To add a question to your survey, simply click the ‘Add Question’ button after the last question.

    Adding a New Question in UserFeedback

    When you choose a question type from the dropdown menu, a new question will be added.

    After that, you will be able to add a question title. Depending on the question type, you can then customize the question in other ways, such as labeling checkboxes or radio buttons.

    Customizing a UserFeedback Question

    Tip: The ‘Preview’ link at the top of the page doesn’t just preview the form but also allows you to customize its colors.

    You can also create a custom thank you message and redirect users after their submissions.

    Customizing the UserFeedback Thank You Question

    When you have finished editing your survey questions, just hit the ‘Next Step: Settings’ button. This will open the Settings page, where you can customize your survey even more.

    In the ‘Tracking’ section, you can enable or disable Google Analytics tracking if you have MonsterInsights installed.

    Next, in the ‘Targeting’ section, you can select what types of devices and pages you want your survey to appear on. You can display the survey on all device types or create different surveys that target desktop and mobile users.

    Targeting Device Type in UserFeedback

    Next, you can scroll down to the Pages setting area. This is important because it allows you to choose where the survey will be displayed.

    The default setting is ‘All Pages’. This will display the survey on every page of your online store. However, we only want to survey customers after they have made a purchase.

    In this case, we should display the survey on the order confirmation page that is displayed after checkout. This page is also known as the WooCommerce thank you page.

    To target this page, you will need to select ‘Page url is’ from the dropdown menu. After that, you should type ‘order-received’ in the next field.

    Targeting the WooCommerce Order Confirmation Page in UserFeedback

    This works because the setting matches partial URLs. The full URL will change with each transaction but will always contain the characters ‘order-received’.

    You can also scroll down to the ‘Behavior’ section. Here, you can configure settings like:

    • Display Timing â€“ When the survey will appear on the page.
    • Display Length â€“ How often the survey will appear to website visitors.
    • Survey Run Time â€“ How long the survey will appear on the designated pages.
    UserFeedback Behavior Settings

    In addition, you can enable or disable the ‘Start Survey Minimized’ option.

    This displays a less visible version of your survey instead of automatically opening the first question.

    Enable minimized survey option

    Once you are done changing the settings, you can click the ‘Next Step: Notifications’ button.

    This will take you to the Notifications page, where you can choose to send yourself an email with each new response to the survey. Simply leave the ‘Send Email’ toggle switched on and then enter one or more email addresses.

    UserFeedback Notifications Settings

    You can also enable conditional logic to trigger email notifications when visitors respond to your questions in a certain way.

    For example, you might only want to receive an email if the user checks a box labeled ‘Do you want a callback?’

    For this to work, your survey needs to contain at least one question with a radio, checkbox, NPS, or star rating question.

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

    Publish Your Survey

    Lastly, there’s an option to schedule the survey for a later date and time.

    If you are ready to publish your survey immediately, then go ahead and click the ‘Save and Publish’ button.

    Save and publish the UserFeedback survey

    That’s it! You’ve successfully created a survey form.

    Now when your customers purchase items from your store, your survey will pop up on the order confirmation page.

    UserFeedback Survey Preview

    Tip: You may not see the customer survey when you are logged into WooCommerce. You will need to open your online store in a new incognito window or a different web browser.

    Viewing Your Survey Form Results

    Once you start getting responses, you can analyze them right from your WordPress admin dashboard using easy-to-read reports.

    Simply navigate to UserFeedback » Results to see the total responses, impressions, and more details.

    UserFeedback survey reports

    Method 2: Creating Post Purchase Surveys Using WPForms

    WPForms is the best WordPress contact form plugin on the market. It comes with a powerful surveys and polls addon, which allows you to quickly create highly-engaging survey forms.

    It lets you combine the Surveys and Polls addon with powerful WPForms features like conditional logic, multi-page forms, custom notifications, email integrations, and more.

    Note: You will need the Pro plan because it includes the WPForms Surveys and Polls addon. WPBeginner users can use our WPForms coupon to get 50% OFF on all WPForms licenses.

    Setting Up the WPForms Plugin

    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.

    Once the plugin is activated, you need to go to the WPForms » Settings page and enter your license key. You will find this information in your account on the WPForms website.

    Entering the WPForms license key

    Don’t forget to click the ‘Verify Key’ button.

    Once you have done that, you should head over to the WPForms » Addons page and scroll down to the Surveys and Polls addon.

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

    Install surveys and polls addon

    Now you are ready to create the post purchase survey form.

    Creating a Post Purchase Survey Using WPForms

    You need to visit the WPForms » Add New page to create a new form. This will launch the WPForms form builder interface, and you can choose from different pre-built form templates.

    First, you should provide a title for your survey form at the top of the page.

    After that, you need to choose a template. Start by clicking on ‘Addon Templates’ to list templates that are compatible with the Surveys and Polls addon.

    Select the Survey Form Template in WPForms

    Then you need to click the ‘Use Template’ button on the Survey Form template. This will load a sample customer feedback form template with several fields already added to it.

    You can just point and click to edit the fields, rearrange them with drag and drop, or remove them from the form. You can also add new form fields from the left column.

    The WPForms Form Editor

    WPForms supports all commonly-used form fields, including dropdown, radio buttons, checkboxes, Likert scale, text input, rating scale, and many more. This makes it super easy for you to build highly-interactive survey forms.

    There is some conditional logic already built into the form. For example, the ‘How can we improve?’ field will only appear if a user selects 1 or 2 stars in the ‘Your Experience’ field.

    Add conditional logic to survey form

    You can see this by selecting the ‘How can we improve?’ field and then clicking the ‘Field Options’ tab on the left, as seen in the image above.

    If some of your customers log in to your online store, then you can make their life easier by auto-filling some of their information from their user profiles.

    For example, to auto-fill their email address, you need to click on the Email field, then click the ‘Field Options’ tab on the left. Once there, just click on the ‘Advanced’ tab to show the advanced field options.

    The Advanced Field Options in WPForms

    You will notice a field where you can set a Default Value for the email field.

    You can enter information from their profile automatically by clicking on ‘Show Smart Tags’.

    Entering the User Email Smart Tag in WPForms

    Now you simply click the ‘User Email List’ option, and the {user_email} smart tag will be entered into the field. This will automatically add the email address for logged-in users.

    You can also easily remove any fields that you don’t need on the form.

    For example, if you would like to remove the ‘Name’ field, then you should point at that field with your mouse and then click the red Trash icon that appears at the top right of the field.

    Deleting a Field in WPForms

    If you would like to add more questions, such as the ones we listed at the beginning of this article, simply drag a new field onto the page and then customize it.

    Once you have created the form, you need to click the orange ‘Save’ button at the top of the page to store your form settings.

    Next, you can go to the Settings tab and select ‘Confirmations’ in the WPForms form builder.

    Edit survey form confirmation settings

    Here, you can choose whether to show a message or a page or even redirect users to a URL when they submit the survey form.

    Besides that, the WPForms Notifications tab lets you edit the notification settings so that you get email alerts when a user fills out your survey.

    Edit notification settings

    You can now click on the close button to exit the form builder.

    Adding the Survey Form to a Custom Thank You Page

    If you have gone through the trouble of creating a custom WooCommerce thank you page, then you can easily add your post purchase survey to it using a shortcode or a block.

    Note: Whether you are using the default thank you page or a custom one, you can also display the survey as a popup using a plugin. See the next section for details.

    You will find the shortcode you need by visiting the WPForms » All Forms page.

    Finding the Survey Shortcode in WPForms

    You can then use the shortcode to add the form to your custom thank you page by following our guide on how to add a shortcode in WordPress.

    Alternatively, if you created your custom thank you page using the block editor or a page builder plugin like SeedProd, then all you need to do is drag the WPForms widget onto the page and then pick the survey form you just created from a dropdown menu.

    Dragging the WPForms Widget Onto a Page in SeedProd

    Once you have saved your custom thank you page, your customers will see the survey after checking out.

    Automatically Showing a Survey Popup Using OptinMonster

    You might prefer to have the survey pop up automatically over the order confirmation page, similar to what happens with the UserFeedback plugin in Method 1.

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

    Note: In this tutorial, we will use the free OptinMonster plugin because it does everything we need. However, with a Growth subscription, the premium version of OptinMonster has much stronger integration with WooCommerce.

    Upon activation, the OptinMonster setup wizard will start.

    Simply follow the onscreen instructions to set up OptinMonster on your website and create a free account.

    The OptinMonster Setup Wizard

    Once you complete the setup, you will find yourself on the OptinMonster dashboard.

    You will see a welcome message, a link to the OptinMonster user guide, and a video to help you get started.

    The OptinMonster Dashboard

    Now you will need to scroll down until you find a box where you can create a new popup.

    Simply click the ‘Create New’ link.

    Create a New Popup in OptinMonster

    You will now see a collection of popup templates. Since our popup will just contain our post purchase survey, we will use the minimal Canvas template.

    You can find this template by typing ‘canvas’ into the search field.

    Search for the Canvas Template in OptinMonster

    When you point your mouse over the Canvas template, two buttons will appear.

    You can create your popup by clicking the ‘Use Template’ button.

    Click the Use Template Button in OptinMonster

    You will see a popup asking you to give the campaign a name.

    You can type in ‘Post Purchase Survey’ and then click the ‘Start Building’ button.

    Name the New Campaign in OptinMonster

    The OptinMonster builder will open with your selected template. You can see a preview of the popup on the right, and there are blocks on the left that you can add to the popup.

    You need to find the WPForms block and drag it onto the page.

    Drag the WPForms Block Onto the Page

    You can now select the survey you want to add.

    Simply click on the name of the WPForms post purchase survey that you created earlier. The WPForms shortcode will be added to your popup.

    Select the WPForms Survey You Created Earlier

    There is still a placeholder image and text block on the page. These can be safely deleted.

    When you hover your mouse over the image, a purple toolbar will appear. You can delete the image by clicking the Trash icon. You will be asked to confirm the deletion.

    Deleting an Image in OptinMonster

    You can delete the text block that says ‘Drag blocks and elements to start building your campaign’ in the same way.

    Your finished popup should include just the WPForms shortcode. This is a good time to save your work by clicking the ‘Save’ button at the top of the screen.

    Save the Popup in OptinMonster

    Your next job is to click the ‘Display Rules’ tab and set how and where the popup will be displayed.

    The first rule determines when the popup will be shown. The default value is after you have been on the page for 5 seconds. This will work for most online stores, but you can change the value if you like.

    OptinMonster Time on Page Setting

    Now you need to scroll down to the second rule, which you will find just below the ‘AND’ label.

    The default value is to display the popup on every page of your WordPress website. You need to change this so that it only displays the post purchase survey on the order confirmation page.

    The Current URL Path Setting in OptinMonster

    To do this, you need to click the dropdown menu for ‘is any page’ and select ‘contains’ instead.

    Another field will appear, and you need to type ‘order-received’ here.

    The Current URL Path Matches When Contains Order-Received

    This rule will match the confirmation page URL. Although the URL changes with every transaction, it will always contain the characters ‘order-received’.

    Now you can click the ‘Next Step’ button to determine what happens when the conditions in those two rules are met.

    OptinMonster Then Rules

    The default settings here will display the popup without any effects or sound. If you would like to add an effect or sound, just use the dropdown menus.

    Once you are finished, you need to click on the ‘Next Step’ button. You will see a summary of the display rules you just created.

    Summary of Display Rules in OptinMonster

    Make sure you click the ‘Save’ button to store your settings.

    Finally, you can click the ‘Publish’ tab at the top of the screen and then click the ‘Publish’ button under ‘Publish Status’. This will push the popup live on your online store.

    Publishing Your OptinMonster Popup

    You can now close the OptinMonster builder by clicking the ‘X’ icon in the top right corner.

    Your customers will now see the post purchase survey whenever they finish checking out. Here’s how it looks in our demo store.

    WPForms Post Purchase Survey Preview

    Viewing Your Survey Form Results

    WPForms shows survey results in beautiful charts and graphs. You can also print survey results and export them to your favorite spreadsheet software.

    To view your survey results, you need to visit the WPForms » All Forms page and click on the ‘Survey Results’ link below your survey form.

    Click the Survey Results Link

    On the results page, you will see your survey responses displayed in an interactive chart and tables.

    You can export responses to a single question and the entire survey.

    Export survey results

    On the top, you will see options to switch to different chart types and export options.

    You can save individual survey results in JPEG, PDF, and Print formats to easily share them on presentation slides, blog posts, or social media.

    We hope this tutorial helped you learn how to create post purchase surveys in WooCommerce. You may also want to see our guide on how to create smart coupons in WooCommerce or our expert picks for 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 Easily Create Post Purchase Surveys in WooCommerce first appeared on WPBeginner.

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

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

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

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

    How to set up email logs in WordPress and WooCommerce

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

    Why Set Up Email Logs in WordPress or WooCommerce?

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

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

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

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

    You need to make sure that those emails reach users’ inboxes and don’t just disappear or end up in spam. The best way to do this is to use a proper SMTP service provider to ensure email deliverability.

    For more details, see our guide on how to fix the WordPress not sending email issue.

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

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

    • Make sure that email notifications are delivered promptly.
    • Track your WordPress contact form plugin emails.
    • See if emails sent by a plugin are working.
    • Keep track of user activity using the email logs.
    • Track user activity if you run a membership website or sell online courses.
    • Keep an email log of your WooCommerce orders, receipts, and customer notifications.

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

    Video Tutorial

    If you prefer written instructions, just keep reading.

    Setting Up Email Logs in WordPress & WooCommerce

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

    How WP Mail SMTP works

    Step 1: Install and Set Up WP Mail SMTP

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

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

    First, you will need to enter your license key. You can find this information in your account on the WP Mail SMTP website.

    WP Mail SMTP license key

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

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

    WP Mail SMTP works with any SMTP service. It has easy configuration options for popular SMTP service providers like SendLayer, SMTP.com, Gmail, Outlook, Brevo (Previously Sendinblue), Mailgun, SendGrid, Amazon SES, and other SMTP services.

    Select mailer

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

    The default option is set to PHP mailer. We don’t recommend using that because it is not reliable.

    Since most WordPress hosting servers are not properly configured for emails, choosing this option means that your WordPress emails may never reach users’ inboxes or even spam folders.

    We recommend using a provider like SendLayer, SMTP.com, or Brevo (Previously Sendinblue) since they are optimized for the best email deliverability.

    If you choose Other SMTP as your mailer option, then you will need to provide SMTP settings. You can get them from your SMTP service provider’s website:

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

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

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

    Step 2: Enable the Email Log Feature

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

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

    Turn on email logs

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

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

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

    Step 3: Testing WP Mail SMTP Setup

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

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

    Test WordPress SMTP email settings

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

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

    Email sent successfully

    Step 4: Viewing Your Email Logs in WordPress

    You can view your WordPress email logs anytime without leaving the WordPress admin area.

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

    Email log entries

    To view entry details, take your mouse over it and then click on the ‘View’ link below it.

    This will open the email log entry with a detailed view.

    Email log entry

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

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

    To delete multiple entries, you need to select each email and then click on the ‘Bulk actions’ dropdown menu to select ‘Delete’.

    After that, you must click on the ‘Apply’ button.

    Delete email log entries in WordPress

    If you need to analyze your email logs more carefully or create your own deliverability reports, then you can export your logs to your favorite spreadsheet software or email marketing service.

    You can also easily resend an email that has failed.

    Export WP Mail SMTP Logs

    WP Mail SMTP Pro subscribers can also visualize their email deliverability in a chart that shows how many emails were sent, opened, and clicked each day.

    This is super useful for WooCommerce users.

    WP Mail SMTP Displays a Graph of Deliverability Over Time

    It’s easy to check the engagement of each campaign or newsletter. The logs include open and click counts for each email subject.

    Clicking the graph button displays a chart of how the specific email is performing.

    WP Mail SMTP Subject Line Report

    And every week, WP Mail SMTP will email you a helpful summary of your email performance statistics.

    It looks something like this.

    WP Mail SMTP Weekly Summary Statistic Email

    We hope this article helped you learn how to set up WordPress email logs and WooCommerce email logs. You may also want to see our guide on how to monitor user activity in WordPress with security audit logs, or check out our list of the must-have plugins to grow your site.

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

    The post How to Setup WordPress Email Logs (and WooCommerce Email Logs) first appeared on WPBeginner.

  • What is Content Decay? (And How to Fix It)

    Are you worried about the declining performance of some of your website’s content? This could be a sign of content decay.

    Content decay is the decline in organic traffic and search rankings over time. Unless you update the content, you will continue to lose rankings and traffic.

    In this article, we will explain content decay and how to find and fix it.

    Content decay explainer for beginners

    Here is a quick overview of the topics we will cover in this guide:

    What Is Content Decay?

    ‘Content decay’ describes the decline in organic traffic and search rankings for a particular piece of content over time.

    Every time you publish new content on your WordPress website, search engines crawl it. Then, after some time, this content may start ranking for specific search terms and bring new traffic to your website.

    However, sometimes this traffic may start declining, and certain content may drop in search rankings. This can happen even if you don’t change the content itself.

    It is important to understand that content decay doesn’t necessarily mean old articles on your website. An old article may consistently rank and continuously bring traffic to your website.

    At the same time, some newer content may start decaying. This decayed content can start affecting your business, sales, and profits if left unchecked.

    What Causes Content Decay on Your Website?

    Several factors can cause content decay on a website. Here are some of the top reasons for content decay:

    • Better content from competitors – Your competitors may be targeting the same keywords with more detailed and helpful content.
    • Declined interest – The keyword is no longer searched as often as it used to be. There may be a decline in search volume for several reasons.
    • Keyword cannibalism – Your WordPress blog may have similar content targeting the same keyword, which splits your search traffic. Google might be unable to guess the search intent and match it to the right content.
    • Change in search intent – The reason why people are searching for the keyword may have changed. For instance, you might have an article about different types of solar panels, but the user intent has now changed to buying a solar panel.
    • Search features – Google is continuously changing search results to match user intent. For instance, shopping results, featured snippets, places, and other search features can divert search traffic to those snippets.

    However, before you can find out what has caused your content to decline, you will need to see which pieces of content on your website have decayed.

    How to Find Decayed Content in WordPress

    Content decay happens gradually and over time, which is why many site owners don’t notice it right away.

    However, if it is left unchecked, other articles can start decaying. Soon, you will end up with a large number of posts and pages that are all decayed, and it will take you a long time to fix them.

    With that being said, we will now show you two ways to find decayed content on your website.

    Method 1: Find Decayed Content Using All in One SEO (Recommended)

    The easiest way to find decayed content in WordPress is by using All in One SEO for WordPress. It is the best WordPress SEO plugin on the market and allows you to easily optimize your website for search engines.

    All in One SEO plugin

    All in One SEO has a Search Statistics tool that helps you connect your website to Google Search Console. It then fetches data from Google Search Console and presents it in an easily-readable format. This includes data showing how much your content has declined in search over a period of time.

    First, you need to install and activate All in One SEO for WordPress. For more details, you can see our tutorial on how to install a WordPress plugin.

    Note: You will need at least the Elite plan of the plugin to unlock the Search Statistics feature.

    Upon activation, the plugin will launch the setup wizard. Simply follow the on-screen instructions to set up the plugin with optimal settings.

    All in One SEO wizard

    Next, you will need to connect your WordPress website to your Google Search Console account. For more details, you can follow our tutorial on how to add your WordPress site to Google Search Console.

    Once you have added your website to your Search Console account, the next step is to connect All in One SEO to Google Search Console.

    You need to go to the All in One SEO » Search Statistics page and click the ‘Connect to Google Search Console’ button.

    Connecy Google Search Console

    This will take you to your Google Account, and you will be asked to give the plugin permission to access your Search Console data.

    Simply click on the ‘Allow’ button to continue.

    Allow permission

    If you have multiple websites on your Google Search Console account, then you will be asked to select a site.

    After that, just click on the ‘Complete Connection’ button to continue.

    Complete connection

    Once connected, you can view the Google Search Console data by visiting the All in One SEO » Search Statistics page in your WordPress admin dashboard.

    You will see a quick overview of your site’s performance in Google Search.

    Search Statistics overview

    Next, you need to switch to the ‘Content Rankings’ tab.

    From here, you will see a list of your content in Google Search with the loss or gain points, drop percentage, and last updated information.

    Content rankings in AIOSEO

    To find out which pieces of content have dropped the most points, you can sort the list by ‘Loss’ and ‘Drop’ values.

    The Loss value shows your content rankings in points, while Drop shows the advantages and gains as a percentage.

    Sort content by loss points or drop percentage

    You can see the content that has dropped the most in rankings during the last 12 months. Content with the most drop or loss in points is the content that has decayed the most.

    You can also see quick stats about a post or page, including internal links, outgoing links, and affiliate links. Hovering your mouse over will also show you links to edit or view a post.

    Edit post

    This allows you to view a post to see why it may have declined and edit it if needed.

    Method 2: Find Decayed Content Using Google Search Console

    This method is not as easy to use as All in One SEO. However, it will help you find content decay, and you can then manually start fixing it.

    If you haven’t already done so, then you will need to add your WordPress website to Google Search Console and give it some time to collect data. For more details, you can see our guide on how to connect your website to Google Search Console.

    After that, you need to log in to your Google Search Console dashboard and switch to the ‘Performance’ tab.

    From here, you need to click on the ‘Date Range’ label.

    This will bring up a popup. Just switch to the ‘Compare’ tab and then select a custom date range for your comparison.

    Open date range in Google Search Console performance

    For this example, we are comparing the last 6 months to the previous 6 months. You can also choose custom ranges by selecting dates.

    Simply click on the ‘Apply’ button to continue.

    Compare performance in Google Search Console

    Search Console will now show you a comparison of your site’s performance in the search results for the selected period.

    Make sure to check all the boxes at the top of the Performance overview columns so that you can see positions, impressions, clicks, and the click-through rate (CTR).

    Check all fields

    After that, scroll down to the data table section and switch to the ‘Pages’ view. This will allow you to see exactly what content has decayed.

    In the results, you can sort the ‘Position Difference’ column to find the content that has dropped the most in search rankings.

    Position difference

    Tip: If you can’t see the Position Difference column, use your keyboard’s right arrow key to scroll through the columns horizontally.

    Similarly, you can also sort content by Impressions Difference or CTR Difference. This may help you find content that appears less in search or has dropped in click-through rate.

    You can also switch to the ‘Queries’ tab to see which keywords your site rankings are decaying for.

    Find decayed keywords in Queries

    You can also click on the ‘Export’ button at the top to download this data in CSV format, which you can then open in your preferred spreadsheet software.

    How to Fix Content Decay on Your Website

    Now that you know which content has decayed on your WordPress website, it is time to fix it.

    Before you do that, you need to figure out what has caused a piece of content to fall in rankings or lose its organic click-through rate.

    You can try searching for the keywords where that content used to rank and analyze the results.

    The most common cause of content decay is newer, more detailed content outranking yours. To fix this, you need to update your content to make it better.

    Here are some quick tips to make your content more comprehensive:

    • Optimize your post for SEO – While optimizing your post for SEO, you can also update your post to add new, more helpful content that you may have missed before.
    • Embed a video – Adding images and videos is great for building user engagement.
    • Add a table of contents – This helps users easily navigate longer content. Plus, the table of contents can also be picked up by Google in the featured snippet.
    • Add FAQ schema markup – Answering general user questions in an FAQ section can help your readers and make your content show up in Google FAQ search results.

    Sometimes, the reason for content decay can be a lack of user interest or the search intent not matching your content.

    In that case, you may consider changing your content to address the new audience intent. Alternatively, you can rewrite and optimize it for a similar topic that still has search volume.

    For more on this topic, you can see our tutorial on how to do keyword research for your WordPress blog.

    We hope this article helped you learn about content decay and how to fix it on your WordPress site. You may also want to see our complete WordPress SEO guide or our expert picks for the best WordPress plugins to grow 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 What is Content Decay? (And How to Fix It) first appeared on WPBeginner.

  • How to Create a Product Catalog in WordPress (Step by Step)

    Do you want to create a product catalog in WordPress without adding a full-blown shopping cart?

    Sometimes businesses want to take orders by phone while still displaying their product catalog on the website, or maybe you want customers to quickly buy a product with a single click without having to go through the entire checkout process.

    In this article, we will show you how to easily create a product catalog in WordPress.

    How to create a product catalog in WordPress

    Why Add a Product Catalog without a Shopping Cart?

    Some businesses have products that they can’t sell online because they have an undetermined price. This makes it impossible for them to use a shopping cart plugin, but they still want to make a WordPress website to showcase those products and attract potential customers.

    Normally, people associate eCommerce platforms with online shopping. However, you can still use them to display products without using the shopping cart feature.

    On the other hand, you can add a product catalog with a one-click purchase option. Customers can instantly buy a product and bypass the checkout process. This provides a better shopping experience and makes the entire process quicker.

    That being said, let’s take a look at how to easily create a product catalog in WordPress.

    Getting Started with Your Product Catalog in WordPress

    The best way to create a product catalog in WordPress is by using WooCommerce. It is the best eCommerce plugin for WordPress and helps you create all types of online stores.

    Plus, it supports multiple third-party plugins and extensions. You can use them to add new features, customize your store, and introduce new functionality to your WooCommerce store.

    If you don’t have a WordPress site setup, then see our guide on how to create an online store to quickly set up WordPress with WooCommerce.

    Once you have installed WooCommerce, you can move on to creating your product catalog in WordPress. We will cover 2 methods, including adding a product catalog without a shopping cart and with one-click checkout.

    Method 1: Create a Product Catalog without a Shopping Cart

    By default, WooCommerce displays an add to cart or buy button next to all your products. This makes it difficult to create a product catalog without the shopping cart feature.

    Luckily, there’s an easy solution that fixes this problem.

    First, you need to install and activate the YITH WooCommerce Catalog Mode plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

    Upon activation, you need to visit YITH » Catalog Mode page to configure the plugin settings.

    Edit catalog mode settings

    The plugin lets you enable catalog mode for all users or only for guest users. There are also options to display product catalogs to users from specific locations.

    Next, you can scroll down to view more settings. You can go ahead and click the ‘Disable shop’ option.

    Disable shop in catalog mode

    Don’t forget to save the changes and store your settings.

    Adding Products to Your WordPress Product Catalog

    Next, you can go ahead and start adding products to your site. Simply visit the Products » Add New page to enter your product information.

    Add new product

    On the products screen, you can provide a product title, description, short description, product image, and product gallery.

    Under the ‘Product’ data section, you will find the price options. You can leave them blank if you don’t want to display product pricing.

    Leave the price settings blank

    Once you are finished, go ahead and publish your product. Repeat the process to add as many products as needed to build up your catalog.

    You can visit your WooCommerce shop page to view your default catalog in action. Your shop page is usually located at a URL like this:

    http://example.com/shop/
    

    Replace example.com with your own URL to view your WooCommerce shop page in catalog mode.

    Product catalog preview

    If you don’t want to use the shop page, then you can also display your products on any WordPress page and use it as your product catalog.

    All you have to do is create a new WordPress page or edit an existing one, and add the following shortcode in the content area:

    [products columns="4" limit="8" paginate="true"]
    

    Feel free to change the number of columns and the items per page limit to your own requirements. Once you have adjusted the shortcode, go ahead and save or publish your page to preview it.

    You will notice that the product pages will not show any add-to-cart or buy buttons.

    Products don't have add to cart button

    You can click on any individual product to see the product details page. It will show all the product information images, description, gallery, and without an add to cart or buy button.

    Remember, you can use the product description to include your contact info so that customers who are interested in the product can get in touch with you about purchasing it.

    Method 2: Create a Product Catalog with One-Click Checkout

    Another situation in which you can show a product category is with a one-click purchase option. This will allow your customers to instantly purchase a product by clicking the buy it now button and don’t have to go through the standard checkout process.

    First, you will need to install and activate the YITH WooCommerce One-Click Checkout plugin. For more details, please see our guide on how to install a WordPress plugin.

    Upon activation, you can head to YITH » One-Click Checkout from the WordPress dashboard and edit the general settings.

    General settings for one click checkout

    For instance, you can enable the ‘Activate in shop page’ option.

    Next, you can scroll down to view more settings. The plugin lets you exclude certain product categories.

    It also lets you choose where you’d like to redirect customers after placing an order. You can redirect them to a product page, payment page, thank you page, or choose a custom page.

    More general settings for one click checkout

    Other than that, you get different customization options one-click button.

    There are settings for changing the button label, background, text color, background on hover, and more.

    Change buy it now button text and color

    When you’re done, click the ‘Save Options’ button.

    You can now visit your website to see the one-click or buy it now button.

    Buy it now product catalog preview

    We hope this article helped you learn how to easily create a product catalog in WordPress. You may also want to see our list of the best WooCommerce themes that you can use for your product catalog website and our guide on WooCommerce SEO made easy.

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

    The post How to Create a Product Catalog in WordPress (Step by Step) first appeared on WPBeginner.

  • How to Display Nutrition Facts Labels in WordPress

    Are you looking for a way to display nutrition facts labels in WordPress?

    Nutrition facts labels provide information about the nutrient content of food, including the number of calories, protein, fat, carbohydrates, and more. These labels help users make better-informed health decisions according to their diets.

    In this article, we will show you how to easily add nutrition facts labels in WordPress.

    Display nutrition facts labels in WordPress

    Why Add Nutrition Facts Labels in WordPress?

    If you are a food blogger or sell food items in your online store, then adding nutrition facts labels along with your recipes and products can help you comply with any regulatory food requirements.

    By informing consumers about the calorie content, carbs, protein, and other nutrients of your meals, you also enable them to make informed decisions about their diets.

    Nutrition facts labels

    For instance, adding a nutrition facts label with a recipe will allow diabetic people to monitor their sugar intake and remain healthy.

    Adding nutrition facts labels can also boost the SEO rankings of your WordPress blog. This is because search engines usually prioritize websites that enhance the user experience by providing relevant information about their products.

    That being said, let’s see how you can easily add nutrition facts labels in WordPress.

    How to Add Nutrition Facts Labels in WordPress

    You can easily add nutrition facts labels in WordPress using Nutrifox.

    It is an online nutrition label generator that allows users to create and customize nutrition labels for their food products or recipes.

    Create a Nutrition Facts Label With Nutrifox

    First, you will need to visit the Nutrifox website and sign up for an account by clicking on the ‘Start Your Free Trial’ button in the top right corner of the screen.

    Nutrifox offers a 14-day trial to everyone, after which you will be charged about $9/month or $89/year.

    Start your free trial on Nutrifox

    Upon creating an account, you will be directed to the ‘Welcome to Nutrifox’ page.

    From here, simply click on the ‘Create Your First Recipe’ button to get started.

    Click the Create Your First Recipe button

    Next, you will be directed to a new screen, where you must enter a name for the recipe that you are about to create.

    Once you have added a recipe name, just click the ‘Continue to Ingredients’ button.

    Note: If you want, then you can also import a published recipe to Nutrifox from your WordPress website by clicking on the ‘import a published recipe’ link.

    Click the Continue to Ingredients button

    This will take you to a new screen where you will create the recipe. Here, you will be able to see the nutrition facts label in the right column of the screen.

    You can now start by filling in the fields for the serving size and the number of servings.

    For instance, if you are writing a recipe for a red velvet cake, then you will need to add 1 slice as the serving size. After that, you must add the number of slices that will be in the cake under the ‘Servings’ option.

    Once you have done that, simply type the recipe ingredients into the ‘Ingredients’ section and click the ‘Add’ button.

    Type the servings and its size and then add the ingredients for the recipe

    After the recipe has been added, the nutrition facts label will automatically update.

    Customize Your Nutrition Facts Labels

    Now, you have to click on the ‘Customize’ button in the right column to style the facts label.

    From here, go ahead and choose the ‘Label Style’ from the dropdown menu. You can pick ‘Tasty’, ‘FDA’, or ‘Basic’.

    After that, you can also select the nutrients that you want to be displayed on the nutrition facts label by toggling the switch next to these options.

    For instance, if you want to display the percentage of calcium in the meal, then you need to toggle the switch next to the ‘Calcium’ option.

    Customize nutrition facts labels

    Once you are happy with your nutrition facts label, you need to copy the label’s

    Once you are happy with your nutrition facts label, you need to copy its ID from the Nutrifox website’s URL.

    This label ID is a 4 to 5-digit number that will allow you to embed the facts label into your WordPress website.

    Copy the labels ID from the website URL

    Add the Nutrition Facts Labels to a WordPress Post

    After copying the label ID, head over to your WordPress website’s dashboard.

    Once you are there, you need to install and activate the Nutrifox WP Connector plugin. For more instructions, please see our step-by-step guide on how to install a WordPress plugin.

    This plugin will add a ‘Nutrifox label’ block to the Gutenberg editor that will allow you to show nutrition facts labels along with your recipes.

    Upon plugin activation, open up the page or post where you want to add the facts label. Next, you must click the ‘+’ button in the top left corner of the screen and find the ‘Nutrifox Label’ block.

    Upon adding the block, simply paste the Nutrifox label ID that you copied earlier into the block.

    Add the Nutrifox Label block and paste the label ID

    Finally, go ahead and click the ‘Publish’ or ‘Update’ button to save your changes.

    You can now visit your website to check out the nutrition facts label in action.

    Preview for nutrition facts labels

    Bonus: Use Tasty Recipes to Optimize Your Food Blog and Add Nutrition Facts Labels

    Tasty Recipes is a great WordPress recipe plugin that allows you to optimize your food blog for recipe SEO. It also lets you adjust the design and layout of your recipe cards.

    Additionally, it enables you to integrate your recipe cards with Nutrifox to add nutrition facts labels along with the recipes.

    First, you need to install and activate the Tasty Recipes plugin. For detailed instructions, check our guide on how to install a WordPress plugin.

    Upon activation, head over to the Settings » Tasty Recipes page and enter the license key. You can get your license key from your Tasty Recipes accounts page.

    Tasty Recipes license key

    After that, simply switch to the ‘Design’ tab on the ‘Tasty Recipes’ page.

    From here, you can choose a design template for the recipe card from the preview column on the right.

    You can also further customize the template with the on-screen settings on the left of the screen.

    Choose a template for recipe

    Once you have designed your recipe card template, scroll down to the ‘Nutrifox Display’ section and make sure that the ‘Insert Nutrifox label (iframe)’ option is checked.

    If you choose the ‘Insert as plain text’ option, you will need to manually enter the details for the nutrition facts labels.

    Once you are happy with your choices, don’t forget to click the ‘Save Changes’ button to store your settings.

    Choose the Insert Nutrifox Label option in the nutrition section

    Next, switch to the ‘Settings’ tab at the top to configure the plugin options.

    From here, you can choose which buttons to show on the recipes, display check boxes next to ingredients, allow users to convert units, and scale recipes for different serving sizes.

    You can also allow users to copy the ingredients with a single click and paste the recipe somewhere else.

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

    Recipe plugin settings

    Add the Recipe Card and Nutrition Facts Label to a WordPress Post

    To add the recipe card and nutrition facts label to your website, you need to open up a new or existing post in the block editor from the WordPress admin sidebar.

    Once you are there, simply click on the ‘+’ button in the top left corner of the screen and find the ‘Tasty Recipe’ block.

    Add the Tasty Recipes block into the block editor

    Upon adding the block, a ‘Create Recipe’ popup will open in the block editor. Here, you can start by adding a title, description, image, and author name for the recipe card.

    Next, type the ingredients for the recipe into the ‘Ingredients’ section and add the instructions for users to follow in the ‘Instructions’ section.

    Add description, instructions, and ingredients for the recipe card

    After that, just scroll down to the ‘Nutrition’ section, where you have to add the label ID for the nutrition fact labels.

    For that, you will have to visit the Nutrifox website and open up the nutrition facts label that you want to integrate with the recipe.

    Once you are there, you can get the label ID from the website’s URL. It will be a 4 to 5-digit number at the end of the URL.

    Get the label ID from the Nutrifox website

    Simply copy it and head back to your WordPress dashboard.

    Next, you have to paste the label ID into the ‘Nutrifox ID’ box. Once you are done, just click the ‘Insert’ button to add the recipe card to the block editor.

    Add label ID for Nutrifox

    Finally, click the ‘Update’ or ‘Publish’ button to save your changes.

    You can now visit your website to check out the recipe card with the nutrition facts label integrated into it.

    Preview of recipe card with nutrition facts labels

    We hope this article helped you learn how to display nutrition facts labels in WordPress. You may also want to see our tutorial on how to add SEO-friendly recipe schema in WordPress and our top picks for the best WordPress themes for recipe blogs.

    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 Nutrition Facts Labels in WordPress first appeared on WPBeginner.