Category Archives: Tutorials

How to Import & Export WooCommerce Products with Images

funnelkit automations, Tutorials, uncanny automator, woocommerce

Do you want to import and export WooCommerce products with images?

Importing or exporting WooCommerce products with images allows you to easily move your store or add new products in multiple stores.

In this article, we will show you how to easily import and export WooCommerce products with images.

How to Import & Export WooCommerce Products with Images

Why Import & Export WooCommerce Products?

Many users need to import and export WooCommerce products for a number of reasons.

  • You may want to move products from one WooCommerce store to another
  • You may want to start an online store with a new WordPress website but with the same WooCommerce products
  • You may want to move your website to a new server but need a better way to move products
  • You may want a faster way to add your products to multiple stores that you manage
  • and more

Now normally if you are moving your website to a new server, then you can just duplicate your entire website and set it up on your new host.

We have a complete step-by-step guide for that, see how to easily move WordPress to a new host or server.

On the other hand, if you only want to move products, then this tutorial will help you learn how to properly export and import WooCommerce products with images and other product data.

We’ll show you two methods, you can choose one that works best for you.

Method 1. Import & Export WooCommerce Products without a Plugin

WooCommerce comes with built-in functionality to easily import and export products with images, but without using any additional plugins.

First, you need to visit the Products » All Products page in your WordPress admin area. There, you will see two buttons at the top to ‘Import’ or ‘Export’ products.

Import export WooCommerce products

Let’s first check out how the export feature works.

Exporting WooCommerce Products without Using a Plugin

Simply click on the ‘Export’ button at the top to continue.

On the next screen, you’ll see a bunch of options to choose what data you want to export.

Default WooCommerce product export options

For instance, you can choose to only export certain columns from product data. You can also choose to export specific product types or products in specific categories.

To export all products with images and all other data, you can leave these options unchecked.

Optionally, you can check the ‘Export custom meta.’ If you are unsure, then it’s better to check it so that you have the data.

Go ahead and click on the ‘Generate CSV’ button to continue.

WooCommerce will now prepare a CSV file and download it to your computer.

What is a CSV File?

CSV is short for Comma Separated Values, and it is file type of plain text that separates different columns or fields of data with a comma.

You can open it with any spreadsheet software like Google Sheets or Microsoft Excel. Here is how it would look:

CSV file opened in spreadsheet software

Importing WooCommerce Products without Using a Plugin

Simply go to the Products » All Products page and click on the Import button at the top.

Import products

If your WooCommerce store is empty, then instead of the buttons at the top, you will see buttons at the center of the page.

Click on the ‘Start Import’ button to begin the import.

Start import

This will bring up the import wizard.

First, you need to click on the ‘Choose File’ button to select the WooCommerce export CSV file you downloaded earlier.

Choose import file

Click on the continue button to upload the CSV file.

WooCommerce will now check to see if your CSV file is in a compatible format. After that, it will ask you to map that data to existing WooCommerce product data.

Map columns

The default settings here will work for most WooCommerce stores.

However, you still need to review and if a column is missing, and then click on the drop-down menu next to it and select a matching field if available.

Particularly, if you are using variations attribute for products, then make sure to scroll down to the attributes columns and match fields.

Match attribute fields

This will allow you to ensure that the fields in your CSV file match the corresponding WooCommerce fields.

Click on the ‘Run’ the Importer button to begin.

WooCommerce will now start importing data from CSV file. It will also download any images attached to your products.

Products imported

Once finished, you can visit the Products » All Products page to see the imported products.

Make sure to visit your shop and product pages to check that everything is working as expected.

Method 2. Import & Export WooCommerce Products with a Plugin

For this method, we’ll be using a plugin to import and export WooCommerce products.

The advantage of this method is that it offers more flexible options and also allows you to export / import product reviews.

Plus, it allows you to import / export WooCommerce products in batches which comes in handy if you have a large store with many products and images.

Exporting WooCommerce Products with a Plugin

First, you need to install and activate the Product Import Export for WooCommerce plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

The plugin comes as three separate addons. You’ll need to download and install all of them.

Download plugins

Upon activation, you need to visit the Webtoffee Import Export (Pro) » Export page and select the ‘Product’ as the post type you want to export.

Exporting WooCommerce products using a plugin

On the next screen, you need to select an export method.

The default Quick Export method automatically selects all your products for export.

Quick export method

Optionally, you can also choose ‘Advanced Export’ which allows you to filter products by category, tag, and status.

You can also exclude individual products manually.

Advanced filtering options

Click on the Export button to continue and the plugin will start preparing your product data.

Once finished, you’ll be prompted to download the export file to your computer.

Download export file

Importing WooCommerce Products with a Plugin

Now that you have your export file ready, you can use it to import products on another WooCommerce store.

Simply install and activate the Product Import Export for WooCommerce plugin on the store where you need to import the products.

After that, go to the Webtoffee Import Export (Pro) » Import page and select ‘Product’ as the post type you want to import.

Import products using a plugin

Click on the ‘Step 2: Select import method’ button to continue.

Next, you need to select an import method and upload the exported file you downloaded earlier to your computer.

Import method

Click on the ‘Step 3: Map and Import Columns’ button to continue.

On the next screen, you’ll see a list of fields and the matching fields from your import file. If you see an empty field, you can choose a matching field for it in the next column.

If you are using product variations like sizes and colors, then make sure to click on the Attributes tab to match attribute fields.

Map fields

However, if you are not using any products with variations or custom attributes then you can use the default settings.

Click on the ‘Step 4: Advanced Options / Batch Import’ button to continue.

On the final screen, you’ll see advanced options. For instance, you can choose to match products by ID or SKU, choose what to do if a product already exists, and more.

Import options

If you are importing products into an empty WooCommere store, then you can use the default settings.

Finally, click on the ‘Import’ button to run the product import process.

You’ll see the progress of the import on screen. Once finished, you can click on ‘View Products’ to check if everything has been imported correctly.

products imported

The plugin also allows you to import and export Product Reviews.

If you want to import or export the product reviews too, then simply choose ‘Product Reviews’ post type on the import or export page.

Import or export product reviews

Improve Your WooCommerce Store with Automations

If you find yourself doing a lot of manual work around your WooCommerce store and want to save time, then we recommend using Uncanny Automator for workflow automation.

Uncanny Automator helps you connect over 100+ plugins and apps with a simple no-code visual builder. You can use it to create automated workflows for things that you normally do without writing any code.

There’s a free version that you can try out, and it’s already used by over 20,000 websites.

Aside from workflow automation, if you’re looking for a marketing automation tool for WooCommerce, then we recommend using FunnelKit Automation. It will help you grow your sales and improve conversions without the high costs.

We hope this article helped you learn how to easily import and export WooCommerce products with images in WordPress. You may also want to see our pick of the essential WooCommerce plugins or see these practical tips on recovering abandoned cart sales in WooCommerce.

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 Import & Export WooCommerce Products with Images first appeared on WPBeginner.

How to Fix the ERR_CONNECTION_REFUSED Error in Chrome

common annoying wordpress issues, common errors, common problems, common wordpress errors, failed to load resource error, this site cant be reached error, Tutorials

Are you seeing the ERR_CONNECTION_REFUSED error when trying to access a website or when viewing a website resource using your browser’s inspect tool?

This error message appears when your browser is unable to connect to the website you’ve requested. You might also see it in your browser’s inspect tool when you are exploring why a certain resource on the website won’t load.

In this article, we’ll show you how to fix the ERR_CONNECTION_REFUSED error in Chrome.

How to Fix the ERR_CONNECTION_REFUSED Error in Chrome

What Is the ‘ERR_CONNECTION_REFUSED’ Error in Chrome?

The ERR_CONNECTION_REFUSED message is displayed in Google Chrome when it is trying to open a web page or website resource but is unable to do so. This error code is usually included inside an error message such as:

  • ‘This site can’t be reached’
  • ‘Failed to load resource’

There are lots of common WordPress errors, but this error may stop you from visiting your own website and logging in to the WordPress admin area. You’ll typically want to solve this problem as quickly as possible.

Often when you see this error message, your WordPress website is still working, but something is stopping the browser from accessing it. In many cases, you will only need to fix a problem with your own browser or internet connection.

With that being said, let’s take a look at how to fix the ERR_CONNECTION_REFUSED error in Chrome. First, we’ll look at how to fix the error when you can’t access an entire website, then we’ll show the solution for when you can’t access a specific file or resource on a website.

How to Fix the ‘This Site Can’t Be Reached’ Error

Usually, this message is displayed when you can’t access an entire website.

You will see the Chrome error message ‘This site can’t be reached’ along with the ERR_CONNECTION_REFUSED error code. The message may even suggest a few things to try to fix the error, such as checking the connection, proxy, firewall, and DNS configuration.

This Site Can't Be Reached Error

Other browsers will display similar messages, such as:

  • ‘Unable to connect’
  • ‘Hmmm…can’t reach this page’

There are many things that can interfere with your connection to the website, and you will need to follow some troubleshooting steps to identify and fix the problem.

