Category Archives: Tutorials

How to Easily Create a Multilingual Sitemap in WordPress

Are you looking to improve the search engine rankings of your site’s multilingual pages?

Creating a multilingual sitemap helps Google, Bing, and other search engines easily find your content and index it. You can get more international search traffic simply by giving search engines an easy way to find multilingual content on your WordPress site.

In this article, we’ll show you how to create a multilingual sitemap for WordPress.

How to create a multilingual sitemap in WordPress

Why Create a Multilingual Sitemap in WordPress?

A sitemap is a file that contains all the important content on your WordPress website. It is in the XML format and is targeted toward search engines instead of people.

Creating an XML sitemap for your multilingual website helps search engines find and index your content faster. For instance, if you have different domains or subdomains translated into multiple languages, then you’ll need to create a sitemap for each website.

Note: If you’re looking for an easy way to set up a website in different languages, then follow our step-by-step guide on how to easily create a multilingual WordPress site.

A sitemap is extremely important for your WordPress SEO. Let’s say you just created a new multilingual website. Your new site won’t have many backlinks, and it can be hard for search engines to discover your new articles and pages.

The sitemap provides a way for search engines to learn about your new content in another language. This way, your multilingual pages will start to get indexed and appear in search results.

That being said, let’s take a look at how you can create a multilingual sitemap in WordPress.

Creating a Multilingual Sitemap in WordPress

By default, WordPress automatically creates an XML sitemap for new websites. You can add wp-sitemap.xml at the end of the domain, and WordPress will display the default XML sitemap.

View default sitemap

However, this feature is fairly limited and not very flexible. You can’t control which content to add or remove from the sitemap.

The best way to create an XML sitemap in WordPress is by using the All in One SEO (AIOSEO) plugin. It is the best WordPress SEO plugin and helps you optimize your site for search engines.

It also automatically creates a sitemap for a multilingual site and gives you more control over which pages and website sections you want to show in the sitemap.

The sitemap feature is available in the AIOSEO Lite version for free. However, if you’re looking for more features like video sitemaps, news sitemaps, redirections manager, and link assistant, then we recommend using the AIOSEO Pro version.

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

Click let's get started AIOSEO setup wizard

Upon activation, you’ll see the AIOSEO setup wizard. Simply click the ‘Let’s Get Started’ button and follow the onscreen instructions. For more details, you can visit our guide on how to set up All in One SEO plugin for WordPress.

After that, you’ll need to go to All in One SEO » Sitemaps from your WordPress dashboard and ensure that the ‘Enable Sitemap’ option is enabled.

AIOSEO sitemaps

AIOSEO will automatically create a sitemap for your multilingual website.

You can click the ‘Open Sitemap’ button to preview it or simply add ‘sitemap.xml’ to your website URL.

XML sitemap preview

Please note that if you’re using WPML to create multilingual sites, then AIOSEO will automatically serve sitemaps across different languages.

For instance, your sitemap URL will be something like /nl/sitemap.xml, /de/sitemap.xml, or /fr/sitemap.xml.

If you’re using TranslatePress to create your WordPress multilingual site, then you will need to install their SEO pack addon which is fully compatible with AIOSEO.

Configuring Additional Multilingual Sitemap Settings

To further customize your multilingual sitemaps, you can scroll down in AIOSEO Sitemaps settings to view more options.

By default, the plugin lets you include all post types and taxonomies in the sitemap. It also gives the option to include date archives and author sitemaps.

View more sitemap settings

However, you can uncheck the ‘Post Types’ and ‘Taxonomies’ options and view more options.

For example, let’s say you have translated content as a custom post type. You can simply check that option to include in the sitemap and exclude other post types.

Add translations to sitemap

Besides that, you can also add more pages from your multilingual website to the sitemap.

For example, let’s say you’ve translated a pillar article or an evergreen content into another language. You can add the page URL to the sitemap using AIOSEO and help search engines easily find your content.

Simply scroll down and click the ‘Additional Page’ toggle to enable the option. After that, you can add the page URL, and choose the priority and the frequency.

Add additional pages to sitemap

AIOSEO lets you exclude posts, pages, and specific terms from your WordPress sitemaps.

For instance, you can add different multilingual posts and pages that you don’t to include in the sitemap. These can be contact us page, or terms of service pages translated in another language.

First, you’ll need to enable the ‘Advanced Settings’ option. Then enter the URLs in the ‘Exclude Posts / Posts’ field and the terms in the ‘Exclude Terms’ field.

View additional settings in sitemap

Submitting Your Multilingual Sitemap to Search Engines

Now that you’ve created a multilingual sitemap, the next step is to submit it to different search engines. This way, Google, Bing, and other search engines can easily find new content.

Submit Multilingual Sitemap to Google

Google Search Console is a free tool by Google that you can use to monitor your site’s performance on search results. It helps you see which keywords people use to find your website and resolve any errors that might prevent you from appearing on Google.

Submitting your multilingual sitemap to the Search Console helps Google quickly discover new content.

You can simply log in to your account and head to the ‘Sitemaps’ option from the menu on your left. Next, enter your multilingual sitemap URL under the ‘Add a new sitemap’ option and click the ‘Submit’ button.

Submit your site to search console

For more details, please see our guide on how to submit your website to search engines.

Submit Multilingual Sitemap to Bing, Yahoo, and DuckDuckGo

Similarly, you can submit the sitemap to Bing using the Webmaster Tools. The best part is that, when you submit your site to Bing, it’s also automatically submitted to the Yahoo and DuckDuckGo search engines.

Submit sitemap in Bing

You can see our step-by-step tutorial on how to add your website to Bing Webmaster Tools for more details.

We hope that this article helped you learn how to create a multilingual sitemap in WordPress. You may also want to see our expert SEO tips to optimize your blog posts, and our expert pick of the best keyword research tools to improve your SEO rankings.

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

The post How to Easily Create a Multilingual Sitemap in WordPress first appeared on WPBeginner.

How to Embed Facebook Status Posts in WordPress

Are you looking for a way to embed Facebook status posts in WordPress?

Facebook statuses are an easy way to share important updates and time-sensitive information with your audience. By embedding your Facebook timeline in WordPress, you can get more engagement, let people know what’s happening on your Facebook page or group, and grow your followers.

In this article, we will show you how to embed Facebook status posts in WordPress.

How to embed Facebook status posts in WordPress

Why Embed Facebook Status in WordPress?

Facebook is the most popular social media platform in the world and has billions of active users. For website owners, Facebook is a powerful way to connect with a new audience and engage with the people who already know about your brand.

Facebook is also perfect for sharing time-sensitive information in real time. In this way, you can use FOMO to create a sense of urgency.

For example, you might post a status about how visitors are running out of time to enter your giveaway in WordPress, or take advantage of your flash sale.

However, people won’t see your Facebook status if they just visit your website. This makes it difficult to grow your Facebook following and build a relationship with your audience.

By embedding your Facebook status posts in WordPress, you can promote your social media page and encourage more people to follow you on Facebook.

As you post new statuses, they’ll appear on your site automatically, so it’s also a great way to keep your website fresh, even for regular visitors.

That being said, let’s see how to embed Facebook status posts in WordPress.

Adding a Facebook Status Plugin to WordPress

The easiest way to embed your Facebook status feed in WordPress is by using the free Smash Balloon Social Post Feed.

This plugin lets you display text and links from your Facebook page or group.

A Facebook post timeline, embedded on a WordPress website.

In this guide, we’ll be using the free version of Smash Balloon as it allows you to embed Facebook statuses no matter what your budget. However, there’s Smash Balloon Facebook Feed that lets you embed different kinds of content. For example, you can embed a Facebook video in WordPress, and show images and videos in a lightbox popup on your site.

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

After that, you’ll need to connect Smash Balloon to your Facebook page or group, by going to Facebook Feed » All Feeds. Here, click on ‘Add New.’

How to create a custom Facebook feed

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

However, the free version only allows you to embed your Facebook statuses so click on ‘Timeline’ and then select ‘Next.’

The free Smash Balloon WordPress plugin

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

To get started, click on ‘Add New.’

Adding a Facebook page or group to your WordPress website

On the next screen, choose whether you want to embed the feed from a Facebook group or Facebook page.

After that, go ahead and click on ‘Connect to Facebook.’

How to connect a Facebook page or group to a WordPress website

This opens a popup where you can log into your Facebook account and choose the pages or groups which you want to get the status updates from.

As soon as you’ve done that, click on ‘Next.’

Giving Smash Balloon access to your Facebook posts

Facebook will then 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 content that you can embed on your WordPress blog or website.

With that in mind, it’s a good idea to leave all the switches enabled.

Connecting Facebook and WordPress using a free plugin

When you’re happy with how your Facebook permissions are set up, 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, click on the ‘OK’ button.

Connecting Smash Balloon and Facebook successfully

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

How to Embed Facebook Status Posts in WordPress

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

Selecting a page or group as your Facebook source

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

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

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

Embedding Facebook status posts in WordPress

Smash Balloon will now go ahead and create a timeline feed from the Facebook page or group you’ve chosen.

This is a good start, but Smash Balloon has lots of settings that you can use to customize your embedded timeline.

How to Customize Your Embedded Facebook Status Posts

To fine-tune your timeline, go to Facebook Feed » All Feeds in the WordPress dashboard.

Here, find the timeline feed you just created and click on the ‘Edit’ button next to it.

Customizing the Facebook status timeline feed

This opens the Smash Balloon feed editor, which shows a preview of your timeline to the right.

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

Customizing Facebook status posts in WordPress

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

On this screen, you can switch between list and masonry layouts, as well as 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 for your website.

Smash Balloon's Feed Layout settings

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

Mobile devices usually have smaller screens and less processing power, so if you’re not happy with how the feed looks then it’s smart to show fewer statuses on tablets and smartphones.

Testing your Facebook post status on mobile devices

To make this change, just type a different number into the ‘Mobile’ field in the ‘Number of Posts’ section.

By trying out different layouts you can create a Facebook status feed that looks great across all devices.

How to create a responsive social media layout for mobile

By default, Smash Balloon feed shows fewer columns on smartphones and tablets, compared to desktop computers. This helps your Facebook statuses fit comfortably on smaller screens.

After testing the mobile version of your WordPress website, you may want to show fewer columns on smartphones and tablets.

To do this, simply change the numbers under ‘Columns.’

Adding and removing columns in a Facebook status feed

When you’re happy with how the feed looks, 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 in your Facebook status feed

Smash Balloon uses a color scheme inherited from your WordPress theme by default, but on this screen, you can 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 text color in WordPress, change the background color, and more.

Creating a custom color scheme using Smash Balloon

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

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

Changing the Facebook custom feed header

Here, you can change the header size and color, hide your Facebook profile picture, and more.

If you would prefer to remove the header entirely, then click to turn off the ‘Enable’ toggle.

Adding a header to the Facebook status feed

Next, you can change how the individual posts look inside your feed by selecting ‘Post Style’ from the left-hand menu.