We’ll briefly cover the steps you should take below. For detailed instructions, see our guide on how to easily fix the ‘This site can’t be reached’ error in WordPress.

Check Your Internet Connection

The simplest fix is to check that you’re connected to the internet and restart your modem and router. Resetting your internet connection may be all it takes to reconnect to your website.

If not, you should check to see whether your website is working. Simply visit the Website Uptime Status Checker website, then enter the URL of your own site.

IsItWP Uptime Checker Tool

If your site is down, then you should contact your WordPress hosting provider to let them know your website is down.

Clear Your Browser Cache

Your web browser stores files and data from the websites you visit, so it doesn’t have to download them again. However, this can cause problems if the cached files become outdated or corrupt.

You can easily clear the browser cache in Google Chrome by clicking on the three-dotted icon in the upper-right corner and then selecting ‘More Tools,’ followed by ‘Clear Browsing Data…’

How to clear the browser cache in Google Chrome

In the popup that appears, check the box next to ‘Cached images and files’ and then click the ‘Clear data’ button.

Now try revisiting the website to check whether you can access it.

Troubleshoot the Software on Your Computer

Some of the security and networking software you run on your computer may be interfering with your connection to the website. This can include your firewall, antivirus software, VPN, and proxy server.

We offer detailed instructions on how to troubleshoot each of these in our guide on how to fix the ‘This site can’t be reached’ error.

Troubleshoot Your DNS Settings

Similar to the browser cache, your computer stores the IP addresses of all the websites you visit. This means the browser doesn’t have to look up the same IP address multiple times.

By flushing your DNS cache, you’ll get the very latest information about a website, including its new domain name or address.

To help you out, we’ve created a complete guide on how to clear your DNS cache for Mac, Windows, and Google Chrome.

If you still can’t access the website after doing this, then you can try changing your DNS server as well. You can follow the detailed instructions in the change the DNS server step of our guide on how to fix the ‘This site can’t be reached’ error.

Add the Addresses for Google's DNS Servers

Reset the TCP/IP Settings

Finally, if there’s a problem with how your internet connection is configured, then renewing your TCP and IP protocol will return the connection to its default settings, which may solve the problem.

You can learn how to do this step-by-step in the reset the TCP/IP settings section of our guide on how to fix the ‘This site can’t be reached’ error.

Click the 'Renew DHCP Lease' Button

How To Fix the ‘Failed To Load Resource’ Error

You might notice that, while your website loads, a certain resource or file doesn’t. This file could be an image or other media file, JavaScript, or a CSS stylesheet. A missing resource can cause your website to misbehave or not function properly.

When that happens, the browser will add a notice in the error console for debugging purposes.

In most cases, you would see this error in your browser’s error console when using the Inspect tool. You might see the error message Failed to load resource: net::ERR_CONNECTION_REFUSED.

Refused to Load Resource Error

This error message happens when your website’s code mentions the file, but your browser is unable to download it. This can happen when there is a problem with the file itself, or the URL that points to it.

To fix the problem, you will need to either replace the resource in question or fix the URL. We offer detailed instructions for both of these in our guide on how to fix the ‘Failed to load resource’ error in WordPress.

We hope this tutorial helped you learn how to fix the ERR_CONNECTION_REFUSED error in Chrome. You may also want to see our ultimate WordPress security guide, or check out our list of easy ways to increase your blog traffic.

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 Fix the ERR_CONNECTION_REFUSED Error in Chrome first appeared on WPBeginner.

How to Create an Etsy-Like Store with WordPress (Step by Step)

Etsy, etsy to wordpress, etsy vs woocommerce, etsy vs wordpress comparison, etsy-like store with wordpress, Tutorials, woocommerce

Do you want to build an Etsy-like store with WordPress?

Etsy is an online marketplace for creative folks who want to sell handmade goods, artwork, and other unique items. However, Etsy can be a bit limited in terms of what you can do with your store.

In this article, we will show you how to create an Etsy-like store with WordPress, and how to properly move an existing Etsy store to WordPress.

Making an Etsy like store with WordPress

Etsy vs WordPress – Which one is better?

Etsy is an online marketplace for creative folks. Usually, people use Etsy to sell handicrafts, custom designs, jewelry, clothing, and more. It has become a niche marketplace for such unique items.

Etsy website

However, as an eCommerce platform, Etsy is quite limited in terms of functionality. Plus, it also takes a significant portion of your earnings which reduces the profitability and long-term growth of your business.

On the other hand, WordPress is the world’s most popular website builder. It allows you to create almost any kind of website imaginable, including full-fledged eCommerce stores.

Using WooCommerce on your WordPress website you can sell anything online including handicrafts and other unique handmade items.

You can sell physical goods (that need shipping), as well as digital downloads (spreadsheets, software, music, worksheets, online courses, and memberships).

More importantly, WordPress doesn’t charge you a listing fee or a transaction fee on each item you sell.

Note that there are two different types of WordPress platforms.

WordPress.com which is a hosted platform and WordPress.org which is also called self-hosted WordPress. See the difference in our WordPress.com vs WordPress.org comparison.

Throughout this article, when we say WordPress, we are talking about the more popular, self-hosted WordPress.org platform. We recommend using WordPress.org because it gives you access to all WordPress features out of the box.

That being said, let’s take a look at how to easily create an Etsy-like store in WordPress. Here is a quick overview of the topics we’ll cover in this article.

Etsy and WordPress both enable you to sell products online but which one you should choose? Let’s take a look at the pros and cons of both platforms.

Pros and Cons of Setting up an Etsy Shop

Let’s take a look at the advantages and disadvantages of using Etsy to sell your products online.

Pros of Using Etsy

  • Ease of Use – Setting up an Etsy store is very easy and does not require any technical skills. Simply upload your product listings, add your payment information, and you are good to go.
  • Targeted Audience – Etsy has a large customer base of users interested in unique handmade products, gift items, artistic and creative products, and more. Opening up a shop on Etsy gives you access to a marketplace with interested buyers.
  • Security and Trust – Etsy takes care of payments and ensures product delivery. This has helped them build trust among both buyers and sellers.

Cons of Using Etsy

  • Higher Fees – Etsy charges $0.20 per listing (renews every four months) and a 6.5% transaction fee on the sale price (not including shipping costs). If you are using PayPal, then there is also a payment processing fee.
  • Lack of Control – You have no control over the platform, and how your products are featured. Etsy can remove a seller if they feel that the seller’s products don’t meet their policies or the seller fails to satisfy a customer.
  • Limited Growth Options – As your business grows, you will be paying a lot more to Etsy with limited options to grow your own brand and business.

Pros and Cons of Using WordPress

WordPress is the best platform to build any kind of website. However, it has its own pros and cons that you would want to consider.

Pros of Using WordPress

  • Complete Control – You have complete ownership and full control of your website.
  • Unlimited Features – You can add any feature to your website by installing extensions. There are more than 55,000 free WordPress plugins that you can install.
  • Unlimited Listings – You can add as many items to your shop as you want. There are no listing fees because you own and manage the platform yourself.
  • Low Costs – There is no commission and no transaction fee on each sale. You will only pay a small fee to your payment gateway.

Cons of Using WordPress

  • Website Management – You are responsible for managing updates and making backups. There are plugins that help you automate those tasks.
  • Learning Curve – WordPress is fairly easy to use. However, from time to time you may need some help. There are plenty of WordPress resources to help you out.

To learn more about WordPress, see our complete WordPress review with detailed pros and cons of the platform.

That being said let’s take a look at how to create an Etsy-like store with WordPress.

Requirements for Creating an Etsy-like Store with WordPress?

You’ll need the following things to build your own Etsy-like store with WordPress.

  1. A domain name (This will be your shop’s address on the internet i.e wpbeginner.com)
  2. A website hosting account (This will be the shop’s home and where all your files will be stored)
  3. SSL Certificate (You need this to accept payments)
  4. Your undivided attention for 30 minutes.

Ready? let’s get started.

Getting Started with Your Etsy-Like Shop in WordPress

Normally, a domain name will cost you $14.99 per year, website hosting $7.99 per month, and an SSL certificate around $69.99 per year.

This is a lot of money if you are just getting started.

Thankfully, the folks at Bluehost have agreed to offer WPBeginner users a free domain name + free SSL certificate, and a 60% discount on hosting.

They are also an officially recommended WordPress and WooCommerce hosting provider, and one of the largest hosting companies in the world.

Basically, you can get started for $2.75 / month.

→ Click Here to Claim This Exclusive Bluehost Offer ←

Let’s go ahead and purchase your domain + hosting + SSL.

First, you need to visit the Bluehost website and click on the green ‘Get Started Now’ button.

Getting started with personal website on Bluehost

On the next screen, select the plan that you need (basic and plus plans are the most popular among WPBeginner users).

After that, you will be asked to enter the domain name for your website.

choose domain name

Need help choosing a domain name? See our beginner’s guide on how to choose the perfect domain name for your website.