After that, click on ‘Post Style’ again.

Customizing a Facebook status feed with Smash Balloon

On this screen, you can choose between a regular and boxed layout.

If you select ‘Boxed’ then you can create a colored background for each Facebook post.

Adding colored box backgrounds to your embedded Facebook post statuses

If you choose ‘Regular’ then you can change the thickness and color of the line that separates your different social media posts.

In the following image, we’ve added a thicker line to our Facebook status feed.

Adding borders to a Smash Balloon Facebook feed

You can also customize the individual parts within each status by going back to the main settings screen.

Once again, select ‘Post Style’ but this time choose ‘Edit Individual Elements’ instead.

Customizing the posts inside a Facebook status feed

You will now see a list of all the different content that Smash Balloon includes in each post, such as the date, post author, and event title.

To remove a piece of content from your feed, simply click to uncheck its box.

How to remove content from a live Facebook feed

You can also customize how each type of content looks by clicking on it.

For example, in the following image, you can see settings to change the size and color of the author text.

Customizing how the post author is displayed in WordPress

By default, Smash Balloon doesn’t include the Facebook ‘like’ button in your feed.

This button makes it easier for visitors to follow you on Facebook, so you may want to add it to your status feed by selecting the ‘Like Box’ settings.

Adding a like button to the Facebook status feed

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

You can now use the settings to change where the link box appears and the kind of content included in the box, such as your Facebook cover photo and total number of followers.

Adding a like button to an embedded Facebook status page

If you upgrade to Smash Balloon premium, then there are some more settings to explore. This includes a lightbox feature that allows visitors to explore your content in a popup.

Since you’re using the free version of Smash Balloon for now, you can go ahead and click on ‘Save’ to store your changes.

The next step is adding the Facebook status feed to your WordPress website.

How to Embed Facebook Status Posts in WordPress

You can add your Facebook status feed 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 add it using a block or widget.

To get this information, 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 example, we’ll need to use feed="8".

Adding Facebook content to WordPress using a shortcode

If you want to embed your Facebook statuses in a page or post, then we recommend using the ‘Custom Facebook Feed’ block.

Simply open the page or post where you want to embed the status feed. 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 the post or page.

Adding a Facebook timeline to your website using a WordPress block

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. Once you’ve done that, click on the ‘Apply Changes’ button.

Showing different Facebook feeds using shortcode

The block will now show all the status updates from your Facebook page or group. Just publish or update the page to make the feed live.

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 latest Facebook updates across your entire website.

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

The Smash Balloon Custom Facebook Feed widget

Now, start typing ‘Custom Facebook Feed’ into the search bar to find the right widget.

You can now drag it onto the area where you want to show your Facebook status updates. By default, the widget will show one of the feeds you created using Smash Balloon.

Adding a social media widget to your WordPress website

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

You can now click on the ‘Update’ button to make the widget live.

How to publish a Facebook feed to your website

For more information, please see our step-by-step guide on how to add and use widgets.

Finally, you can embed your status on any page, post, or widget-ready area using a shortcode. To get the shortcode, simply go to Facebook Feed » All Feeds and copy the value 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.

We hope this article helped you learn how to embed Facebook status posts in WordPress. You may also want to see our guide on how to create an email newsletter and the best WordPress Facebook plugins to grow your blog.

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

The post How to Embed Facebook Status Posts in WordPress first appeared on WPBeginner.

How to Add Country Restriction for WooCommerce Products

Recently one of our readers asked if it was possible to restrict countries in your WooCommerce store?

By hiding your WooCommerce store from specific countries, you can control your product visibility around the world. That way, your products will only be available in specific countries.

In this article, we will show you how to easily add country based restriction to WooCommerce products or even your entire WooCommerce store.

How to Restrict Countries in WooCommerce

Why Restrict Your WooCommerce Store in a Country?

When selling products online, an online store owner can come across a lot of problems. For example, you can get a product order from a country where that product is illegal, or your payment gateways can’t process fees.

When building a WooCommerce store, it is important to provide the best user experience to your customers. You don’t want the customer to place an order only to find out that they can’t complete their purchase.

This can result in customer frustration, and it can keep them from ever coming back to your site or buying something else from you.

To avoid these kinds of situations, it is better to restrict access to your WooCommerce store or products from specific countries.

With that being said, let’s take a look at how you easily can restrict your WooCommerce store and products in specific countries.

You can jump to either method by clicking the links below:

Method 1. Restricting Countries Using WooCommerce Settings

You can easily hide your online store in specific countries using WooCommerce default settings.

First, go ahead and click on the WooCommerce » Settings option in your WordPress dashboard and then go to the ‘General’ tab.

Go to WooCommerce Settings and select General

Once there, scroll down to the ‘General Options.’ Here you will find the ‘Selling Location’ section. Simply click on the dropdown menu in the field where you will find three options.

You can either select the ‘Sell to specific countries, except for…’ option, or you can choose the ‘ Sell to specific countries’ option.

Go to General Option and select Selling Location

When you select the ‘Sell to specific countries, except for…’ option, another field will appear.

Now, just select from the dropdown any countries where you don’t want to sell your products.

Select countries where you don't want to sell your product

If you’ve chosen the ‘Sell to specific countries’ option, a ‘Sell to specific countries’ field will appear in the settings below.

Now you can select all the countries where your store will be available.

Select countries where you want to sell your product

This method is very easy to use, and you don’t have to download any additional WooCommerce plugins for it.

The main downside of this method is that you cannot hide specific products.

By restricting countries using the default settings method in WooCommerce, the restrictions will be applied to your whole online store, and users in those countries won’t be able to buy any of your products.

If you only want to hide some specific products in different countries, it is better to use a plugin mentioned in Method 2. Let’s take a look at how to restrict specific WooCommerce products in different countries.

Method 2. Add Country Based Restrictions for WooCommerce Products

The best way to hide your store products in some specific countries is by using a WordPress plugin like the Country Based Restrictions For WooCommerce.

It is a free WooCommerce plugin that allows you to hide your products in specific countries.

First, you’ll need to install and activate the ‘Country Based Restrictions For WooCommerce’ plugin. For more details, please take a look at our guide on how to install a WordPress plugin.

After you’ve activated the plugin, go to Plugins » Installed Plugins.

Go to the country based restrictions for WooCommerce plugin settings

Here, click on the ‘Settings’ link in the ‘Country Based Restrictions for WooCommerce’ entry.

Once you’re on the ‘Settings’ page, just click on the ‘Catalog Visibility’ option.

Choose Catalog Visibility option

After you’ve clicked on the ‘Catalog Visibility’ option, you will have 3 choices:

  • Hide Completely – Restricted products will not appear in your store.
  • Hide Catalog Visibility – Restricted products will only be available by direct links, but not through browsing or search results.
  • Catalog Visible (non purchasable) – Restricted products will appear as normal, but customers will be unable to purchase them.

Once you’ve chosen an option, simply click on the ‘Save Changes’ button.

Choose your Catalog Visibility option

Next, go to WooCommerce » All Products in your WordPress dashboard.

Locate the product that you want to restrict and simply click on the ‘Edit’ link.

Go to WooCommerce Products and select Edit

This will open the ‘Edit Product’ page. You can then scroll down to the ‘Product Data’ section.

Next, simply click on the ‘Country Restrictions’ option to the left.

Go to Product Data section and select Country Restrictions

After you’ve clicked on the ‘Country Restrictions’ option, you’ll see a ‘Restriction Rule’ field.

Simply click on the dropdown menu beside the field and select the ‘Product Not Available For Selected Countries’ option.

Select Product not available for selected countries option

After that, go to the ‘Select Countries’ field and click on the dropdown beside it.

Then, simply choose the countries where your product won’t be available for purchase.

Choose countries you want to restrict

Once you’re happy with your choice, don’t forget to click on the ‘Publish button.’

Now, if a customer from the chosen country visits your store, the product you’ve restricted won’t appear.

Bonus: Geolocation Targeting for WooCommerce to Grow Sales

Did you know that geotargeting in WooCommerce can help you grow sales?

We have created an ultimate guide to geolocation targeting in WordPress that will show you how to create personalized content and offers for users in specific countries using various tools.

For example, you can use a plugin like OptinMonster to run specific discounts for certain locations, offer different prices based on countries, and so much more.

Optinmonster Coupon Popups

We hope this article helped you learn how to restrict countries in your WooCommerce store. You may also want to see our ultimate WooCommerce SEO guide to improve your SEO rankings, or see our tutorial on how to fix WooCommerce not sending email issue to improve your email deliverability.

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

The post How to Add Country Restriction for WooCommerce Products first appeared on WPBeginner.

How to Setup WooCommerce Conversion Tracking (Step by Step)

Do you want to track conversions on your WooCommerce store?

Conversion tracking helps you understand what’s working on your online store and what needs more attention. It helps you keep track of your best-performing products while also allowing you to see what’s stopping customers from completing a purchase.

In this guide, we’ll show you how to easily set up WooCommerce conversion tracking, step by step.

How to setup WooCommerce conversion tracking

Why Set up WooCommerce Conversion Tracking?

WooCommerce makes it easy to sell anything online. However, once you have set up your WooCommerce store, you will need to learn what works on your website to grow your business.

You will need to learn which products are popular among your users, what they are viewing the most, how many users end up making a purchase, how they are finding your website, and more.

To get all this information, you need to set up conversion tracking on your online store. This helps you get access to insights you need to make informed decisions about growing your business.

Conversion tracking helps you unlock key performance indicators including your eCommerce conversion rate, average order value, shopping cart abandonment, cost per acquisition, top referral sources, and more.

Apart from that you also get to learn about:

  • Shopping behavior – It tells you what products users are adding to carts, which products are being abandoned, what pages lead users to a successful purchase, and more.
  • Checkout behavior – Helps you view how users successfully complete a checkout.
  • Product performance – Tells you which products are bringing you the most sales.
  • Product list performance – This allows you to group products and see their performance as a list. This comes in handy when you want to see how different product categories are doing in your online store.

That being said, let’s take a look at how to unlock all this useful information by setting up conversion tracking on your store.

Setting Up WooCommerce Conversion Tracking in WordPress

The easiest way to track WooCommerce conversions is by using MonsterInsights.

It is the best Google Analytics plugin for WordPress and comes with an eCommerce addon that literally enables all the tracking within a few clicks.

The MonsterInsights Google Analytics plugin

The challenge is that setting up Google Analytics with WooCommerce requires a lot of custom coding, event tracking, and more.

The good news is that MonsterInsights makes it super easy to set up eCommerce tracking, and you can do it without writing any code. It works seamlessly with WooCommerce and supports other popular eCommerce plugins.

For this tutorial, we’ll use the MonsterInsights Pro version because it includes the eCommerce addon, advanced tracking features, and eCommerce dashboard report. There is also a MonsterInsights Lite version you can use to get started for free.

First, you will 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 can see the MonsterInsights welcome screen in your WordPress admin area. Simply click the ‘Launch the Wizard’ button.

Launch setup wizard