Lastly, you will need to add account information and finalize the package info to complete the process.

On this screen, you will see optional extras that you can purchase.

We don’t recommend purchasing these items because they will increase your hosting bill. You can always add them later if you think these are needed.

Finalize package

You can now go ahead and enter your payment information to complete the purchase.

After that, you will receive an email with instructions to log into your hosting control panel.

Bluehost will automatically install WordPress for you, and you will be able to log in to your WordPress site directly from the hosting dashboard.

Bluehost hosting dashboard

Once logged in, you will see the WordPress admin area. This is where you will manage your online shop, change settings, and add new items.

Installing WooCommerce on Your Website

Now that you have purchased hosting and installed WordPress, the next step is to turn your website into an online store like Etsy.

To do this, you need to install and activate the WooCommerce plugin on your website. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, click on ‘Run the setup wizard’ button to quickly set up your WooCommerce store.

WooComerce setup wizard

The setup wizard will guide you through the basic setup.

During step 4, you need to switch to the ‘Free features’ tab and uncheck ‘Add recommended business features to my site’ feature.

Exclude free features

This option installs additional plugins. You can always install these plugins later if needed.

Click on the continue button to select a theme and then finish the setup. Don’t worry, we’ll talk more about theme and store design options later in this article.

Adding Items to Sell in WooCommerce

After setting up WooCommerce, let’s add a few items to sell on your online store.

Simply go to Products » Add New page to add your first item.

Add new product

First, provide a title for your product and then a detailed description.

On the right-hand column, you can add product categories, tags, and images.

Product options

Below the description area, you will see the ‘Product Data’ box.

From here you can set product price, inventory, shipping, and other attributes.

Product data

Once you are satisfied with all the product information you have added, you can click on the ‘Publish’ button to make it live on your website.

Repeat the process to add more products as needed.

Importing an existing Etsy Store to WordPress

Do you already have an Etsy store that you want to move to WordPress? In this section, we will show you how to easily import your Etsy shop to WordPress.

First, you need to do is install and activate the Easy Esty Importer plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, the plugin will add a new menu item labeled ‘Etsy Importer’ to your WordPress admin sidebar. Clicking on it will take you to the plugin’s settings page.

Etsy importer

You will be asked to provide your license key. You can find this information under your account on the plugin’s website.

After activation, the settings page will ask you to provide the following information.

  • Etsy API Key
  • Etsy Secret Key
  • Your Etsy Shop Name
Etsy API Key

To get these API keys, you need to visit the Etsy Developers ‘Apps You’ve Made‘ website.

Once there, click on the ‘Create a new app’ link.

Create Etsy app

This will bring you to a new page where you will be asked to provide a name for your app.

You need to select that you are creating the app for yourself, and it will not be used for commercial purposes.

App details

After that, click on ‘Read terms and create app’ button.

You will now see your app information page. From here you need to copy the ‘Keystring’ and ‘Shared Secret’ keys.

Copy Etsy API keys

Now, switch back to the Easy Etsy Importer plugin’s settings page. After entering your API keys, click on the ‘Save & Verify’ button to continue.

This will take you to the Etsy website where you will be asked to allow access to the app. Click on the ‘Allow’ button to continue.

Allow connection

The plugin will now try to connect to your Etsy shop.

Once connected, it will show a success message.

Next, you need to switch to the settings tab.

The default settings will work for most websites, but you can still review and change them as needed.

Importer settings

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

Now you can move to the ‘Import’ tab. The plugin provides you options to selectively import items or import all listings.

The default settings will work for most websites, so you can just go ahead and click on the ‘Import’ button.

Start import

The plugin will now start importing your Etsy listings to WooCommerce. Once finished, you will see a success message, and you will be able to see the imported products under Products » All Products page.

Next, you can switch to the reviews tab to import your Etsy reviews to WooCommerce.

Import reviews

Congratulations, you have successfully imported your Etsy store listings to your WooCommerce website.

Choosing an Etsy-like WordPress Theme for Your Store

WordPress gives you access to thousands of free and paid website designs that you can use. These designs are called WordPress themes.

WordPress themes

Each WordPress theme contains various template files to give your website a beautiful design.

You don’t need any coding or programming skills to use a theme, and each of them comes with different options that you can use to customize the design to your liking.

Due to such a large variety of WordPress themes available, often users feel overwhelmed by the choices. To make it easier, we have hand-picked the best WooCommerce WordPress themes that you can use on your website.

The list contains both free and paid WordPress themes and all of them are mobile-ready.

You may not find a theme that looks exactly like the Etsy website. However you can find a theme with the same design qualities and then use the theme’s settings to make it look more similar.

Need more help? See our beginner’s guide on how to choose the perfect WordPress theme for your website.

If you want to create a custom WordPress theme with drag & drop builder, then we recommend using the SeedProd plugin. We also have a detailed tutorial on how to create a custom WordPress theme with no code.

Extending Your Store with WordPress Plugins

Unlike Etsy, you have full control of your WordPress store. You can modify it in any way you want with the help of thousands of WordPress plugins.

Plugins are like apps for your WordPress website. You can install them to add new features to your website like contact forms, Google Analytics, and more.

With more than 55,000 plugins, you can easily find a plugin for almost anything.

Here are some of the plugins that we use on all our websites.

There are also tons of plugins made specifically for WooCommerce. See our list of the best free WooCommerce plugins. You can also use drag & drop page builder plugins to further customize your website’s look and feel.

Mastering WordPress Skills

Now that you have a WordPress powered online store, you may want to expand your website by adding new features and growing your business.

WPBeginner is the largest free WordPress resource site in the world. We have tons of articles, videos, and step by step tutorials to help you take your website to the next level.

Here are some of the handy resources you will find on WPBeginner, all of them are completely free.

  • WPBeginner Blog – This is where we publish our WordPress tutorials, how-tos, and step by step guides.
  • WPBeginner Videos – These step-by-step videos will help you learn WordPress FAST.
  • WPBeginner on YouTube – Need more video instructions? Subscribe to our YouTube channel with more than 283,000 subscribers and 40 Million+ views.
  • WPBeginner Engage – Our Facebook community with more than 90,000 users. Helps you quickly ask questions and get help from users like yourself.
  • WPBeginner Glossary – The best place for beginners to start and familiarize themselves with the WordPress terms and lingo.
  • WPBeginner Deals – Exclusive discounts on WordPress products and services for WPBeginner users.

You can also use Google to find tutorials on WPBeginner. Simply add ‘wpbeginner’ next to your search term, and you will find answers to all your WordPress questions.

We hope this article helped you move away from Etsy and create an Etsy-like store with WordPress. You may also want to checkout our list of the must have WordPress plugins for business websites.

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

The post How to Create an Etsy-Like Store with WordPress (Step by Step) first appeared on WPBeginner.

How to Track Link Clicks and Button Clicks in WordPress (Easy Way)

track button clicks in wordpress, track clicks in wordpress, track file downloads in wordpress, track link clicks in wordpress, track links in wordpress, Tutorials, wordpress ecommerce tracking

Do you want to track link clicks and button clicks in WordPress?

Tracking links and button clicks help uncover how users interact with your website. You can use the insights to improve your website and plan your marketing and content strategies accordingly.

In this guide, we’ll show you how to easily track link clicks and button clicks in WordPress.

How to track link clicks and button clicks in WordPress

Why Should You Track Link and Button Clicks in WordPress?

Links and buttons are two of the most common ways users interact with any website on the internet. These elements also lead website visitors to make purchases, sign up, and convert into customers.

Tracking how your users interact with different elements on your WordPress website helps you learn what’s working on your website. More importantly, it helps you understand what’s not working and needs improvement.

For instance, if users are not clicking on the ‘add to cart’ button in your online store, then you can investigate what’s stopping them from doing so. Another great example is your affiliate links. You can track which links your users click more often than others.

These insights can help you make data-driven decisions for the success of your business. Having said that, let’s look at how you can easily track links and button clicks in WordPress.

We have broken down this guide into the following sections, so you can easily follow along.

Tracking Link and Button Clicks in WordPress Using MonsterInsights

The best tool to collect marketing data on your website is Google Analytics. However, despite Google’s best efforts, many beginners and even experienced marketers find it a bit intimidating.

This is where MonsterInsights comes in. It is the best Google Analytics plugin for WordPress that allows you to properly set up Google Analytics and make the most out of it.

MonsterInsights goes beyond just adding a tracking script in the footer. It automatically adds proper event tracking to all links, buttons, cart areas, and more. Most importantly, it also shows you human-readable reports inside your WordPress dashboard.

MonsterInsights has a free version, but you’ll need at least the Pro plan to take full advantage of all the powerful tracking features it offers.

Setting up MonsterInsights is super easy.

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

Upon activation, you’ll see the welcome screen and the setup wizard. Simply click the ‘Launch the Wizard’ button and follow the onscreen instructions to connect your website to Google Analytics.

Launch setup wizard

If you need detailed instructions, then see our tutorial on how to install Google Analytics in WordPress, which will walk you through the entire setup.

The MonsterInsights setup wizard automatically configures all the right settings based on the type of your website and also lets you set up a Google Analytics 4 property. It truly is effortless.

For more information, please see our guide on how to switch to Google Analytics 4 in WordPress.

Once you have set up MonsterInsights, you can resume this tutorial. Now that everything is running, let’s start setting up click tracking.

A lot of web publishers use affiliate marketing to make money online.

As an affiliate marketer, you’ll need to learn how your affiliate links are doing. Obviously, you can track your affiliate earnings from third-party resources, but that does not give you an accurate picture of how users interact with your affiliate links.

Most affiliate marketers use a link-cloaking plugin like ThirstyAffiliates. This allows you to create shorter affiliate links and manage all your links inside WordPress. For example, https://www.example.com/refer/awesomeproduct/.

MonsterInsights makes it easy to set up affiliate link tracking in WordPress.

Simply go to Insights » Settings and switch to the ‘Publisher’ tab. From here, you can add your affiliate link’s unique path to start tracking.

Change affiliate link settings

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

Within a few hours, you will be able to see your affiliate link performance in your Publisher reports located under the Insights » Reports menu in WordPress.

Outbound and affiliate links report

Outbound links are links pointing to external websites. These could also be uncloaked affiliate links, links to your partner websites, or other websites you own.

MonsterInsights automatically tracks all clicks on those outgoing links. You can view them by visiting the Insights » Reports page under Publishers report.

Outbound links report

Pro tip: If you see that you’re sending a lot of clicks to an external website, then you should contact them to work out a strategic partnership. This can be a sponsorship, cross-promotion, affiliate partnership, etc.

For more details, please see our guide on how to track outbound links in WordPress.

Ecommerce Tracking in WordPress

If you run an eCommerce business using WooCommerce or Easy Digital Downloads, then you should track which products get the most clicks.

MonsterInsights comes with powerful eCommerce tracking features. Now it’s time to turn on eCommerce tracking on your website.

First, you need to visit your Google Analytics dashboard. From there, you need to switch to the Admin view.

Go to admin settings

Next, you need to click on the eCommerce settings option.

It will be located under the ‘View’ column.

Ecommerce settings

After that, you will see the options to turn on eCommerce tracking and reporting in Google Analytics.

Go ahead and click the toggles for the ‘Enable Ecommerce’ and ‘Enable Enhanced Ecommerce Reporting’ options.

Enable ecommerce and enhanced ecommerce reporting

Now that you have enabled eCommerce in Google Analytics, let’s enable the MonsterInsights eCommerce addon.

First, you need to go to the Insights » Addons page. From here, you need to install the ‘eCommerce’ addon for MonsterInsights.

Install the eCommerce addon

After that, you need to head over to the Insights » Settings page and switch to the eCommerce tab.

From here, you can turn on enhanced eCommerce tracking. MonsterInsights will automatically detect your eCommerce plugin and turn it on for you.

Use enhanced ecommerce option

That’s all you have successfully enabled eCommerce tracking on your website.

The best part is that MonsterInsights shows the performance of your online store in your WordPress dashboard. Simply go to Insights » Reports and switch to the ‘eCommerce’ tab.

Ecommerce report in MonsterInsights

On top, you’ll see an overview of your eCommerce conversions. Below, you will find your top referral sources, as well as the exact conversions and revenue for each source.

This information helps you learn which referral sources to maximize and which are not doing well.

You may want to see our step-by-step guide on how to properly set up eCommerce tracking in WordPress.

Tracking File Downloads in WordPress

If you have a membership site that sells digital downloads or offers downloadable content on your website, then tracking file download buttons will help you find how users interact with those files.

MonsterInsights automatically tracks file downloads for common file types like documents, spreadsheets, presentations, PDFs, and zip files.

You can also add other file types that you may want to track. Simply go to the Insights » Settings page and then switch to the ‘Engagement’ tab.

Engagement tab settings

From here, you’ll need to scroll down to the File Downloads section.

Here, you can add the file type extension you want to track.

Add file download extensions

You can view file download stats by visiting Insights » Reports and switching to the ‘Publisher’ tab.

After that, scroll down to the ‘Top Download Links’ report to see which files get the most downloads.

Top file download links report

Tracking Form Conversions in WordPress

Forms play an important role in the success of any website. You use forms for an email newsletter, shopping cart, purchase and order forms, and all your contact forms.

It is crucial to understand how users interact with your forms, which forms get more conversions, and which forms are not getting enough attention.

Let’s start tracking forms in WordPress using MonsterInsights.

First, you need to head over to the Settings » Addons page. From here, install the ‘Forms’ addon.

Install forms addon

Once enabled, MonsterInsights will automatically detect the forms on your website and start gathering interaction data. It works seamlessly with all popular WordPress form plugins like WPForms, Formidable Forms, Gravity Forms, and more.

To view your form reports, you need to go to the Insights » Reports page and switch to the ‘Forms’ tab.

Forms report

For more details, please see our guide on how to set up WordPress form tracking in WordPress.

So far, we have discussed how to track links and button clicks across your website automatically. What if you wanted to track a specific link on your WordPress site and create custom reports?

Luckily, MonsterInsights makes this easy as well. It’s called a custom link attribution feature, and here is how you can add that to any link on your website. Simply add your link in the following format:

<a href="https://www.example.com" data-vars-ga-category="Call to action clicks" data-vars-ga-action="CTA link click" data-vars-ga-label="Homepage CTA clicks">My custom link</a>

This link contains three new link attributes:

  • data-vars-ga-category: Sets a category for your link
  • data-vars-ga-action: Describes the action this link performs
  • data-vars-ga-label: A label for your link which helps you identify it

To insert the link in your content, first head to the content editor by editing a post or a page. Next, you’ll need to click the 3 dots to view more options and then select the ‘Edit as HTML’ option.

Switch to the HTML view

This will change your text from the visual view to the HTML view.

Now go ahead and add your custom link. Once that is done, simply update or publish your page or post.

Add your custom link in content

MonsterInsights will now start to track your custom links in Google Analytics.

You can find your custom link tracking report in Google Analytics by going to the Behavior » Events » Top Events section.

View custom link category in GA

We hope this article helped you learn how to track link clicks and button clicks in WordPress. You may also want to see our complete guide on WordPress SEO and our comprehensive guide on how to increase your blog traffic.

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 Track Link Clicks and Button Clicks in WordPress (Easy Way) first appeared on WPBeginner.

How to Embed Facebook Albums in WordPress

embed facebook albums in wordpress, smash balloon facebook feed, Tutorials

Do you want to embed Facebook albums in WordPress?

Embedding Facebook albums is a great way to get more engagement on both your WordPress website and your Facebook page. It can also grow your social media following.

In this article, we’ll show you how to easily embed Facebook albums in WordPress.

How to embed Facebook albums in WordPress

Embedding a Facebook Album in WordPress

Showing albums on your WordPress website can make your pages more engaging.

As you add more photos to Facebook, they’ll appear on your site automatically, so it’s also a great way to keep your website fresh, even for regular visitors.

You can even use embedded albums to promote your Facebook page. If visitors see lots of interesting photos then they’ll want to follow you on Facebook. This can get you some extra followers and more engagement.

WordPress used to come with built-in embed support for Facebook albums. Just like you embed a YouTube video, you could simply copy and paste the URL of any Facebook album and WordPress would display that album automatically.

However, Facebook and Instagram have since made changes to their API. These changes make it impossible for WordPress to continue oEmbed support for Facebook and Instagram.

If you try to embed a link to an album, then WordPress will tell you that ‘Sorry, this content could not be embedded.’

The Facebook album embed error

Thankfully, there is a way to fix Facebook and Instagram embeds in WordPress using a plugin.

Let’s see how you can easily embed Facebook albums in WordPress, including how to show a specific album on any page or post.

Installing a Facebook Album Plugin

The best way to embed Facebook albums in WordPress is by using the Smash Balloon Custom Facebook Feed plugin.

This plugin lets you show Facebook albums, comments, reviews, community posts and more on your site.

How to embed Facebook photos in your WordPress website using Smash Balloon

It also lets visitors take a closer look at your photos and images without having to visit Facebook, by opening a lightbox popup on your website.

In this guide, we’ll be using the pro version of Smash Balloon as it allows you to embed Facebook albums, display videos, show photos in a custom Facebook feed, and more. However, there’s also a free version that allows you to create a custom Facebook feed for WordPress, no matter what your budget.

The first thing you need to do is install and activate the Smash Balloon Custom Facebook Feed plugin. For more details, see our guide on how to install a WordPress plugin.

Upon activation, you’ll need to go to Facebook Feed » Settings and enter your license key into the ‘License Key’ field.

Adding your license key to Smash Balloon

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

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

Connect Your Facebook Page or Group to WordPress

Smash Balloon Custom Facebook Feed allows you to embed albums from your different Facebook pages and groups. You can even show the latest comments in a dropdown box below the photo, along with the like and shares.