Next, you can follow the onscreen instructions in the setup wizard to configure Google Analytics with your website. See our guide on how to install Google Analytics in WordPress for complete installation instructions.

With MonsterInsights, you can also set up dual tracking and set up a Google Analytics 4 (GA4) property. GA4 is the latest version of Google Analytics, and it will replace Universal Analytics on July 1, 2023.

MonsterInsights Dual Tracking GA v4

After this date, you won’t be able to track your online store’s data in Google Analytics and will have to start from scratch. However, dual tracking lets you send data to GA4 and Universal Analytics at the same time.

This way, you will have historical data in your GA4 property when the time comes to completely switch to the new version. For more details, please see our guide on how to switch to Google Analytics 4 in WordPress.

Once you have installed Google Analytics using MonsterInsights, you can move on to installing the MonsterInsights eCommerce addon.

First, you need to visit the Insights » Addons page from your WordPress dashboard and navigate to the ‘eCommerce’ addon.

Install the eCommerce addon

Go ahead and click the ‘Install’ button. The addon will now install and activate on your site. You should see the ‘Status’ change from ‘Not Installed’ to ‘Active.’

Next, you’ll need to enable enhanced eCommerce in Google Analytics.

Enable Enhanced Ecommerce in Google Analytics

First, you need to go to your Google Analytics account and select your website.

From here, you need to click on the Admin button located at the bottom left corner of the screen.

Click admin settings

Next, you need to click on the ‘Ecommerce settings’ option.

It is located under the ‘View’ column.

Ecommerce settings

After that, you need to turn on the toggles for ‘Enable Ecommerce’ and ‘Enable Enhanced Ecommerce Reporting’ options.

Google Analytics will now turn on the eCommerce reporting feature for your account.

Enable ecommerce and enhanced ecommerce reporting

Next, you can go back to your WordPress dashboard and head over to the Insights » Settings page.

From here, switch to the eCommerce tab and make sure to turn on the ‘Use Enhanced eCommerce’ option.

Use enhanced ecommerce option

MonsterInsights will automatically detect your eCommerce software. Currently, it supports WooCommerce, Easy Digital Downloads, LifterLMS, and MemberPress.

That’s all, you have successfully set up WooCommerce conversion tracking on your online store.

Viewing WooCommerce Conversion Reports

Now that you have set up conversion tracking on your WooCommerce store, you need to give Google Analytics some time to collect data.

After a while, you will be able to view your eCommerce reports in both MonsterInsights and Google Analytics.

Let’s start with your eCommerce reports in MonsterInsights.

eCommerce Reporting in MonsterInsights

Log in to your WordPress site and go to the Insights » Reports page and switch to the eCommerce tab.

Ecommerce report in MonsterInsights

At the top, you’ll get your most important conversion metrics including the conversion rate, transactions, revenue, and average order value.

Below that you will see a list of your top products with quantity, sale percentage, and total revenue.

Next, you’ll see your top conversion sources. You can use this report to attract more customers and offer exclusive discounts for customers from specific sources.

Top conversion sources

That’s not all the data. You can dig deeper with more advanced reports under your Google Analytics account.

WooCommerce Tracking in Universal Analytics

Google Analytics provides even more in-depth reporting for your WooCommerce store.

Simply visit your Universal Analytics dashboard and click on Conversions » Ecommerce from the left column.

Ecommerce report in analytics

First, the overview report will provide you with important numbers such as revenue, conversion rate, transactions, and average order value.

You can then switch to different reports for more in-depth analysis. For example, the ‘Shopping Behavior’ report will break down user sessions to add to cart, cart abandonment, and sessions that resulted in the checkout.

Shopping behavior report

WooCommerce Tracking in Google Analytics 4

To view your WooCommerce reports in Google Analytics 4, you can go to Reports » Monetization » Ecommerce purchases.

Ecommerce report in ga4

In the report, you’ll see different metrics like total items viewed, add to carts, eCommerce purchases, and more for each product.

Boost Your WooCommerce Conversions and Increase Sales

Now that you have the data you need to track your WooCommerce conversions, let’s take a look at how to improve your conversion rates and make more sales.

1. Improve Speed and Performance

According to a StrangeLoop case study, a 1 second delay in page load time can lead to a 7% loss in conversions, 11% fewer page views, and a 16% decrease in customer satisfaction.

Strangeloop case study

Slower websites create a bad user experience which results in lower conversion rates. See our complete step-by-step guide to improve your WooCommerce speed and performance.

2. Recover Abandoned Cart Sales

On average 60 – 80% of people who “add to cart” do not end up buying. This means if you have an online store, then you’re losing out on a lot of sales.

Luckily, there are several best practices that help you recover some of those abandoned cart sales. See our tips on how to recover abandoned cart sales and increase your conversions.

3. Provide Users with Alternatives

If users decide to leave your website without making a purchase, then there is very little chance that they will ever see your website again.

You need to provide users a chance to stay in touch even if they don’t end up making a purchase.

You can do this by creating an email newsletter for your WooCommerce store.

We recommend using Constant Contact or SendinBlue. Both of them are on our list of the best email marketing service for small businesses.

For more techniques, see our guide on how to convert WooCommerce visitors into customers.

We hope this article helped you set up WooCommerce conversion tracking on your eCommerce store. You may also want to see our list of the best WooCommerce plugins and how to choose the best blogging platform.

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

The post How to Setup WooCommerce Conversion Tracking (Step by Step) first appeared on WPBeginner.

How to Run a Virtual Classroom Online with WordPress (Tools)

Do you want to run a virtual class online on your WordPress website?

Creating an online virtual classroom may sound too technical or expensive. Luckily, there are easy tools that allow you to run a virtual classroom online without any special technical skills.

In this article, we’ll be showing you how to run a virtual classroom online class with WordPress using different tools.

How to run a virtual class with WordPress

Why Create a Virtual Classroom for My Business?

Almost anything can be taught online. Just type your class’s topic into YouTube’s search bar, and you’ll likely find hundreds or thousands of videos of people teaching that skill.

One great advantage of virtual classes is that you don’t have to teach them live. You can record videos in advance if you want. That way, it doesn’t matter if it takes you several attempts to explain or show something.

Taking your class online could be the best thing you’ve ever done for your business. It’ll let you reach people all around the world, and you won’t be limited by how many people can fit in your classroom or fitness studio.

This isn’t just for large classes, either. You might offer a one-to-one service, like math tutoring or career counseling. You can create an online classroom without a lot of tech skills or expensive tools.

Here’s what you’ll need.

What You’ll Need to Run Your Class Online (Virtual Classroom)

So where do you even begin to set up a virtual class? There are a few key things you need to get into place.

To run a class online, you’ll need these 3 things:

  • A WordPress website or online platform for your class. This is a place where students can find and access the class content.
  • A way for students to sign up for your class, like a fillable form.
  • A way to frequently communicate with your students, like email.

You’ll also likely want a way for students to talk and interact with each other, such as an online group or forum. Besides that, you can offer members-only recorded content such as video or audio seminars so that students can work through it at their own pace.

Your virtual classroom can also include live video content with features like interactive polls, audience feedback, screen sharing, and audience questions.

Plus, an LMS or membership site plugin is really useful for managing repeat payments, creating members-only content, and creating different levels of your class.

Don’t worry if that sounds like a lot. We’ll help you decide on the right tools and platforms for your virtual classroom. Here’s a quick outline that you can click to jump straight to a particular section in this article.

Creating an Online Platform for Your Class

It’s possible to run an online class through a private Facebook group or an email list where you link to videos you’ve posted on YouTube.

However, these aren’t great options. Not everyone uses Facebook, for instance. Plus, Facebook or YouTube could decide to ban you without any fault of your own.

An alternative is to sign up for a site like Teachable. This is a popular option, but it’s definitely not free. The most basic Teachable package costs $29/month, and you’ll pay a 5% transaction fee for each student on top of that.

Instead of third-party platforms, we recommend that you create a website for your class. There are lots of ways you can do this, but the #1 website builder in the world is WordPress. Over 43% of the websites on the internet are powered by WordPress.

The best part about WordPress software is that it’s completely free. However, you’ll need a domain name and web hosting to build a website. This is required for making any type of website.

Bluehost, one of WordPress’s recommended hosting providers, is offering our readers a great deal. You can get a free domain name and web hosting for just $2.75/month for your first year.

Note: If you are looking for a Bluehost alternative, then you can also try SiteGround, another popular WordPress hosting company that’s offering a great discount for small business owners.

Once you have signed up, you will need to install WordPress. Bluehost does it automatically for you, and other hosting companies make it super easy with just a few clicks.

After you have installed WordPress, you will need to install a few WordPress plugins to get your online classroom ready. Plugins are like apps for your WordPress site that lets you add essential features like contact forms, membership restrictions, and more.

We’re going to take a look at some important plugins to help you run your online class.

Getting Students to Sign Up for Your Class

You’ll need a way for students to register for your class. Even if you’re not charging for the class, you’ll want to know how many people are planning to attend. You may also want to get some information from them beforehand.

We recommend using the WPForms plugin for WordPress. It is the best WordPress contact form plugin and lets you create registration forms simply and easily.

The WPForms form builder plugin and signature addon

The lite version of WPForms is totally free, but you may want to pay for the Pro version of WPForms, so you can integrate payments and email marketing services with your form.

Once you’ve installed and activated either version of the WPForms plugin, you can follow WPForms’ instructions to create an event registration form.

You can modify the event registration form template as much as you want. Here’s how a very simple registration form for a free class could look:

Event registration form preview

Communicating With Your Students in a Virtual Classroom

Whatever type of online class you’re running, you’ll need a way to communicate with your students.

Even if you’re just running a one-off class, you’ll still want to be able to remind students that it’s happening. You’ll also want a way to follow up, so you can let them know if you create another class.

There are lots of possible ways you could communicate with your students. For instance, you can send them messages on Facebook or WhatsApp. However, we strongly recommend using email.

That’s because virtually everyone has email. Most people are used to giving out their email addresses when signing up for things online. Asking them for their mobile number or Facebook details will put many students off from registering.

It’s important to use a reputable email marketing service to communicate with your students. That way, you can be confident that your messages will get through to them. Also, you won’t fall foul of any anti-spam laws.

We recommend using Constant Contact. They offer a free trial and excellent support.

The Constant Contact email provider

If you’re creating a membership site, we recommend using either ConvertKit or Drip for your email service. These tools have advanced marketing automation features that you will likely find helpful.

If you’re on a very tight budget and need a free email marketing service, that’s possible too. We recommend looking at SendinBlue or MailerLite.

All of these options are good, reliable solutions for sending bulk personalized emails to your students.

If you’re using WPForms to take class sign-ups, then you can even integrate your form with your email marketing service. This means that students will be automatically added to your chosen email list when they sign up.

Connect constant contact with WPForms

WPForms Lite works with Constant Contact, and if you pay for WPForms Pro, then you can choose from many other email marketing integrations as well.