To connect your Facebook page or group to WordPress, go to Facebook Feed » All Feeds and then click on ‘Add New.’

Adding a Facebook group or page to WordPress

Smash Balloon lets you show posts from your photo albums, timeline, events, and more.

To embed your Facebook albums, you’ll need to click on ‘Albums’ and then click on ‘Next.’

Choosing the Smash Balloon 'Albums' template

Now, you need to select the Facebook page or group where you’ll get the albums from.

To get started, click on ‘Add New.’

Choosing a source for your Facebook album

On the next screen, choose whether you want to show albums from a page or group.

After that, just click on ‘Connect to Facebook.’

How to connect Smash Balloon and WordPress to Facebook

This opens a popup where you can log into your Facebook account and choose the pages or groups where you want to embed albums from.

After making this decision, click on ‘Next.’

Choosing Facebook pages and groups to embed albums from

Once you’ve done that, Facebook will show all the information that Smash Balloon will have access to, and the actions it can perform.

To restrict Smash Balloon’s access to your Facebook account, just click any of the switches to turn it from ‘Yes’ to ‘No.’ Just be aware that this may affect the albums and photos that you can embed on your WordPress blog or website.

With that being said, we recommend leaving all the switches enabled.

Giving Smash Balloon access to your Facebook page

When you’re ready, click on ‘Done.’

After a few moments, you should see a message confirming that you’ve connected your WordPress website to Facebook. With that done, it’s time to click on ‘OK.’

How to connect Facebook albums to your WordPress website

Smash Balloon will now take you back to the WordPress dashboard automatically.

How to Embed Facebook Albums in WordPress

You will now see a popup with the group or page you just linked to your website. Simply select the radio button next to your source and then click on the ‘Add’ button.

How to embed albums from a Facebook page or group

If you accidentally closed the popup, then don’t panic. You can simply refresh the tab to reopen the popup.

After that, WordPress will take you back to the Facebook Feed » All Feeds page automatically. Just like before, click on the ‘Add New’ button, select ‘Albums’ and then click on the ‘Next’ button.

Now, select your Facebook page or group, and click on ‘Next.’

Selecting a source for your Facebook album

On this screen, you can choose the template you’ll use as the starting point for your feed. All of these templates are fully customizable so you can fine-tune the design depending on how you want to show the Facebook albums on your website.

We’re using the ‘Default’ template, but you can choose any template you want.

Choosing a template for your Facebook albums

With that done, click on the ‘Next’ button.

Smash Balloon will now go ahead and create an album feed based on your source and the template you’ve chosen. This is a good start, but you may want to fine-tune how the albums appear on your WordPress website.

How to Customize Your Embedded Facebook Albums

The Smash Balloon Custom Facebook Feed plugin gives you lots of ways to customize how the albums are displayed. With that in mind, it’s worth seeing what changes you can make.

On the Facebook Feed » All Feeds screen, find your album feed and then click on its ‘Edit’ button, which looks like a small pencil.

Customizing your Facebook albums feed

This opens the Smash Ballon feed editor, which shows a preview of your Facebook albums to the right.

On the left-hand side, you’ll see all the different settings you can use to customize how these albums appear on your site. Most of these settings are self-explanatory, but we’ll quickly cover some key areas.

Editing the Facebook albums feed

To start, you can change how the albums are displayed by clicking on ‘Feed Layout.’

On this screen, you can switch between different layouts, such as masonry and grid, and change the feed height. As you make changes, the preview will update automatically so you can try different settings to see what looks the best.

Choosing a new feed layout in WordPress

By default, the feed will show the same number of posts on desktop computers and mobile devices such as smartphones.

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

Choosing a new feed layout in WordPress

Mobile devices usually have smaller screens and less processing power, so you may want to show fewer albums on tablets and smartphones.

To do this, just type a different number into the ‘Mobile’ field under ‘Number of Posts.’

Changing how your embedded Facebook albums appear on mobile devices

By trying out different layouts you can create a custom feed that looks great, no matter what device the visitor is using.

By default, the Facebook feed shows less columns on smartphones and tablets, compared to desktop computers. This helps all your albums and photos fit comfortably on smaller screens.

After testing the mobile version of your WordPress website, you may be unhappy with how the columns look on smartphones and tablets. If this is the case, then you can show fewer columns by changing the numbers in the ‘Columns’ section.

Changing the column layouts using Smash Balloon

When you’re happy with the changes you’ve made, click on the ‘Customize’ link.

This will take you back to the main Smash Balloon editor, ready for you to explore the next settings screen, which is ‘Color Scheme.’

Changing the color scheme for your Facebook photo feed

By default, Smash Balloon uses a color scheme inherited from your WordPress theme, but this screen allows you to switch to a ‘Light’ or ‘Dark’ look,

You can also create your own color scheme by selecting ‘Custom’ and then using the controls to change the background color, change the text color in WordPress, and more.

Adding a custom color to your Facebook album feed

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

To change how this section looks, click on ‘Header’ in the left-hand menu.

Customizing the header of your Facebook album feed

On this screen, you can change the size of the header, its color, hide or show your Facebook profile picture, and more.

If you want to remove the header completely, then click to turn off the ‘Enable’ toggle.

How to embed Facebook albums in WordPress

By default, Smash Balloon shows the title of each album. If you want to hide the title, then select ‘Posts’ from the main Smash Balloon editor menu.

Then, click on ‘Post Style.’

Changing the style of your Facebook album feed

Here, you can remove the album titles by clicking on the ‘Show album title’ slider.

This can be useful if your album titles distract attention away from the photos, or they don’t make sense when embedded on your website.

Showing the album title in your WordPress Facebook feed

On this screen, you can also choose whether to show how many photos are in each album.

To add this number, simply click on the ‘Number of posts in album’ toggle.

Adding the number to Facebook albums in WordPress

By default, Smash Balloon doesn’t include the Facebook ‘like’ button in your feed. To get more Facebook followers, you may want to add this button by selecting ‘Like Box’ from the editor’s left-hand menu.

After that, simply click on the ‘Enable’ button so that it turns blue.

Adding a 'like' button to your Facebook albums feed in WordPress

By default, Smash Balloon adds this button below your embedded photo albums, but you can change this by opening the ‘Position’ dropdown and choosing ‘Top.’

On this screen you can also change how the ‘like’ section looks including adding a custom call to action, showing how many people follow you on Facebook, and more.

Customizing the Facebook follow button in WordPress

When you’re happy with how the ‘like’ button looks, you can move on to the ‘Load More Button’ screen.

The Load More button encourages visitors to scroll through more of your Facebook feed, so Smash Balloon adds it to your embedded photo albums by default.

Adding a 'Load More' button to a custom Facebook photos feed in WordPress

Since it’s such an important button, you can help Load More stand out by changing its background color, text color, and label.

Another option is to remove the button completely, by clicking the ‘Enable’ toggle.

Removing the 'Load More' button from embedded Facebook albums

By default, Smash Balloon allows visitors to look through your Facebook albums without leaving your website.

They can simply click on any album to open a lightbox, as you can see in the following image.

Smash Balloon's lightbox feature

The visitor can then use the arrows to scroll through the album.

If they want to like a photo, leave a comment, or share the image with their Facebook friends, then they can click on the ‘View on Facebook’ link.

Visiting a Facebook group or page from the lightbox

There are a few different ways that you can customize the default lightbox.

To see your options, click on ‘Lightbox’ in the left-hand menu.

Customizing the Facebook photos lightbox

Here, you can change the color of the lightbox’s text, links, and background colors.

The lightbox feature makes it easy for people to engage with your photos, but it also allows people to scroll through your albums without visiting your Facebook page. If you want to get more visitors to your Facebook page then you can disable the lightbox feature by clicking on the ‘Enable’ toggle.

Disabling the lightbox feature on your WordPress website

Now, if a visitor clicks on an album they will be redirected to your Facebook page in a new tab.

When you’re happy with how the photo albums look, don’t forget to click on ‘Save’ to store your changes.

You’re now ready to add these albums to your WordPress website.

How to Add Facebook Albums to WordPress

You can add your Facebook albums to WordPress using a block, widget, or shortcode.

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

Simply go to Facebook Feed » All Feeds and then look at the feed="" part of the shortcode. You’ll need to add this code to the block or widget, so make a note of it.

In the following image, we’ll need to use feed="4".

Embedding Facebook albums using code

If you want to embed your Facebook albums in a page or post, then you’ll typically use the Custom Facebook Feed block.

Simply open the page or post where you want to embed your albums. Then, click on the ‘+’ icon to add a new block and start typing ‘Custom Facebook Feed.’

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

How to add a Custom Facebook Feed block to WordPress

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

You can now add the feed="" code to this box. After that, click on ‘Apply Changes.’

Embedding Facebook photos in WordPress

The block will now show the albums from your Facebook page or group. Just publish or update the page to make the albums live on your website.

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

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

Adding Facebook albums to your website's sidebar

Once you’ve done that, find the Custom Facebook Feed widget.