For more details. please see our guide on how to create an email newsletter the right way.

Student Collaboration and Group Interactions in Virtual Classroom

Do you want your students to be able to interact with one another? If so, you’ll need to provide a straightforward and accessible way for them to do so.

There are lots of possible options here. If most or all of your students are on Facebook, then a private Facebook group could be a good option. Alternatively, you might want to create a forum on your website. We recommend using the bbPress plugin for this.

bbPress

Another option is to create a private Slack channel for your students.

If you’d like students to be able to interact with one another live, then you’ll want to look at how you deliver your classes. Zoom, which we’ll cover in a moment, is a great tool for interactive live video classes.

Important: If you’re running a class aimed at children, it’s definitely not a good idea to allow them to contact one another. This could create serious legal issues. You could, however, provide a space where parents of your students can interact.

Offering Pre-Recorded Content for Online Classrooms

One way to run an online class is to record content ahead of time and add it to your site. This is a good option if you’re feeling nervous or unsure about the technology involved.

Plus, pre-recorded content is a great option for a class that you want to run over and over again. You can create it once and sell it an unlimited number of times. Students can easily take the course at their own pace.

For example, OptinMonster University offers customers access to courses that can help them make the most of the software and boost conversions. There are pre-recorded videos that users can view at their own convenience.

OptinMonster university

To get started, you’ll need a webcam if you’re recording a video of yourself. You’ll also need a microphone. You can find our microphone recommendations in our article about how to start a podcast.

If you’re on a really tight budget, you could use your computer’s built-in microphone and webcam. However, higher-quality equipment will definitely help you produce a more professional class recording.

You may also want to record your screen, perhaps to show PowerPoint slides. You can do this using specialist screen recorder software, or you could run a Zoom call and record it. We’ll cover more on Zoom in a moment.

Don’t Host Videos on Your Website

When you put your content on your website, it’s very important not to host your videos yourself. If hundreds of students want to watch it at once, then this might slow down or even crash your website.

Plus, video files are incredibly large, and they will fill up your hosting service‘s available storage in no time.

Instead, you should use one of our recommended free video hosting sites. That way, you can simply embed the video on your site, so students can watch it there without taking up your site’s valuable resources.

You can also create a subdomain and use that as a home for your videos. For example, on WPBeginner, we have a video subdomain.

Video subdomain preview

If you want to password-protect your content or restrict it to members only, then we recommend creating a membership site. This also lets you charge different amounts for different levels of access.

If you’re interested in going that route, we recommend using MemberPress.

Offering Live Content in Online Classrooms

You may want to teach your class live. This could work really well for a class that you used to teach in person and are now taking online.

For live classes, we strongly recommend Zoom. It’s a tool that lets you host video calls with as many people as you want. The free plan gives you access to loads of features, with the one key restriction that your calls can’t be longer than 40 minutes.

You can schedule meetings in advance and send out an invite to your students. They can click a special link to sign in on their computer, or they can use the Zoom app on their phone.

Copy meeting invitation

Zoom has lots of useful options. For instance, you can use it to share your screen with students. This means you can show PowerPoint slides or demonstrate part of the lesson in real time.

Zoom lets you see your students, too. They can dial in with their cameras on if you want. They can also talk to you live, though you can mute them. We recommend that you mute everyone by default while you’re teaching your class. You can let students ask questions at the end.

There’s also a text chat feature in Zoom, which students can use to interact with one another while you’re teaching. You can even poll your students to find out what key topics they most want you to cover.

There’s also a ‘record Zoom call’ option, which lets you run a live class plus record it so students who can’t attend can watch it later.

Automatically Register Students for Zoom Webinars and Meetings

The paid version of Zoom lets you run webinars. However, manually sending out invites to webinars and class meetings can be time-consuming. A simple way to speed up the process is by automating it.

You can integrate your WPForms registration form with Zoom using Uncanny Automator. It is the best WordPress automation plugin that helps set up automated workflows.

Uncanny Automator website

You can think of Uncanny Automator as Zapier for WordPress websites. It lets different tools, apps, and plugins talk to each other.

The plugin lets you automatically sign people up for the webinar when they register for your class using WPForms. For more details, please see our guide on how to easily integrate Zoom meetings and webinars in WordPress.

Using an LMS or Membership Site Plugin

Do you want to turn your website into a virtual classroom? Or perhaps you want to lock content to make sure that only paid-up members can access it?

You’ll need to pay for this functionality, but it could well be worth it if you’re running a series of classes. Using your site as a learning platform works well for courses that last more than a few weeks.

For instance, you might be running a 12-week class. Students need an easy way to refer back to the earlier weeks’ material, and that will be tricky if you simply send out all the content by email.

Using LMS Plugins to Create Online Courses

With an LMS (Learning Management System) solution, you can even offer quizzes and grade students’ performance. You’ll need an LMS plugin for WordPress.

Our top recommendation here is LearnDash. It lets you create as many different courses as you like, with lessons, topics, quizzes, and categories. You can schedule lessons to be released over time if you want.

The LearnDash LMS WordPress plugin

With LearnDash, you can also offer quizzes and tests for your students. You can even set assignments that you can approve and comment on. It also lets you create course-specific forums where your students can interact.

For more details, see our guide on how to create an online course with WordPress.

Restrict Access to Classes and Online Resources

What if you don’t want a whole learning environment, but instead you want to lock content on your site? You can do that with a membership site plugin.

We recommend using MemberPress as your membership site plugin. It’s easy to set up and has powerful access controls. You can restrict access not only to posts and pages but also to specific categories, tags, files, and more.

MemberPress

You can use MemberPress to ‘drip’ content to your students. This means they only get access to certain content after they’ve been a member for a specified period of time. You can even integrate it with LearnDash if you want.

For more details, see our ultimate guide on how to create a membership site.

We know there’s a lot to consider when setting up a virtual class. You can set up a simple class for free on your WordPress site.

You’ll only need to pay for your website domain name and web hosting, which doesn’t need to cost much. Besides that, you can use free WordPress plugins, software, and email marketing tools to connect with students, record lectures, and more.

We hope this article helped you learn how to run a virtual classroom with WordPress. You may also want to see our guide on the must-have WordPress plugins for all websites and the ultimate guide to boosting WordPress speed & performance.

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

The post How to Run a Virtual Classroom Online with WordPress (Tools) first appeared on WPBeginner.

How to Add a Facebook Giveaway in WordPress to Boost Engagement

Do you want to add a Facebook giveaway in WordPress to boost engagement?

A contest can get more people to visit your Facebook page and interact with your content. If these people like what they see, they even decide to start following your page or group.

In this guide, we’ll show you how to easily add a Facebook giveaway in WordPress to boost engagement, and get some extra followers.

How to add a Facebook giveaway in WordPress to boost engagement

Why Run a Facebook Giveaway in WordPress?

Social media contests can help you reach a new audience and grow your following across different plaforms.

However, unlike some other platforms, Facebook doesn’t allow you to offer a prize for liking or following your page. This is a big problem if your goal is to get more Facebook followers.

The good news is that the guidelines don’t stop you from asking people to visit your Facebook page or interact with a particular post.

For example, visitors might enter a contest by liking your most recent Facebook post or commenting on a picture.

A Facebook giveaway, designed to boost engagement

This can get more traffic to your group and will boost engagement for a particular post on your Facebook page. If your page has lots of great content then these people may even decide to follow your page.

In this way, you can grow your Facebook following without breaking any rules.

An example of a Facebook contest

If you use a flexible giveaway plugin, then you can often add multiple entry methods to a single competition. For example, visitors may be able to enter your contest by liking your Facebook post or subscribing to your email newsletter.

This means you can still get the person’s contact information and do lead generation, even if they choose not to follow you on Facebook.

Running a Facebook Giveaway in WordPress

The easiest way to run a Facebook contest in WordPress is by using RafflePress. It’s the best WordPress giveaway plugin and lets you create all kinds of competitions using a simple drag-and-drop editor.

You can add a prize photo, schedule the start and end times, choose a winner at random, and use templates to quickly launch new giveaway campaigns.

RafflePress comes with social entry methods so you can direct users to your Facebook page. You can also have multiple entry methods and make certain methods mandatory so anyone who wants to join the contest must engage with your Facebook content in some way.

RafflePress also comes with social logins and integrates with the most popular email marketing platforms, so you can also use them to grow your email list faster.

With that said, let’s create your first Facebook giveaway campaign using RafflePress.

Step 1. Creating Your First Facebook Giveaway Campaign

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

Note: There is a free version of RafflePress that has everything you need to create a simple giveaway in WordPress. However, in this guide, we’ll be using the premium plugin since it has more features, templates, and giveaway actions including entry methods that allow you to create a photo contest in WordPress.

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

Upon activation, you’ll see the RafflePress welcome screen in the WordPress dashboard. You can now go ahead and enter your license key.

The RafflePress welcome screen

You’ll find this information in your account on the RafflePress website. After that, click on the ‘Verify Key’ button.

Now, you’re ready to create a Facebook giveaway in WordPress by going to RafflePress » Add New.

How to create a Facebook giveaway

On the next screen, you’ll need to give your Facebook contest a name.

You can use anything you want, but it’s a good idea to choose a name that helps you identify the Facebook giveaway in the WordPress dashboard.

Adding a title to your RafflePress contest

Next, choose the template that you want to use. RafflePress has ready-made templates for specific goals such as running a social media contest to grow your site.

You can select the template that best suits your goals, but for this guide, we’ll be using the ‘Classic Giveaway’ template as it lets us create a Facebook giveaway from scratch.

Simply hover your mouse over the ‘Classic Giveaway’ template and then click on the ‘Use this Template’ button when it appears.

Using the classic giveaway template

This opens the template in RafflePress’ drag-and-drop builder.

We’re going to start by adding the prize to our Facebook contest. Simply click to select the headline area, which shows ‘My Awesome Prize’ by default.

Adding a prize to your Facebook contest

You can now go ahead and type a title into the ‘Name’ field. To encourage visitors to enter the Facebook contest, you’ll typically want to talk about your prize in the headline.

After that, type in a description, which will appear below the headline. For example, you may want to add some more information about your competition, such as why visitors will want the prize, how much it’s worth, and why you’re running the Facebook giveaway.

Adding a title to your Facebook giveaway

It’s also smart to add a photo of the prize, so people can see what’s on offer just by glancing at the giveaway. If your prize is digital then you can easily create professional-looking images to promote your prize using web design software such as Canva.

To add a photo or graphic, simply click on ‘Select Image’ and then either choose a file from the WordPress media library or upload a new image from your computer.

Adding an image to your Facebook giveaway

Once you’ve done that, you can set the start and end date for the Facebook giveaway. If you plan to run lots of contests, then it’s a good idea to schedule them in advance as it guarantees that the competition will start and end on time, no matter how busy you get.

By scheduling your Facebook contest in advance, you’ll also have time to promote the giveaway properly. This helps you build a sense of excitement and anticipation before the contest goes live.

To schedule the Facebook giveaway, simply enter a date and time into the ‘Giveaway starts…’ and ‘Giveaway ends…’ sections.

Scheduling a giveaway in WordPress

When you’ve finished making changes to this section, click on the ‘Done Editing’ button.

Step 2. Adding More Actions to Your Facebook Giveaway

Now let’s add some actions, which are the ways that visitors can participate in the contest, such as subscribing to your podcast, joining your email newsletter, or visiting a WooCommerce product on your online store.

To see the different actions that you can add to your Facebook contest, click on ‘Actions.’

Adding entry methods to a WordPress giveaway

To add an action to your giveaway, simply give it a click.

Since we want to boost Facebook engagement, you’ll want to add actions such as Visit us on Facebook, Like our Page, View a Facebook Post / Video, or Share on Facebook.

How to create a Facebook competition in WordPress

Giving visitors multiple ways to participate can get you more entries, so you may want to add multiple actions.

There may also be some people who complete all the actions in order to give themselves the best possible chance of winning. In this way, you can get lots of Facebook engagement from a single participant.

Even though we want to boost engagement on Facebook, you may want to consider adding some entry methods that aren’t related to Facebook. This will allow more people to enter your contest, including people who don’t have a Facebook account.

After adding an action, click to select that action in the giveaway preview. You can now configure the action using the settings in the left-hand menu.

For example, if you’re adding the ‘Visit us on Facebook’ action, then you’ll need to enter your page’s URL into the ‘Facebook Page URL’ field.

Adding the URL for your Facebook page

Similarly, if you’re using ‘View Facebook Post / Video’ then you’ll need to enter the URL of the post or video that you want people to visit.

Each action also has some basic settings. You can type in a title, make an action mandatory, and even allow users to submit daily entries.

How to customize a Facebook giveaway action

After that, you need to assign a value to the action, which is the number of entries users will earn for performing that action. By default, all actions are worth 1 entry.

If you have several entry methods, then you can use the value settings to make certain methods more attractive to visitors. For example, if your goal is to get more Facebook followers then you might make the ‘Like our Page’ action worth 2 entries.

Changing the entry value for your Facebook contest

Once you’ve filled in these settings, you can click on the ‘Add Actions’ tab and add more entry methods to your competition.

It’s also a good idea to arrange your actions based on your campaign goals. For example, if you want to get more shares, then we recommend placing the ‘Share on Facebook’ action at the very top of the ‘Entry Methods’ list.

Simply hover over the action in the editor and then grab the dotted button that appears to the left of the action. Then, move the entry method using drag and drop.

Prioritizing Facebook giveaway actions

When you’re happy with how the Facebook giveaway is set up, don’t forget to click on ‘Save’ to store your changes.

Step 3: Design your Facebook Giveaway to Stand out

Now that your Facebook giveaway is set up, you can change how the contest looks.

Simply switch to the ‘Design’ tab, and you will see options to select a new button color, change the fonts, and more.

Changing how the RafflePress giveaway looks in WordPress

RafflePress lets you embed the Facebook contest in a page or post, or publish it as a separate landing page.

If you’re going to post your Facebook giveaway as a standalone page, then you can add a background image or change the background color.

To add an image, scroll to the ‘Background Image’ section and click on ‘Select Image.’ You can now either choose an image from the media library or upload a new file.

Adding a background image to a Facebook competition

Another option is to change the background color by clicking on ‘Page Background Color.’

You can now make your selection from the popup that appears.

Changing the background color for an online giveaway

When you’re happy with how the giveaway looks, click on ‘Save’ to store your changes.

Step 4. Fine Tuning Your Giveaway Settings

Now that your giveaway looks great, let’s check its settings by switching to the ‘Settings’ tab.

Most of these settings are self-explanatory, but we’ll go through them one by one. First, we’ll look at the ‘General’ settings.

Configuring your Facebook contest

Here, you can set the basic options for your giveaway including whether you’ll show the giveaway winners and the total number of entries.

Next, you can create the rules for joining the Facebook giveaway by selecting the ‘Giveaway Rules’ tab.

RafflePress comes with a Rules Generator that will create rules for your campaign using a sample template. To get started, click on the ‘General Rules’ button.

Setting the rules for your Facebook giveaway

This will open a form where you can type in some information about the Facebook contest.

In most cases, you or your company will be the contest’s sponsor. This means you’ll need to type in your company name and your business email address.

Generating rules for your Facebook giveaway

RafflePress will then use this information to create some basic rules for the giveaway.

Every area has its own rules about Facebook contests, so it’s a good idea to review these automatically generated rules and add any missing information.

If you’re using the contest to do lead generation or get more email subscribers, then it’s a good idea to only accept entries from people who verify their email addresses.

To do that, select the ‘Email Verification’ tab and then click on the ‘Contest must Confirm Their Email’ toggle to turn it from ‘No’ to ‘Yes.’

Enabling email verification for an online contest

You can also use these settings to change the verification email that users will get when they enter your giveaway.

If you want to add Google Analytics or other tracking codes like Facebook pixel, then RafflePress allows you to track users who have successfully entered your giveaway.

To do this, click on the ‘Success Tracking’ tab and then add your Google Analytics script or Facebook retargeting pixel code.

Success tracking for a Facebook contest

When a visitor enters your Facebook contest, it’s not the end of the process. You may want to redirect the person to a thank you page, your top-performing blog, or some other page.

To create a redirect, select the ‘Success Redirect’ tab and then click the ‘Enable Success Redirect’ toggle.

Adding a redirect page in WordPress

In the ‘Redirect URL’ field, type in the URL where you want to send participants.

Since we’re creating a Facebook giveaway, you may want to give visitors the option to enter your contest using their Facebook accounts. This can be quicker and easier than asking them to type in their email address, so this may get you some more entries.

To enable Facebook login for your contest, simply select the ‘Social Logins’ tab and then click to enable the ‘Allow logging…’ toggle.

Activating social login for your Facebook contest

After that, click on the ‘GDPR’ tab. The General Data Protection Regulation (GDPR) is a European Union (EU) law that gives EU citizens more control over their personal data.

If you break GDPR then you could get a fine or even jail time. To help you comply with GDPR, RafflePress can ask for the visitor’s consent before they enter your giveaway.

To add this checkbox, simply click on the ‘GDPR Consent’ toggle to turn it from ‘No’ to ‘Yes.’

Adding GDPR contest to your Facebook contest

RafflePress has a default GDPR disclaimer that it will show to visitors, but you can edit the disclaimer to add any missing information. For more information on the topic, see our ultimate guide to WordPress and GDRP compliance.

Spammers and bots can make it harder to achieve your contest’s goals. With that in mind, you may want to protect your Facebook giveaway with an invisible recaptcha.

Regular captchas usually ask users to complete a puzzle, which makes it more difficult for visitors to enter your Facebook giveaway. The good news is that invisible recaptchas run in the background so you can block spammers without adding friction to the user experience.

To add an invisible recaptcha to your Facebook contest, click on the ‘Repatcha’ tab. After that, activate the ‘Enable Invisible Recaptcha’ toggle.

Adding an invisible reCAPTCHA to Facebook contest

For more information, see our guide on how to add recaptcha to WordPress.

When you’re happy with how the Facebook contest is set up, click on the ‘Save’ button to store your changes.

Step 5. Add Your Facebook Giveaway to a WordPress Post or Page

There are a few different ways to add a RafflePress giveaway to your WordPress website.

You can add the contest to any page or post using the RafflePress block. This is a great choice if you want to embed the Facebook contest in a blog post or other page.

To start, simply open the page or post where you want to include the giveaway. Then, click on the ‘+’ button and type in ‘RafflePress.’ You can then select the right block when it appears.

The RafflePress block

After adding the block, open the dropdown and choose the Facebook giveaway you created earlier. The RafflePress block will now load a preview of your giveaway widget inside the WordPress block editor.

You can then either publish or update the page to make the contest live on your WordPress blog or website.

Adding a Facebook giveaway to a WordPress page or post

You can also add the giveaway to any page, post, or widget-ready area using the shortcode. This is particularly useful if you want to show the Facebook contest in a sidebar widget so that it appears across your website.

In the RafflePress giveaway editor, go ahead and click on the ‘Publish’ tab. From here, click on ‘WordPress Shortcode’ and RafflePress will show the shortcode you can use.

Adding a contest to WordPress using shortcode

Simply copy the code and then add it to any page, post, or widget-ready area. For more details, please see our guide on how to add a shortcode in WordPress.

Another option is to create a giveaway landing page. This is a great option if you want a standalone page that you can easily share on social media or add to your email newsletter.

In the RafflePress editor, select the ‘Publish’ tab. Then, choose ‘Giveaway Landing Page’ and select the ‘Click here…’ link.

Publishing your Facebook contest as a landing page

In ‘Page Permalink,’ type in the URL where you want to publish your giveaway landing page.

After that, simply click on the ‘View’ button.

Setting a URL for your giveaway landing page

RafflePress will now publish your giveaway as a landing page.

If you’re using the SeedProd page builder plugin, then you can design a landing page using ready-made templates, blocks, and a drag and drop editor. You can then add your giveaway using a special Giveaway block.

The SeedProd giveaway block

This block integrates with RafflePress, so you can simply drag and drop it onto the page.

Then, choose the RafflePress giveaway you created earlier.

How to create a giveaway landing page using SeedProd

SeedProd will now show the giveaway inside your beautifully designed landing page.

For more information on SeedProd, please see our step by step guide on how to create a landing page in WordPress.

A competition landing page, created using SeedProd

Step 6. Promoting Your Facebook Giveaway

If your Facebook contest is going to be a big success, then it’s smart to start promoting the contest before publishing it. By putting in some hard work before publishing your giveaway you can increase the chances of your campaign going viral, which will help you get more entries and achieve your goals.

You can start by sending an email newsletter to your subscribers and announcing the Facebook competition on your other social media profiles.

Another option is creating a floating bar with a link to the giveaway using a plugin such as OptinMonster. You can even use FOMO on your WordPress site to get more entries, by adding a countdown timer to the floating bar.

You might even send web push notifications asking your subscribers to enter the competition or refer any friends or family members who might want to take part in the Facebook giveaway.

Step 7. Announcing The Giveaway Winners

Once your giveaway closes, you need to pick a lucky winner. RafflePress automates the whole process, so simply go to RafflePress » Giveaways.

How to choose a winner for your Facebook giveaway

If you scheduled the contest to end automatically, then you can simply find the giveaway and click on the ‘Need Winners’ link.

If you didn’t set an end date for the Facebook giveaway, then you can close it manually by hovering your mouse over the competition and selecting ‘End Now.’

Closing a giveaway in the WordPress dashboard

After that, just click on the ‘Need Winners’ link that appears.

On the following page, RafflePress will show all the people who entered your Facebook contest. Just type in the number of winners you want to pick and choose whether you want to allow unverified emails to win.

Choosing a winner automatically in WordPress

If you plan to contact the winner via email, then you’ll typically want to make sure only people with verified emails can win.