Then, just drag it onto the area where you want to show the feed.

How to embed Facebook albums and photos in WordPress

The widget will show one of the feeds you created using Smash Balloon.

To show a different feed instead, type the feed’s code into the ‘Shortcode Settings’ box and then click on ‘Apply Changes.’

Showing different Facebook feeds in a Smash Balloon block

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

Finally, you can embed your albums on any page, post, or widget-ready are using shortcode.

Simply go to Facebook Feed » All Feeds and copy the code in the ‘Shortcode’ column. You can now add this code to your site.

For more information, please see our detailed guide on how to add a shortcode in WordPress.

Add a Specific Facebook Album in WordPress

Smash Balloon also allows you to embed a specific Facebook album anywhere on your WordPress site. This allows you to show your latest or best album to visitors, or to display an album that’s relevant to the rest of the page’s content.

To embed a particular Facebook album, you’ll need to buy and install the Album extension by going to Facebook Feed » Extensions.

Here, find the ‘Album’ extension and click on its ‘Add’ button.

The Smash Balloon Single Album extension

This will open the Smash Ballon website in a new tab, with instructions on how to purchase the extension.

Once you have the extension, you can install it in exactly the same way you install a plugin. If you need help, then please see our guide on how to install a WordPress plugin.

After activating the plugin, go to Facebook Feed » All Feeds and click on ‘Add New.’

Under ‘Advanced Feed Types,’ select ‘Single Album’ and then click ‘Next.’

Showing a specific album on your WordPress website

You can now choose the page or group that you want to use as your source, and choose a template by following the same process described above.

On the next page, you’ll need to enter the ID of the album that you want to embed.

Embedding a specific album in WordPress

In a new tab, simply open the Facebook album that you want to display.

You can now copy the numbers after the = symbol, and inbetween the first two periods. For example, in the following image we need to copy 447443907512397.

Getting the ID of a Facebook album

You can now paste these numbers into the WordPress dashboard.

After that, click on ‘Next’ and Smash Balloon will fetch the album.

Adding a Facebook album ID to WordPress

After that, you can style the album and add it to your site following the same process described above.

We hope this article helped you learn how to embed Facebook albums in WordPress. You may also want to check out our guide on how to create a custom Instagram photo feed in WordPress, and how to create an email newsletter to connect with your visitors after they leave 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 How to Embed Facebook Albums in WordPress first appeared on WPBeginner.

How to Write Content Using AI Content Generator in WordPress

aioseo, artificial intelligence, chatgpt, GPT3, Tutorials, wordpress artificial intelligence

Do you want to use AI (artificial intelligence) to write content in WordPress?

Artificial Intelligence tools like ChatGPT and GPT3 can produce well-researched content in natural language. Many users want to explore it to see if it can help with writing content.

In this article, we’ll talk about how to write content using artificial intelligence like ChatGPT and GPT3 in WordPress as well as the pros and cons of it.

How to Write Content Using AI in WordPress

What are ChatGPT and GPT3 AI?

ChatGPT is a computer program that uses artificial intelligence to have conversations in a chatbot-like interaction environment.

GPT3 (Generative Pre-trained Transformer 3) is a similar artificial intelligence based computer program that is designed to be more generic and broader than ChatGPT.

Both programs use a type of machine learning called Natural Language Processing that allows them to understand and respond to user input.

In simpler words, they learn by going through vast amounts of information publicly available, so they can answer your questions in a well-thought out manner.

You can visit the OpenAI website and try both tools for free. Following are a few examples of what it can do.

Example 1:

Asking questions to ChatGPT

You can provide more details in your prompt to adjust the response according to your given parameters.

For instance, here we asked it to write an essay about black holes at a 6th grade reading level, using simple words, and keeping the response between 600-800 words.

This is how it responded.

ChatGPT response example 1

Example 2:

ChatGPT can also write code, poetry, music, explain mathematical equations, and more.

ChatGPT example 2

Are ChatGPT and GPT3 AI Good Enough to Write Content?

ChatGPT and GPT3 are really good at providing detailed responses that are very well written. This leads many users to believe that it can be used to write content for their websites or be used as an autoblogging tool.

However, before you put it to the test on your actual website, the following are a few things that you need to be mindful of.

1. Accuracy of Information

The information provided by ChatGPT could be outdated or sometimes even false. It’s critical that you double-check all the information included in the article.

2. No Recent Events Are Considered

ChatGPT is trained on resources up to the year 2021, so it has limited knowledge of events after that. This may get fixed soon, but if the content you want to generate is time sensitive, then keep this in mind.

3. Doesn’t Give Strong Opinions

ChatGPT is trained to be impartial and unbiased. Unlike a human writer, it lacks the creativity required to argue for a particular opinion, be passionate, and have preferences.

Can ChatGPT AI be Good for SEO?

ChatGPT AI can generate content in a web-friendly format. However, it does not specifically follow any SEO best practices.

Researchers at Google have worked for years to detect content generated by artificial intelligence tools. In the past, they have penalized them for being low quality.

We feel that artificial intelligence tools like GPT3 can be used as writing assistants rather than full writers.

For instance, GPT AI can be used to create an article outline, gather information, and pick up some key research points.

After that, a human writer can work on it to make it more comprehensive, opinionated, factual, and SEO-friendly.

That being said, let’s take a look at how to use ChatGPT AI to create content in WordPress.

Using ChatGPT Artificial Intelligence to Write Content in WordPress

First, you need to install and activate the GPT3 AI Content Writer plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, you need to click on the GPT3 AI Content Generator menu from the admin sidebar to view plugin’s settings page.

GPT 3 AI Content Generator

From here, you need to provide an API key. You can get one by creating a free account on the OpenAI website.

After copying and pasting your API key, don’t forget to click on the Save button to store your plugin settings.

Other default options would work for most users but you can review and change them if needed.

For instance, you may want to change the image size generated by the AI or leave it blank if you would want to generate AI images by yourself or add other images.

Now you are ready to start generating AI content.

Simply create a new post or page, and you will find the GPT 3 Content Generator settings below the text editor.

AI content settings

First, you need to choose a language for your article.

Currently, the plugin supports English, Spanish, French, German, Italian, Portuguese, Russian, Japanese, Korean, Chinese, Dutch, Indonesian, Turkish, Polish, Ukrainian, Arabic, Romanian, Greek, Czech, Bulgarian, Swedish and Hungarian.

Below that, you can provide a title for your article. The Pro version of the plugin also allows you to add or exclude keywords.

After that, you can set the number of headings you want to include in your article and which heading tag to be used.

Fine tune content settings

Next, you can choose a writing style and tone for your article. For example, you can choose an informative writing style with a casual writing tone.

Below that, you can add an anchor text and set a link. However, we’ll recommend that you manually enter internal links when you are editing the article.

The plugin also allows you to add a call to action and choose position where you want to display it.

Finally, click on the Generate button to start generating content.

Generate content

The plugin will then begin generating content using artificial intelligence.

It may take a while depending on your settings and the topic of your article. Once finished, you will see the generated text in the box.

Save generated text as draft

From here, you can simply click on the Save Draft button. The plugin will then load the text inside the WordPress editor wrapped in the Classic block.

This will allow you to edit the text using the block editor. You can convert the text inside the Classic block into regular blocks and start editing.

Edit AI generated content

Tips on Editing AI Generated Content

GPT3 AI content generator will write a comprehensive article covering different aspects of the topic you choose as your article title.

However, it is far from perfect.

It can be easily identified by search engines as AI generated content, and you could get penalized and lose your search rankings.

We recommend only using GPT3 AI content for research and quick outlines. Once you have an outline, you can then thoroughly review, fact check, and edit it by yourself to expand the article further.

Following are a few things you can do to make the article unique and in your own voice:

1. Check All Information for Accuracy

Depending on your topic, GPT3 can make mistakes and may sometimes include information that is incorrect.

2. Create and Use Your Own Images

GPT3 AI Content Generator can generate images using artificial intelligence. However, for most topics these images they do not look very good. Here’s an example image that it generated for us.

Image with gibberish text

Create images for blog posts as you would normally do for any article that you write.

3. Add Internal and External Links as Needed

GPT3 AI doesn’t know which articles on your website are related to the topic and it cannot automatically generate internal links.

You need to manually add internal and external links to provide more context and make your article more user-friendly.

4. Use Table of Content, FAQs, and Lists

GPT3 is a text generator and does not concern itself with formatting to make the reading experience better.

You need to manually add any table of contents, lists, and FAQs needed make your content more user-friendly.

5. Personalize the article with your expertise & knowledge

As AI-content gain in popularity, it will become more critical for authors to add their own voice, expertise, and experiences. This differentiator will play an important role in determining authentic content vs not.

It’s important to personalize the article with your experience and make it more coherent, so it’s user-focused.

6. Optimize Content for SEO

By default, GPT3 generates easy to read text. However, this text is not exactly optimized for on-page SEO.

You need to optimize your content with All in One SEO for WordPress. It is the best WordPress SEO toolkit on the market.

It allows you to easily check your content for SEO, add SEO title and description, social media images, and schema markup.

For more details, see our tutorial on how to optimize a blog post for SEO.

Final Thoughts on AI Content in WordPress

This is just the beginning, and there will be many other tools that will come to the market in the coming months and years.

If you don’t want to use an AI content plugin for WordPress, then you can directly go to ChatGPT website and write the prompts there to experience the technology for yourself.

We hope this article helped you learn how to write content using AI in WordPress. You may also want to see our pick of the most useful WordPress plugins, or see our complete WordPress SEO handbook to grow traffic on 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 How to Write Content Using AI Content Generator in WordPress first appeared on WPBeginner.

How to Create a HubSpot Form in WordPress

CRM, crm plugin for wordpress, crm software, hubspot, hubspot crm, HubSpot Forms, Tutorials, wordpress, wordpress forms plugin

Are you looking to add a Hubspot form and add it to your WordPress site?

HubSpot is a popular all-in-one marketing platform designed to help grow your business used by over 113,925 people across the globe. Hubspot also enables you to create engaging forms for your website.

In this article, we will show you how to create a HubSpot in WordPress.

How to Create a HubSpot Form in WordPress

Why Use HubSpot to Create Forms

Hubspot is a marketing and sales platform that helps companies grow. It comes with numerous tools including a customer relationship manager (CRM), a content management system (CMS), built-in email marketing, and lead generation.

They also have a robust WordPress form builder, which seamlessly integrates with WordPress, allowing you to create hassle-free forms.

This form builder is an easy drag-and-drop builder that enables you to create interactive forms without a single line of code, making it one of the best contact form plugins.

Also keep in mind that HubSpot can also easily integrate with other form tools like WPForms, Formidable Forms, and more. With that being said, let’s see how you can create a HubSpot form in WordPress.

Method 1. Creating a HubSpot Form Using The HubSpot Plugin

You can easily create a HubSpot form for your WordPress website using the HubSpot plugin.

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

Upon activation, the plugin will add a new menu item WordPress admin sidebar. Just click on HubSpot to be taken to the setup wizard where you can create a HubSpot account if you don’t already have one.

If you have an account, you need to click on the ‘Sign in here’ link at the top.

Go to HubSpot from the dashboard and click Sign in here link

This will open up a ‘HubSpot Login’ popup.

Simply type your username and password and then click the ‘Login’ button.

Log in to your HubSpot account

After you’ve logged in, HubSpot will ask if you want to continue with the account you’ve just logged in with.

Simply click the ‘Continue With This Account’ button.

Click continue with this account button

Then you’ll be asked to connect your HubSpot account with your WordPress website.

Just click on the ‘Connect Website’ button.

Click Connect Website button

Once you’ve connected the WordPress website with your HubSpot account, head over to HubSpot » Forms from the WordPress admin dashboard.

This will take you to the ‘Forms’ page. Now, simply click on the ‘Create a Free Form’ button at the top right corner.

Click Create a Free Form button

Next, you’ll have to select your form type and then click the ‘Next’ button on the top.

For this tutorial, we will be creating an ‘Embedded form.’

Choose a form type

After that, you’ll be taken to the HubSpot template library.

Simply choose your preferred template, such as ‘Registration’ or Contact us.’ Then, just click the ‘Start’ button at the top.

Choose a form template

Now that you’re on the Form Editor, you can edit the pre-made form template by dragging and dropping fields from the left into the preview at the right.

When you’re done customizing, click the ‘Submit’ button at the top.

Create a form and click Submit button

This will open up a ‘Review And Publish’ popup.

Simply scroll down and click the ‘Publish’ button.

Click Submit button

After you click the ‘Publish’ button, a popup will appear on your screen. As this is an Embedded form, a shortcode will be provided.

Now, just click the ‘Copy’ button beside the shortcode.

Copy the shortcode

You can embed this code on any page where you want to add your HubSpot form. For more information, check out our guide on how to add shortcodes in WordPress.

Method 2. Creating a HubSpot Form Using WPForms

You can also create a HubSpot form using WPForms as this plugin comes with a HubSpot integration addon. WPForms is the most popular drag & drop WordPress form builder with over 5 million active installs.

Note that you need at least a WPForms Elite license to access the HubSpot addon.

The first thing you need to do is install and activate the WPForms plugin. Check out our guide on how to install a WordPress plugin for details.

Upon activation, go to WPForms » Addons from the admin dashboard. This will take you to the ‘WPForms Addons’ page.

Simply locate the HubSpot addon and click the ‘Upgrade Now’ button.

Click Upgrade Now button below HubSpot addon

This will take you to your ‘WPForms Account’ page. Here, simply scroll down to the ‘HubSpot Addon’ and click the download button.

After that, you can install and activate the HubSpot addon the same way that you installed and activated the plugin.

Click Download HubSpot button

Next, go to WPForms » Settings from the WordPress dashboard. Then, head over to the ‘Integrations’ tab.

Here you will find HubSpot in the list of integrations. Just click the arrow icon to expand the section, and then you can click the ‘Add New Account’ button.

Choose HubSpot for integration

A prompt will open up, asking you to connect with your HubSpot account. Simply type your HubSpot account login credentials.

If you don’t already have an account, then you can create one here.

Log in to your HubSpot account

Next, you’ll be asked if you want to continue with this account.

Simply click the ‘Continue With This Account’ button.

Click Continue With This Account

After that, you’ll be shown a popup asking you to connect WPForms with Hubspot.

Click on the ‘Connect App’ button at the bottom of the page.

Click Connect App button to connect WPForms and HubSpot

On your WordPress dashboard, return to the ‘Integrations’ screen.

You should now see ‘Connected’ beside the section for HubSpot.

HubSpot marked Connected

Now go to WPForms » Add New from the dashboard to create your HubSpot form.

First, select a form template from the WPForms template library.

Select a template for yourself from the WPForms template library

After selecting the template, you’ll be taken to the WPForms interface where you can edit the form template.

Now, click on the ‘Marketing’ option on the menu bar to the left. Simply select ‘HubSpot’ from the list of integrations.

A HubSpot popup will then appear on the screen. Simply click the ‘Add New Connection’ button at the top.

Click Add New Connection button

WPForms will now prompt you to enter a connection nickname.

You’re free to choose any name you like, as no one will see this but you. Just click the ‘OK’ button when you’re done.

Choose a nickname of your liking

WPForms will then ask you to select your HubSpot account and choose an action to perform. Simply choose your account from the ‘Select Account’ Field.

Then choose the ‘Create/Update Contact’ option from the ‘Action to Perform’ field.

Fill action to perform field

After selecting this option, various new settings will appear within the form.

Fill in those fields accordingly.

Fill in additional fields

Next, you’re ready to customize your form in the form builder.

Simply create drag and drop fields from the left-hand side into the live preview on the right.

Form in form builder

You can add any information that you want to collect and organize in your HubSpot account.

Once satisfied, click the ‘Embed’ button present at the top of the form builder.

Click Embed button

This will open the ‘Embed in a Page’ prompt.

If you want to embed your HubSpot form on a new page, click the ‘Create New Page’ option.

To embed a form on an existing page, click the ‘Select Existing Page’ option.

Select existing page option

After that, simply choose the right page from the dropdown that appears.

Now click the ‘Let’s Go’ button.

Click Let's Go button

You will automatically be directed to the page that you selected from the dropdown menu. The HubSpot form will already be embedded there.

Simply click the ‘Publish’ button at the top of the content editor to push your new form live.

Click Publish button after embedding the form

That’s it! We hope you learned how to create a HubSpot form in WordPress. You may also want to check out our ultimate guide on SEO for beginners and our expert picks of the best multipurpose themes to create an engaging 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 Create a HubSpot Form in WordPress first appeared on WPBeginner.

How to Install Microsoft Clarity Analytics in WordPress

insert headers and footers, microsoft clarity, microsoft clarity analytics, Tutorials, website analytics

Are you looking to use Microsoft Clarity analytics on your WordPress website?

Microsoft Clarity is a free analytics tool that helps you analyze how users engage with your website with click tracking, scroll tracking, and heatmaps.

In this article, we’ll show you how to easily install Microsoft Clarity in WordPress, step by step.

How to Install Microsoft Clarity Analytics in WordPress

This is what we’ll cover in this tutorial:

What Is Microsoft Clarity and Why Use It?

Microsoft Clarity is a free analytics tool for websites. It helps you see the most popular pages on your website and how users click, scroll, and interact with those pages.

The most important feature of Microsoft Clarity is its data visualization. This includes click tracking, heatmap reports, session recordings, and more.

Heatmaps show a visual report of how users move their mouse, as well as where they click, select, and scroll.

Heatmap showing user interactions on a website

Similarly, session recordings help you see how users view your content, where they spend more time, and what takes them away from your WordPress website.

This information helps you create a better user experience for your users, improve performance, and boost sales conversion.

Viewing the Microsoft Clarity analytics dashboard