After that, just click on ‘Choose Winners Now’ and RafflePress will show the winner highlighted at the top of the list.

We hope this article helped you learn how to easily add a Facebook giveaway in WordPress to boost engagement. You may also want to see our guide on how to get more traffic to your WordPress website or our pick of the best WordPress Facebook plugins.

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

The post How to Add a Facebook Giveaway in WordPress to Boost Engagement first appeared on WPBeginner.

How to Host Local Fonts in WordPress for a Faster Website

Do you want to add third-party fonts to your website without slowing down your website speed?

Custom fonts improve the typography and user experience of your website, but they take longer to load. The good news is that you can host your fonts locally to ensure your website is always fast.

In this article, we’ll show you how to host local fonts in WordPress.

How to Host Local Fonts in WordPress for a Faster Website

Why Host Fonts Locally in WordPress?

While typography and custom fonts can improve the overall website aesthetics, they do have a negative impact on your WordPress performance. For example, if you are using a custom font from Google fonts, then they’re loaded from third-party services which will slow down your website.

Luckily, there is a way to use custom fonts without slowing down your site. A new Webfonts API was introduced in WordPress 6.0. This allows you to host fonts locally so they load faster.

Another reason to host Google Fonts locally is to stay GDPR compliant. That’s an important legal consideration if you have website visitors from the European Union.

When someone visits a website that uses Google Fonts, their IP address is logged by Google when the fonts are loaded. Because this is done without their permission, the EU now considers that a breach of privacy regulations, and you may be liable for damages.

That being said, let’s take a look at how to host local fonts in WordPress for a faster website. We’ll cover two methods, and the first method is recommended for most users.

Method 1: Hosting Local Fonts in WordPress With a Plugin

The first thing you need to do is install and activate the OMGF (Optimize My Google Fonts) plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

OMGF is one of the best WordPress typography plugins. It offers a beginner-friendly way to improve performance and GDPR compliance by hosting Google Fonts locally.

Upon activation, you need to visit Settings » Optimize Google Fonts to configure the plugin. You should be looking at the ‘Optimize Fonts’ tab.

Notice the statement under the ‘Optimize Google Fonts’ heading that you just need to use the default settings to automatically replace your Google Fonts with locally hosted copies.

OMGF Settings

That means that as you scroll down the settings page, all you need to do is make sure that the ‘Font-Display Option’ has the default setting of ‘Swap (recommended)’ selected.

All you need to do now is click the ‘Save & Optimize’ button at the bottom of the page.

Click the Save & Optimize Button

You’ll see a message at the top of the screen that says ‘Optimization completed successfully.’

Congratulations! Your Google Fonts are now hosted locally. Your website will load faster and you have reduced the risk of European lawsuits.

Method 2: Hosting Local Fonts in WordPress Manually

You can also host fonts locally without using a plugin by using the @font-face method from our guide on how to add custom fonts in WordPress. While this method requires more work, it allows you to use any font that you like on your website.

You need to download the fonts you wish to use in a web format. There are many places to find great free web fonts, such as Google Fonts, Typekit, FontSquirrel, and more.

Downloading a Google Font

If you do not have the web format for your font, then you can convert it using the FontSquirrel Webfont generator.

Now you need to store the fonts on your WordPress hosting server. You can upload the files using FTP or using your host’s cPanel File Manager.

You should create a new folder called ‘fonts’ in the directory of your theme or child theme and upload it there.

Upload the Fonts to Your Website

Once you have uploaded the font, you need to load the font in your theme’s stylesheet using custom CSS. You can add the code directly to your theme’s style.css file, or by using the Additional CSS section of the theme customizer.

You can do that using CSS3 @font-face rule like this:

@font-face {
    font-family: Arvo;
    src: url(http://example.com/wp-content/themes/twentytwentyone/fonts/Arvo-Regular.ttf);
    font-weight: normal;
}

Don’t forget to replace the font family and URL with your own.

After that, you can use that font anywhere in your theme’s stylesheet or the Additional CSS section of the theme customizer. The CSS you use will depend on your theme and where you wish to use the local font. Here’s an example from our demo website:

h1 {
font-family: Arvo, Arial, sans-serif;
}

As you can see, our heading is now using the locally hosted Arvo font.

Adding Custom CSS With the Theme Customizer

We hope this tutorial helped you learn how to host local fonts in WordPress for a faster website. You may also want to learn how to increase your blog traffic, or check out our list of must have WordPress plugins to grow your site.

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

The post How to Host Local Fonts in WordPress for a Faster Website first appeared on WPBeginner.

How to Easily Embed Instagram in WordPress (Step by Step)

Do you want to embed Instagram feeds in WordPress?

Showing Instagram photos and videos on your website helps keep your content fresh, increases user engagement, and builds trust. It’s also a great way to promote your Instagram account and get more followers.

In this article, we will show you how to embed Instagram in WordPress, step-by-step.

How to easily embed Instagram in WordPress (Step by step)

Why Embed Instagram on Your WordPress Site?

With over 1.21 billion monthly active users, Instagram is a great place to promote your products and services, build brand awareness, and grow your audience.

However, people won’t see your Instagram content if they just visit your website. With that in mind, it’s smart to embed your Instagram feed in WordPress, so everyone can see it.

This is an easy way to promote your social media page and encourage more people to follow you on Instagram. It can also keep your WordPress website fresh, since new Instagram posts will appear on your site automatically.

All of this new content can improve the search engine optimization (SEO) of your site, and encourage visitors to keep coming back to check the latest posts.

You can even display reviews in WordPress, show hashtag feeds, and embed any posts you’ve been tagged in. All of this is powerful social proof that can build trust and get you more sales.

With that being said, let’s see how you can embed an Instagram feed in WordPress.

How to Install an Instagram Photos Plugin

The best way to embed Instagram in WordPress is by using the Smash Balloon Social Photo Feed.

This free plugin lets you show photos from one or more Instagram accounts, in a fully customizable feed.

An example of an embedded Instagram feed, created using Feeds for Instagram

In this guide, we’ll be using the free version of Smash Balloon as it has everything you need to add an Instagram feed to your WordPress website. However, there’s also a pro version that allows you to display hashtag feeds, add Instagram shoppable images, and more.

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

For step-by-step instructions on how to do both of these things, see the FAQ section at the end of this guide.

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

How to Connect an Instagram Account to WordPress

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

How to create a new Instagram feed in WordPress

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

Since we’re using the free plugin, simply select ‘User Timeline’ and then click on ‘Next.’

How to add an Instagram timeline to your WordPress account

Now, simply choose the Instagram account where you’ll get the photo feed from.

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

Adding an Instagram account as a Smash Balloon source

On the next screen, choose whether you want to show photos from a personal or business Instagram account.

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

Adding a personal or business Instagram account to WordPress

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

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

Choose an Instagram account to use with Smash Balloon

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

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

How to add a Facebook page to your WordPress website

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

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

With that in mind, we recommend leaving all the switches enabled.

When you’re happy with the settings, click on ‘Done.’

How to change the Instagram permissions with Smash Balloon

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

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

Choosing an Instagram account to add to your WordPress website

Smash Balloon will now take you back to the Instagram Feeds » All Feeds screen.

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

How to create an Instagram feed using Smash Balloon

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

However, before embedding the Instagram feed you may want to customize how it looks and add any missing information.

How to Customize Your Instagram Photo Feed

By default, Smash Balloon will open your feed in its editor ready for you to customize.

On the right, you’ll see a preview of your Instagram photo feed. On the left-hand side are all the settings you can use to customize the photo feed.

The Smash Balloon instagram editor

Most of these settings are self-explanatory, but we’ll quickly cover some key areas.

To start, you can change the Instagram photo layout and add padding by selecting ‘Feed Layout’ from the left-hand menu.

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

Changing the layout of an Instagram feed in WordPress

By default, Smash Balloon shows the same number of photos whether the users are on desktop computers or mobile devices.

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

Previewing how the Instagram feed layout looks on smartphone and mobile

Smartphones and tablets typically have smaller screens and less processing power, so you may want to show fewer Instagram photos and videos on mobile devices.

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

Showing a different number of posts on desktop and mobile

By creating different layouts for smartphones, tablets, and desktop computers you can make sure the feed looks great, no matter what device the visitor is using.

By default, the plugin feed shows fewer columns on smartphones and tablets, compared to desktop computers. This helps your photos and videos fit comfortably on smaller screens.

To change these default settings, simply type new numbers into the ‘Columns’ settings.

Showing a different number of Instagram columns on desktop, smartphone, and tablet

After making your changes, 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.’

Smash Balloon's color scheme settings

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

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

Changing the Instagram column scheme using Smash Balloon

By default, Smash Balloon adds a header to the Instagram feed, which is your profile picture and the name of your page. To change how this section looks, click on ‘Header’ in the left-hand menu.

On this screen, you can change the size of the header, add a new color, or show your Instagram bio.

Customize the Instagram header on your WordPress website

Sometimes, you may want to show a different profile picture. For example, your Instagram avatar may not stand out from your theme so you want to show a custom logo instead.

To change the profile picture, click on ‘Add Image’ under ‘Show custom avatar.’ You can then either choose an image from the WordPress media library or upload a new photo.

Adding a custom avatar to an Instagram embed in WordPress

You can also add a different bio. For example, you might encourage people to visit your profile on Instagram or to simply follow your account.

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

Adding a custom Instagram bio to your WordPress website

Smash Balloon automatically analyzes your Instagram photos and shows them at the best resolution. We recommend using these default settings, but you can make the Instagram images bigger or smaller if you need to.

To change the image size, click on ‘Posts’ from the left-hand menu. Then, select the ‘Images and Videos’ option.

Changing the resolution of embedded Instagram photos and videos

You can now choose between thumbnail, medium, and full-size images using the dropdown menu that appears.

If you’re unhappy with how the feed looks, then you can go back to this screen at any point and select ‘Auto-detect (Recommended)’ from the dropdown.

How to auto-detect the resolution of your Instagram feed

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

You can change how this button looks by selecting ‘Load More Button.’

Customize the Instagram Load More button in WordPress

Here, you can help the ‘Load More’ button stand out by changing its background color, text color, and hover state.

You can also try adding your own messaging to the button, by typing into the ‘Text’ field. This way your visitors will be more inclined to click.

Adding custom messaging to the Load More button

While we do recommend leaving this button enabled, you can remove it. For example, you might encourage people to visit your Instagram by limiting the number of photos they can see on your site.

To remove the button, simply toggle the ‘Enable’ slider to turn grey.

How to easily embed Instagram in WordPress

If visitors like what they see, they may decide to subscribe using the ‘Follow on Instagram’ button that appears below the embedded feed.

Since it’s such an important button, you may want to add some custom styling to help it stand out.

You can do this by selecting ‘Follow Button’ in the left-hand menu. Here, you can change the button’s background color, hover state, and text color.

Customizing the social media Follow button

By default, the button shows a ‘Follow on Instagram’ label.

You can replace this with your own call to action by typing into the ‘Text’ field.

Customizing the Follow Us On Instagram button

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

You’re now ready to add the Instagram feed to your WordPress website.

How to Embed Instagram Feed in WordPress

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

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

To get this code, go to Instagram Feed »All Feeds and then look at thefeed=""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 usefeed="1"

Getting the code for a custom Instagram feed

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

Note: If you’re using a block-enabled theme, you can follow the instructions below to add the block anywhere on your site using the full-site editor.

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

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

The Feeds for Instagram block

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

Here, simply add thefeed=""code and then click on ‘Apply Changes.’

Adding an Instagram feed code to WordPress

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

If you’re using a theme that does not use full-site editing, you can add the Smashballoon Instagram Feed to any widget-ready area, such as the sidebar or similar section so visitors can see it anywhere they go on your site.

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

Adding an Instagram feed to a WordPress widget

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

WordPress has a built-in ‘Instagram Feed’ block, so make sure you choose the one that shows the official Instagram logo.

How to add an Instagram Feed to a widget-ready area

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

The widget will automatically show one of the feeds you created using Smash Balloon. If you want to show a different Instagram feed, then just type the feed’s shortcode into the ‘Shortcode Settings’ box.

As long as you are adding the shortcode to the ‘Shortcode Settings’ box, you do not need to include the brackets around it.

After that, click on ‘Apply Changes.’

Adding the Instagram Feed block to a sidebar or other widget-ready area

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

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

Simply go to Instagram Feed »All Feeds and copy the code in the ‘Shortcode’ column. You can now add this code to any Shortcode block.

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

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

In the WordPress dashboard, simply go to Appearance » Editor.

Opening the full-site editor (FSE)

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

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

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

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

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

How to add an Instagram feed to your WordPress website

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

Then, click on the blue ‘+’ button.

How to add an Instagram block using the full-site editor and a block-enabled theme

After that, start typing in ‘Instagram Feed.’

When the right block appears, click to add it to the template. This will be the one with the official Instagram logo.

Adding a social media feed using the WordPress full-site editor (FSE)

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

FAQs About Embedding Instagram in WordPress

Smash Balloon makes it easy to show Instagram photos and videos on your website. That being said, here are some of the most frequently asked questions about adding an Instagram feed in WordPress.

How Do I Create an Instagram Business Account?

Smash Balloon Social Photo Feed can display photos from either a personal or business Instagram account.

However, Smash Balloon can’t automatically fetch the Instagram avatar and bio from a personal Instagram account. With that in mind, you may want to check whether you have a personal or business account, and then switch to a business account so Smash Balloon can fetch your avatar and bio automatically.

To check, just visit your Instagram account and click on the three-lined icon in the side menu.

How to check whether you have a personal or business Instagram account

After that, select ‘Settings.’

If you don’t have a business account, then this screen will show ‘Switch to professional account’ in the left-hand menu.

How to switch to a personal Instagram account

If you currently have a personal account and want to switch to a business account, then simply give this link a click.

How Do I Connect a Facebook Page to an Instagram Account?

Before you can add an Instagram feed to WordPress, you’ll need to connect your Instagram account to a Facebook page.

To do this, head over to the Facebook page that you want to use and then click on ‘Settings’ in the left-hand menu.

After that, click on ‘Linked Account.’ You can now select ‘Instagram’ and click on the ‘Connect’ button.

How to connect Facebook and Instagram

Facebook will now show all the information it will be able to access, and the actions it can perform on Instagram.

If you’re happy to go ahead, then click on the ‘Connect’ button.

Giving Smash Balloon access to your Instagram account

Just be aware that anyone else who manages your Facebook page will be able to see your Instagram messages, and respond to them. If you want to keep your Instagram messages private, then click to disable the option.

When you’re happy and ready to move on, click ‘Confirm.’

How to configure your Instagram permissions using Smash Balloon

This opens a popup where you can type in your Instagram username and password.

After that, go ahead and click on ‘Log In.’

Logging into your Instagram account

After a few moments, you’ll see a message saying that your Instagram and Facebook accounts are now connected.

We hope this article helped you learn how to easily embed Instagram in WordPress. You may also want to see our guide on how to create a custom Facebook feed in WordPress, or see our expert pick of the best social media plugins for WordPress.

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

The post How to Easily Embed Instagram in WordPress (Step by Step) first appeared on WPBeginner.

How to Send Automated Coupons in WordPress to Bring Back Customers

Do you want to send automated coupons in WordPress to bring back customers?

By sending the right coupon to the right person at the right time, you can re-engage customers who are losing interest. This can get you more sales, create brand loyalty, and help you keep your best customers.

In this guide, we’ll show you a few different ways to send automated coupons in WordPress, and bring back customers.

How to send automated coupons in WordPress to bring back customers

Why Send Automated Coupons to Bring Back Customers?

You may have heard the saying that it costs five times more to get a new customer than keep an old one.

While lead generation will help grow your business, you also need to keep your existing customers happy. Over time, people may lose interest in your website, forget about your products, or start shopping with a competitor.

That’s where automated coupons come in.

The best WordPress automation tools and plugins can watch your customers for signs they’re becoming disengaged. For example, a customer may not place an order for 2 months or stop opening your emails.

One way to bring those customers back is to automatically send them a coupon code via email. By creating this automated workflow in WordPress, you can retain customers without having to do all the hard work yourself.

Pro Tip: If you send coupons via email, then you’ll need to make sure those messages land in the customer’s inbox and not in the spam folder. Here, a good SMTP service provider is essential for improving your email deliverability. We also recommend using WP Mail SMTP as it allows you to easily send WordPress emails using any SMTP service provider.

With that being said, let’s see how you can send automated coupons in WordPress and bring back customers. Simply use the quick links below to jump to the method you want to use.

Method 1. Using FunnelKit (Best for WooCommerce Users)

One way to send automated coupons in WordPress, is by using FunnelKit Automations.

FunnelKit is a WordPress sales funnel builder and optimization plugin that allows you to create powerful customer winback campaigns. It also lets you create unique, personalized coupons, which can really catch the shopper’s attention.

FunnelKit integrates with WooCommerce and has lots of features that are designed to grow your online store. With that in mind, FunnelKit is a great choice if you already use WooCommerce to sell products and services online.

How to Set up the FunnelKit WordPress Plugin

First, you’ll need to install and activate the free version of FunnelKit Automations, as it provides the base for the premium plugin’s features. For more details, please see our guide on how to install a WordPress plugin.

After that, you’ll need to install and activate the FunnelKit Automations Pro plugin.

After activating both plugins, go to FunnelKit Automation » Settings. You can now go ahead and add the license key to the ‘License’ field.

Adding a license to the FunnelKit Automations WordPress plugin

You’ll find this information in your account on the FunnelKit website. After adding this information, click on the ‘Activate’ button.

How to Create an Automated Coupon Workflow for WordPress

Now, we’re going to create a workflow that will generate a personalized coupon and send it to the customer via email. This workflow will run once 30 days have passed since the customer’s last order.

To create the workflow, go to FunnelKit Automations » Automations (Next Gen) in the WordPress dashboard. Then, click on the ‘Add New Automation’ button.

Creating a new WordPress automation with FunnelKit

You’ll now see all the different automation templates that you can use.

Since we want to create our own workflow, select ‘Start from Scratch.’

Creating a custom automated workflow in WordPress

In the popup that appears, type in a name for the automation. This is just for your reference, so you can use anything you want.

With that done, click on ‘Create.’

Add a name to your FunnelKit automation workflow

Now, we need to choose the action that will kickstart the workflow, so click on ‘Select Trigger.’

In the left-hand menu, choose ‘WooCommerce’ and then click to select ‘Customer Win Back.’

Adding a 'customer winback' trigger to an automation workflow

With that done, click on ‘Done’ to add the trigger to your automation workflow.

Back in the main editor, click on the ‘Customer Win Back’ trigger.

Adding a trigger to the FunnelKit automation editor

In the ‘Customer Last Ordered Period’ section, you can type in how long FunnelKit will wait before running the workflow.

For example, in the following image the workflow will run when 30 days have passed since the customer’s last order.

FunnelKit will repeat this automation once every 24 hours, so it’s important to only run it for a short period of time. For this reason, we’ve set the workflow to stop when 35 days have passed since the customer’s last order.

Adding an order period to the automation recipe

In this way, you won’t annoy customers by sending them dozens of emails.

Next, you can set the time when the automation will run, using the ‘Schedule this….’ fields. FunnelKit will use your store’s timezone, so you may want to change your online store settings if you want to use a different timezone instead.

Scheduling an automated coupon code

With that done, click on ‘Save.’

Back in the main workflow editor, click on ‘+’ and then select ‘Action.’

Adding actions to an automated workflow in WordPress

In the popup that appears, select ‘WooCommerce’ and then click on ‘Create Coupon.’

Simply click on ‘Done’ to add this action to the workflow.

How to create an automated coupon using FunnelKit

Back in the main FunnelKit editor, click on the action you just added. This opens a popup where you can customize the ‘Create Coupon’ action.

To start, type a name for the coupon into the ‘Coupon Title’ field. This is just for your reference so you can use anything you want.

Creating a winback customer automation workflow in WordPress

After that, choose the type of coupon that you want to create, using the ‘Discount Type’ dropdown menu.

FunnelKit supports percentage discount, fixed cart discount, and fixed product discount. Most of the time, you’ll want to select ‘Percentage Discount’ to make sure all customers get a similar benefit, no matter how much they spend or what products they buy.

After that, type an amount into the ‘Amount’ field. For example, you might offer customers 20% off, or a $5 discount on all purchases.

How to create an automated percentage discount coupon

FunnelKit automatically creates a unique coupon code for each contact. However, you can add a prefix to the start of the coupon, which can either be plain text or dynamic tags. FunnelKit will replace these tags with real text every time it creates a code, so this is a great way to create personalized coupons.

Since we want to bring shoppers back in, you may decide to include the customer’s name in the coupon. This can catch their attention, and also makes your code easier to remember.

To add plain text as a prefix, simply type into the ‘Coupon Code Prefix’ field.

Adding a prefix to the automated coupon code

To add one or more tags, click on the ‘Merge tags’ icon.

This is the button that has curly braces.

Adding dynamic text to the automated coupon code

Now, you’ll see all the tags that you can use in the automated coupon.

We’re going to use the {{contact_first_name}} tag, but you can use any tags you want.

How to create a personalized coupon code with merge tags

Simply copy each tag and then paste it into the ‘Coupon Code Prefix’ field.

As you can see in the following image, you can use a mix of plain text and tags.

How to create a personalized and dynamic coupon code

By default, the coupon will never expire. A sense of urgency and FOMO can push customers to use a coupon, so you may want to select the radio button next to ‘Expire after Specific Days’ or ‘Expire on Specific Date.’

You can then use the controls to specify when the coupon will expire.

Adding a coupon expiration date to your WordPress coupon

Finally, you can choose whether the coupon gives customers a free shipping discount.

Shoppers love free shipping, so you may want to consider adding this to your coupon by selecting the ‘Yes’ radio button under ‘Allow Free Shipping.’

How to create a free shipping discount for your online store

When you’re happy with how the coupon is set up, make sure you copy the small pieces of code under the ‘Coupon Title.’

You’ll need this coupon code for the email we’ll be creating in the next step, so store it somewhere safe.

Creating an automated coupon to win back customers

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

Now we have a coupon, it’s time to create the email that FunnelKit will send to your customers. To add an email action, click on the ‘+’ button and then select ‘Action.’

Add an email action to win back customers

If it isn’t already selected, then click on ‘Messaging’ in the left-hand menu.

Then, select ‘Send Email’ and click on ‘Done.’

Choosing an action in the FunnelKit automation plugin

You can now create an email by typing in a subject and preview, and adding body text.

Similar to creating a coupon, it’s best to use a mix of plain text and tags. To add dynamic tags, click on the ‘Merge Tags’ icons that appear next to the To, Subject, and Preview Text fields.

How to create a personalized email to win back customers

If you want to add tags to the email body, then you can click on the ‘Merge Tags’ button.

To add your coupon code, simply paste or type in the {{wc_dynamic_coupon id= code we copied in the previous step.

Create a personalized email to bring back customers

When you’re happy with how the email looks, click on ‘Save & Close.’

That’s it. When you’re ready to make the automation live, click on the ‘Inactive’ slider so it turns to ‘Active.’

Making your workflow automation live

Now, FunnelKit will automatically send the coupon to any customer who hasn’t purchased from you in the past 30 days.

Method 2. Using Uncanny Automator (Over 100 Integrations)

Another way to send automated coupons in WordPress, is by using Uncanny Automator. It is one of the best WordPress automation plugins on the market and lets you create powerful workflows to save time and help you respond to customers more quickly.

Uncanny Automator works seamlessly with WooCommerce, plus all of the must have WordPress plugins and third-party tools. If you’re already using lots of different software on your online store, then Uncanny Automator may be a good choice for you.

There is a free Uncanny Automator plugin that lets you automate many common tasks. However, we’ll be using Uncanny Automator pro because it works with WooCommerce.

To start, you’ll need to install Uncanny Automator pro, plus the free plugin as it provides the base for the premium version. If you need help, then please see our guide on how to install a WordPress plugin.

Upon activation, go to Automator » Settings and enter your license key into the ‘Uncanny Automator Pro license key’ field.

Adding an Uncanny Automator license to your WordPress website

You’ll find this information under your account on the Uncanny Automator website.

Uncanny Automator is a powerful and flexible plugin, so there’s lots of different ways that you can bring customers back to your site. Let’s take a look at a few options.

Automatically Send Coupons to Logged-Out Customers

It’s smart to let customers create an account with your online store, as it encourages brand loyalty and makes it easier for shoppers to buy from you in the future.

User registration can also help with lead generation. If you get the shopper’s email address, then you can target them with email marketing, personalized ads, an email newsletter, and much more.

If you’re using WooCommerce, then this plugin automatically creates all the pages customers need to create and manage an account. WooCommerce also adds a new Customer role, which it automatically assigns to any shoppers who register with your store.

Are you using a different eCommerce solution that doesn’t support customer registration? Then see our guide on how to allow user registration on your WordPress site.

After that, you can simply create a new role for your customers. For detailed instructions, please see our beginner’s guide to WordPress user roles and permissions.

If you allow user registration, then you can track when a shopper logs out of their account, as this suggests they’re losing interest in your store. You can then send a coupon to encourage them to log back in.

To create this recipe, simply go to Automator » Add new in the WordPress dashboard.

Uncanny Automator will now ask whether you want to create a recipe for logged-in users, or everyone. Go ahead and select ‘Logged-in users,’ then click on the ‘Confirm’ button.

Creating a logged-in automation recipe with Uncanny Automator

Next, you can give the recipe a name by typing into the ‘Title’ field. This is just for your reference so you can use anything you want.

Once you’ve done that, click on ‘WordPress’ in the ‘Select an integration’ area.

Select WooCommerce as an integration

You can now choose a trigger, which is anything that kickstarts the recipe.

In the dropdown menu, start typing the following ‘A user logs out of a site’ and then select the right option when it appears.

Choosing a trigger for the automated coupon recipe

We only want to run the workflow when someone with the ‘Customer’ user role logs out of their account.

With that in mind, click on the ‘Add filter’ button.

How to create an automation workflow for your WooCommerce customers

In the popup that appears, click on ‘WordPress.’

Next, find ‘The user has a specific role’ in the dropdown menu.

Filtering your users based on WordPress role

Open the ‘Role’ dropdown and select the role you’re using for your customers.

After that, go ahead and click on ‘Save filter.’

Sending an automated coupon to your WooCommerce customers

Now it’s time to specify the action that Uncanny Automator will perform every time this workflow runs.

We’re going to send the customer an email containing a coupon, so go ahead and click on ‘Add action.’

Adding actions to an automated recipe

Since we want to send an email, select ‘Emails’ as the integration.

In the dropdown that appears, click on ‘Send an email.’

Send automated coupons in WordPress to bring back customers

This adds all the fields that you can use to create the email.

To start, we need to make sure the message goes to the right user, by clicking on the asterisk next to the ‘To’ field. Then, select ‘Common’ and ‘User email.’

Getting the customer's email address

You can now create the email by adding a subject line and body text.

Here, you can use a mix of plain text and tokens, which are placeholders that Uncanny Automator replaces with real values automatically. For example, if you want to use the customer’s name, then you can click on the asterix and select ‘Common.’

Simply select the ‘User first name’ token to create the personalized greeting.

Adding a dynamic user name token to the coupon workflow

You’ll also need to create a coupon and add it to the email.

The easiest way is by using the Advanced Coupons plugin, which is the best WordPress coupon code plugin on the market. It lets you create lots of different advanced coupons to get more sales and grow your business.

For a step-by-step guide, please see our post on how to create smart coupons.

After creating a coupon, you can simply add it to the email.

Sending an automated coupon email in WordPress to bring back customers

When you’re happy with how the email looks, click on ‘Save.’

After that, it’s time to set a delay. This is how long Uncanny Automator will wait after the customer logs out, before sending them the coupon.

To add a delay, hover your mouse over the ‘Email’ action. When it appears, click on ‘Delay.’

How to add a delay to an automation workflow

You can then add your delay in the popup that appears.

Once you’ve done that, go ahead and select ‘Set delay.’

Adding a time delay to the automated coupon recipe

When you’re happy with how the recipe is set up, it’s time to make it active.

In the ‘Recipe’ box, click the ‘Draft’ switch so that it shows ‘Live’ instead.

Publishing the automated coupon recipe

That’s it. Now, when a customer logs out of their account, Uncanny Automator will wait for the specified amount of time before sending them a coupon code.

Automatically Send Coupons for a Specific Product

Sometimes a shopper may look at a product multiple times. This suggests they’re interested in the item, but something is stopping them from making a purchase.

In this case, you may want to send them a coupon, which will encourage them to splash out on the product.

To get started, create a new recipe for logged-in users following the same process described above. After that, click on ‘WooCommerce’ in the ‘Select an integration’ area.

Adding WooCommerce as an integration in Uncanny Automator

Next, choose a trigger by typing the following ‘A user views a product.’

When the right trigger appears, give it a click.

Get more sales with an automated coupon recipe

By default, this trigger is set to ‘Any product.’

If you want to link the recipe to a specific product, then open the ‘Product’ dropdown and choose that product from the list.

Choose a WooCommerce product from the dropdown menu

Once you’ve done that, click on the ‘Number of times’ button.

By default, the recipe will run every time a customer looks at a product. You should change this, so the customer has to look at the product multiple times before triggering the recipe. To do this, type a different number into the ‘Number of times’ field.

Triggering a workflow when the customer views a product multiple times

When that’s done, click on ‘Save’ to store your settings.

This recipe should only run when a customer views a product, so click on ‘Add Filter.’ In the popup that appears, click on ‘WordPress’ and then choose ‘The user has a specific role.’

Adding WooCommerce features to an automation recipe

After that, open the ‘Role’ dropdown and select the role you’re using for your customers.

When you’re ready, click on ‘Save filter.’

Configuring the automated coupon rule

Now it’s time to add the action. There are a few different ways to send automated coupons from your WordPress website.

To email a code to your customers using Uncanny Automator and Advanced Coupons, simply follow the same process described above.

Another option is to generate the code using WooCommerce. To do this, click on ‘Add Action’ and then select ‘WooCommerce’ as the integration.

Selecting the WooCommerce eCommerce plugin as an integration

In the search bar, start typing ‘Generate and email a coupon code to the user.’

When the right option appears, give it a click.

Generating a WooCommerce coupon

This will add some new settings where you can create the coupon code.

To generate a code automatically, simply leave the ‘Coupon code’ field blank.

How to create a coupon for your WooCommerce online store

In the ‘Discount type’ field, choose the kind of coupon that you want to create, such as a fixed cart discount or percentage discount.

For this guide, we’ll select ‘Percentage discount’.

How to create a percentage discount code

After that, type the percentage discount into the ‘Coupon amount’ field.

In the following image, we’re offering customers a 30% discount on their purchase.

Creating a percentage coupon code

In the next field, you can set an expiry date for the coupon, either by using the YYY-MM-DD format or typing in the number of days until the coupon expires.

For example, in the following image the coupon will expire after 7 days.

Adding an expiration date to an automated coupon code

You can also set a minimum and maximum spend for the coupon. We’ll leave these fields blank so the customer can use the code with any purchase.

You may also want to check the ‘For individual use only’ box so customers can’t use this code in combination with other coupons.

Creating a coupon for individual use

Next, scroll to the ‘Usage limit per coupon’ section. The shopper should only be able to use the coupon once, so type in ‘1.’

There are lots of other settings you can change for the coupon. It’s a good idea to look through these settings to see whether you want to make any more changes.

When you’re happy with how the coupon is set up, scroll to the ‘Email’ section. To start, find the ‘To’ field and then click on the asterisk next to it. Then, click on ‘Common’ and select ‘User email.’

Creating an automated coupon email to bring back shoppers

With that done, you can add a subject line and change the text in the email body.

To create a more personalized email, it’s a good idea to use a mix of plain text and tokens, by following the same process described above.

Adding a coupon to your WooCommerce email

When you’re happy with the email, click on the ‘Save’ button to store the recipe.

After that, you can make the recipe live by clicking the ‘Draft’ switch so that it shows ‘Live.’

Making an Uncanny Automator recipe live on your WordPress website

Now, every time someone views a product multiple times, it’ll trigger the recipe workflow.

We hope this article helped you learn how to send automated coupons in WordPress to bring back customers. You may also want to check out our guide on how to create a WooCommerce popup to increase sales and the best WooCommerce plugins for your store.

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

The post How to Send Automated Coupons in WordPress to Bring Back Customers first appeared on WPBeginner.