Note: Microsoft warns that Clarity should not be used on sites that contain sensitive data including user health care, financial services, or government-related information.

Microsoft Clarity vs Google Analytics: What’s the Difference?

Google Analytics is the best analytics solution on the market because it offers a lot of in-depth tracking features. Microsoft Clarity, on the other hand, focuses on the visualization of user interactions with heatmaps and session recordings.

Google Analytics helps you track almost anything on your website. It also has enhanced eCommerce tracking, conversion tracking, and detailed reports.

Microsoft Clarity is a newer platform, and it’s currently not an alternative to Google Analytics’ far superior features. However, you can use Microsoft Clarity alongside Google Analytics to unlock features like heatmaps and visitor session recordings because Google doesn’t offer those features yet.

Before Microsoft’s analytics feature, many website owners would use paid heatmap solutions like Hotjar or CrazyEgg alongside Google Analytics, but now you have a free alternative to those tools.

We recommend installing Google Analytics on all your websites. After that, you can follow our guide below to install Microsoft Clarity in WordPress.

They both work along quite well without affecting your website’s functionality.

It’s easy to add Microsoft Clarity to any website. You need to sign up for Microsoft Clarity and then add a tracking code to your website. We’ll take you through the process step by step.

Signing Up for Microsoft Clarity

First, head to the Microsoft Clarity website and click on the ‘Get Started’ button. You need a Microsoft, Facebook, or Google account to sign up.

After signing up, you will see the Clarity dashboard with a popup to add a new project.

Go ahead and enter a name for your project. You can use the name of your website to make it easily recognizable. Next, enter your website URL.

Setting up a new project in Microsoft Clarity

Once you’ve created your new project, you will be asked how you want to install Clarity. You should click the ‘Get tracking code’ option.

Install Clarity Using a Tracking Code

You will now see the tracking code that you need to add to your WordPress website. Simply click the ‘Copy to clipboard’ button.

Copying the Clarity tracking code

Depending on the method you use to add this code to your WordPress site, you may need the complete tracking code, or just your project ID. You’ll find the project ID at the end of the tracking code, just before </script>. In the screenshot above, it is ‘ejbjp9k5ge’.

We recommend leaving this tab open or copying the code to a safe place. You will need it in the next step of this tutorial.

Adding Microsoft Clarity Code to WordPress

Now you need to add the Microsoft Clarity tracking code to your WordPress website in a way that makes it present on all pages. Luckily, there are a number of easy ways to make this happen without manually editing any WordPress files.

You can choose your preferred method from the following three.

Method 1: Adding Microsoft Clarity Code Using the Microsoft Clarity Plugin

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

Upon activation, you need to visit the Settings » Clarity page in WordPress admin. Here you need to paste the project ID. That’s the last item in your Clarity tracking code and will look something like ‘ejbjp9k5ge’.

Enter Your Microsoft Clarity Project ID

Make sure you click the ‘Save Changes’ button at the bottom to store your settings. Your WordPress site is now connected to Microsoft Clarity.

Method 2: Adding Microsoft Clarity Code Using WPCode

The safest and easiest way to add code to your website is WPCode, the best WordPress code snippets plugin. This plugin lets you add any script in your website’s header or footer right from your WordPress dashboard (no FTP or cPanel needed).

Once you have installed and activated the WPCode Free Plugin, you need to visit the Code Snippets » Header & Footer page. Once there, you should paste the entire Microsoft Clarity tracking code into the ‘Header’ field.

Paste the Microsoft Clarity Tracking Code Into WPCode's Header Field

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

The plugin will now automatically add the Microsoft Clarity analytics code to all pages of your WordPress site, so you can track website visitor activity on your website.

Method 3: Adding Microsoft Clarity Code Using All in One SEO

All in One SEO is the best WordPress SEO plugin that allows you to easily optimize your WordPress website for search engines and social media platforms. We show you how to get the most out of it in our guide on how to set up All in One SEO for WordPress correctly.

If you have All in One SEO installed on your website, then you can use it to add the Microsoft Clarity tracking code.

Simply head over to All in One SEO » General Settings » Webmaster Tools and click on the ‘Microsoft Clarity’ icon. A field will appear where you can paste your Clarity project ID. That’s the last item in your Clarity tracking code and will look something like ‘ejbjp9k5ge’.

Pasting the Microsoft Clarity Project ID into AIOSEO

Make sure you click the ‘Save Changes’ button afterward, and your WordPress site will be connected to Microsoft Clarity.

Pro Tip: If you’re using a WordPress caching plugin, then you need to clear your WordPress cache after you add the project ID or tracking code. This is important otherwise Microsoft will not be able to verify your site for a few hours.

Using Microsoft Clarity

Once you have installed the tracking code and cleared your WordPress cache, Microsoft will then start recording visitor session data.

However, it will likely take up to 2 hours before you can see any results in your Clarity account.

Using the Microsoft Clarity Dashboard

Simply log in to your Clarity account after a few hours, and you should be able to see the activity summary in your dashboard.

Viewing the Microsoft Clarity analytics dashboard

You can see useful insights like the percentage of sessions that have ‘dead clicks’. These are clicks that don’t go anywhere. For instance, users might be clicking on an image thinking that it’s a button or a link.

Another useful statistic is rage clicks when users rapidly click or tap in the same area. Paying close attention to these metrics can help you make your site more user-friendly.

The dashboard also shows you the number of ‘quick backs’. These occur when a user moves off a page and then very quickly comes back to it.

It also tracks excessive scrolling, when users scroll through a page more than expected. And like Google Analytics, Microsoft makes it easy to see the most popular pages on your site.

Using Microsoft Clarity Recordings

The ‘Recordings’ tab shows you recordings of different user sessions. You get the details of the user’s device, operating system, and country.

Clarity also tells you the number of pages they visited, the duration and time of their session, and the number of clicks they made.

Clarity showing the recordings of user sessions

The recordings let you watch an animation of mouse movements and clicks. In the screenshot above, you can see a user moved their mouse to the November archives link and clicked it.

Using Microsoft Clarity Heatmaps

The ‘Heatmaps’ tab shows you a heatmap of your website. These help you see which sections are popular on your site based on the number of people clicking.

Clarity's heatmap showing mouse clicks

The heatmap will also show you how far users scrolled down the page, and which areas on the page received the most clicks.

Final Thoughts on Microsoft Clarity Analytics Tool

Microsoft Clarity is a new analytics tool with some neat features. While it’s no alternative to the powerful Google Analytics platform, it definitely offers some interesting features like free heatmap and session recording.

Often new website owners want to see heatmaps and session recordings, but they don’t have the budget to purchase premium solutions like HotJar or CrazyEgg. Well, now you can use Microsoft Clarity.

Using the heatmaps and session recordings, you should be able to optimize your website or online store experience to improve user experience and boost sales.

We hope this article helped you learn how to install Microsoft Clarity Analytics in WordPress. You may also want to see our comparison of the best WordPress page builders to create custom layouts without any code, and our pick of the best email marketing services to grow your business.

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

The post How to Install Microsoft Clarity Analytics in WordPress first appeared on WPBeginner.

How to Set Up Google Ads Conversion Tracking in WordPress

ads addon, conversion tracking, google ads, google ads conversion tracking, google analytics, google analytics 4, google analytics conversion tracking, monsterinsights, track google ads, Tutorials, wpcode

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

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

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

How to setup Google Ads conversion tracking

Why Set Up Google Ads Conversion Tracking in WordPress?

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

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

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

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

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

Adding Google Ads to WordPress Website

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

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

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

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

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

Launch setup wizard

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

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

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

Install the ads addon

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

Creating a Conversion Action in Google Ads

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

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

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

Click the tools and settings option

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

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

Create new conversion action

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

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

Select the kind of conversion to track

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

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

Enter your domain to scan

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

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

Add conversion action manually

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

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

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

Enter conversion action details

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

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

Enter value for conversion action

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

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

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

Enter value and count

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

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

Click the save and continue button

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

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

Select the use tag manager option

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

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

Publisher settings in MonsterInsights

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

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

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

Enter conversion ID and label

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

View Google Ads Conversion Tracking Data in Google Analytics

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

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

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

Connect Google Ads with Google Analytics 4

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

Go to admin settings

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

It is located under the Property column.

Go to ads links

A new window will now slide in from the right.

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

Click the link button

Next, you will see different options for Link setup.

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

Choose Google ads account to link

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

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

Select your google ads account

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

Go ahead and click the ‘Next’ button.

See selected google ads account

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

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

Change configure settings

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

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

Review and submit link setup

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

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

See link created notification

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

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

View paid search traffic

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

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

View session google ads campaign report

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

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

View detailed stats for each campaign

Connect Google Ads with Universal Analytics

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

After that, head to the ‘Admin’ settings.

Click admin settings

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

You can find the option under the Property column.

Go to Google Ads links

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

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

Select Google ads account

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

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

Enter link group title

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

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

Click the done button

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

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

View Google ads report in UA

Final Thoughts on Google Ads Conversion Tracking in WordPress

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

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

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

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

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