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.
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.
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.
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.
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.
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
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.
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.
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.
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.
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.
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.
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.
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?
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.
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.
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.
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 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.
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.
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.
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.
Next, you need to click on the ‘Ecommerce settings’ option.
It is located under the ‘View’ column.
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.
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.
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.
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.
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.
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.
WooCommerce Tracking in Google Analytics 4
To view your WooCommerce reports in Google Analytics 4, you can go to Reports » Monetization » Ecommerce purchases.
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.
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.
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.
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.
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.
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.
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.
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:
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.’
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.’
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.
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.
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.
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.’
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.
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.
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.
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.
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.
In ‘Page Permalink,’ type in the URL where you want to publish your giveaway landing page.
After that, simply click on the ‘View’ button.
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.
This block integrates with RafflePress, so you can simply drag and drop it onto the page.
Then, choose the RafflePress giveaway you created earlier.
SeedProd will now show the giveaway inside your beautifully designed landing page.
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.
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.
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.’
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.
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.
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.
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.
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.
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.
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.
You should create a new folder called ‘fonts’ in the directory of your theme or child theme and upload it there.
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:
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.
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.
In this post, we’ll provide tips and strategies that you can use to keep your customers interested, connected, and coming back for more. Whether you’re just starting out or you’re looking to take your customer engagement to the next level, these strategies will help you build a strong, loyal customer base that keeps your brand top-of-mind.
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.
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.
This free plugin lets you show photos from one or more Instagram accounts, in a fully customizable feed.
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.
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.’
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.’
Now, simply choose the Instagram account where you’ll get the photo feed from.
To get started, click on the ‘Add Source’ button.
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.
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.’
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.
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.’
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.’
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.’
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.
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.
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.
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.’
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.
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.’
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.
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.
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.
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.
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.
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.
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.’
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.
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.
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.
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.
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"
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 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.’
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.
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.
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.’
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.’
This opens a popup where you can type in your Instagram username and password.
After that, go ahead and click on ‘Log In.’
After a few moments, you’ll see a message saying that your Instagram and Facebook accounts are now connected.
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.
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.
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.
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 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.
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.’
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.’
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.’
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.
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.
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.
With that done, click on ‘Save.’
Back in the main workflow editor, click on ‘+’ and then select ‘Action.’
In the popup that appears, select ‘WooCommerce’ and then click on ‘Create Coupon.’
Simply click on ‘Done’ to add this action to the workflow.
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.
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.
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.
To add one or more tags, click on the ‘Merge tags’ icon.
This is the button that has curly braces.
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.
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.
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.
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.’
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.
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.’
If it isn’t already selected, then click on ‘Messaging’ in the left-hand menu.
Then, select ‘Send Email’ and click on ‘Done.’
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.
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.
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.’
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.
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.
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.
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.
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.
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.
In the popup that appears, click on ‘WordPress.’
Next, find ‘The user has a specific role’ in the dropdown menu.
Open the ‘Role’ dropdown and select the role you’re using for your customers.
After that, go ahead and click on ‘Save filter.’
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.’
Since we want to send an email, select ‘Emails’ as the integration.
In the dropdown that appears, click on ‘Send an email.’
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.’
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.
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.
After creating a coupon, you can simply add it to the email.
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.’
You can then add your delay in the popup that appears.
Once you’ve done that, go ahead and select ‘Set delay.’
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.
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.
Next, choose a trigger by typing the following ‘A user views a product.’
When the right trigger appears, give it a click.
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.
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.
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.’
After that, open the ‘Role’ dropdown and select the role you’re using for your customers.
When you’re ready, click on ‘Save filter.’
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.
In the search bar, start typing ‘Generate and email a coupon code to the user.’
When the right option appears, give it a click.
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.
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’.
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.
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.
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.
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.’
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.
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.’
Now, every time someone views a product multiple times, it’ll trigger the recipe workflow.
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.
Gumroad is an online marketplace where users can sell digital goods. From games to music to courses and videos, Gumroad used to be a good eCommerce platform for creators. However, many users are looking to switch from Gumroad to WordPress because they have raised their fees to 10% for each transaction.
In this article, we’ll show you how to easily switch from Gumroad to WordPress, so you can grow your online business without the Gumroad tax.
Why Do You Need to Switch From Gumroad to WordPress?
However, they now charge a 10% flat fee on each sale. This 10% does not include credit card processing or PayPal fees.
Plus, an additional 10% fee is charged if a product is sold through the ‘Gumroad Discover’ feature, or their ‘Global Affiliates’ program. That’s a lot of fees.
On the other hand, WordPress is free and doesn’t charge you any fee for the items you sell.
Unlike Gumroad, WordPress gives you the freedom to sell anything online, including physical versions of your digital goods. Plus, you can use any payment gateway you want and promote your website freely.
Important: When we say WordPress, we are talking about WordPress.org aka self-hosted WordPress, and not WordPress.com which is a hosting platform. For more details, please see our article on the difference between WordPress.com vs. WordPress.org.
That being said, here is a quick overview of the things we’ll cover to switch from Gumroad to WordPress.
If for some reason, you don’t want to use SiteGround, then you can also install WordPress on other hosting companies like Bluehost, Hostinger, and WP Engine following a fairly similar process.
Let’s go ahead and walk through how to purchase your domain, web hosting, and SSL certificate.
First, you need to visit the SiteGround website and choose a plan by clicking on the Get Plan button.
After that, SiteGround will ask you to enter a domain name for your website.
You can look up a domain name or if you already have one then you can add that as well.
Lastly, you will need to add your account information. You will also be able to purchase some optional extras.
You can always add these extras at a later date if you decide that you need them. If you’re unsure then we recommend skipping this step.
You can now finish the setup by making the payment.
After that, you will get an email from SiteGround with a link to log in to your hosting account control panel.
From here, switch to the websites tab and click on the WordPress Admin button next to your website.
This will take you to the WordPress admin area of your website where you’ll notice Easy Digital Downloads pre-installed on your website.
Step 2. Setting up Your WordPress Website
By default, WordPress does not come with eCommerce shopping cart functionality.
If you followed our advice and signed up with SiteGround, then your WordPress site will now have Easy Digital Downloads installed which provides all the Gumroad features you’ll need to sell digital goods.
On the other hand, if you are using some other WordPress hosting provider, then you’ll need to install Easy Digital Downloads first.
Note: For the sake of this tutorial, we are using the free version of Easy Digital Downloads. There is also a premium version that comes with additional features and priority support.
Upon activation, you need to visit Downloads » Settings page in your WordPress admin area to set up your store.
First, you need to provide a business name and type.
After that, enter your business address and country. This information is used for calculating taxes.
Finally, click on the ‘Save changes’ button to store your settings.
Next, you need to switch to the ‘Currency’ tab and select the default currency you want to use on your store.
Don’t forget to Save your changes to store your settings.
Step 3. Setting up Payment Gateway
In order to accept payments online, you’ll need to set up a payment gateway provider.
Easy Digital Downloads supports PayPal, Stripe, and Amazon payment gateways by default. You can also add support for additional payment gateways using add-ons.
To set up payments, simply switch to the Payments tab under the plugin settings.
From here, you need to select the payment services you want to use. You can choose more than one payment service if you want.
We recommend using Stripe since it lets you accept credit cards from anywhere in the world.
After that, select a default payment gateway and check the payment method icons you want to display on checkout.
Finally, click on the Save changes button to store your changes.
After that, you need to click on the individual payment gateway tabs to configure them.
For instance, clicking on Paypal will show you a button to connect your PayPal account.
Similarly, you can switch to the Stripe tab and click on the ‘Connect with Stripe’ button to set it up.
Step 4. Importing Gumroad Products in WordPress
The next step is to import the products from Gumroad to Easy Digital Downloads in WordPress.
Unfortunately, Gumroad does not provide an easy way to export your product data in a WordPress-compatible format.
You’ll need to manually move your products from your Gumroad account to Easy Digital Downloads.
To create your first digital product, go to the Downloads page and click on the ‘Add New’ button at the top.
You can now type a name for your product into the ‘Enter download name here’ field. Below that you can provide details of your item.
Feel free to use images, videos, emojis, and text to write a compelling description. You can also just copy and paste the description from your Gumroad product.
You can also organize your downloads into categories and tags. This helps users browse and discover product downloads that interest them.
You also need to provide a download image, this will be the main featured image for your download and will be displayed in different locations on your website.
Feel free to use the image you used for your Gumroad product.
Below the editor, you will find the Download options. First, you can set the download price.
After that, you can choose the download type. EDD supports both single downloads and bundles as download types.
Below that, you can provide the download file name and then click on the Link button in the File URL field to upload your download file.
If you need to add more files to a bundled product then click on the ‘Add New File’ button to add them.
Finally, you can provide any optional download instructions or notes. These will be displayed on the purchase receipt and some plugins and themes may also use these instructions.
Once you are finished, simply click on the ‘Publish’ button at the top right corner of the screen to publish your download.
This will make your download publicly available for purchase.
Once published, you can click on the ‘View Download’ button to see your download product in action.
Here is how it looks on our test site.
Repeat the process to move all your products from Gumroad to your WordPress website.
Step 5. Moving Subscription Products From Gumroad to WordPress
Some users sold subscription-based downloads on Gumroad. Basically, customers purchased a membership plan to access downloads.
EDD offers recurring digital subscriptions as part of their Pro plugin which you can purchase from their website.
Alternatively, if you’re selling memberships or online courses, then the easiest way to sell these products is by using MemberPress. It is the best WordPress membership plugin on the market.
For more details, follow our guide on how to make a membership website with step-by-step instructions.
Step 6. Choose and Customize Your WordPress Theme
Themes are the design templates for your WordPress website. They control how your website looks to the users.
There are thousands of free and paid WordPress themes that you can use on your website. However, this abundance can be a bit overwhelming for beginners.
Once you’ve chosen a theme, you can see our beginner’s guide on how to install a WordPress theme to get it live on your website.
Each WordPress theme comes with a bunch of options that allow you to customize it to your own needs. You can change colors and layout, as well as add your own images and logo.
SeedProd is the best WordPress page builder on the market.
It also allows you to easily create any type of landing page, product page, and custom login page using a drag-and-drop interface.
Step 7. Customize Easy Digital Download Emails
Just like Gumroad, Easy Digital Downloads also relies on emails to send users to purchase receipts, account information, and download instructions.
However, since you are now selling on your own platform, you may want to use your own branding with those emails.
Simply go to the Downloads » Settings page and switch to the ‘Emails’ tab.
From here, you can provide a logo to be used in your emails.
Below that, you can add a name that will be used as the sender’s name. You can also provide an email address to send the email from.
We recommend using a business email address because it looks more professional. Your hosting provider can also offer a free business email address that you can use.
Lastly, you will need WP Mail SMTP plugin to configure your emails. It ensures that all your emails reach users’ inboxes and not end up in spam.
PushEngage – is the best push notification software, which allows you to send personalized notifications to users. You can announce new downloads, sale events, or special offers.
AffiliateWP – Run your own affiliate program and partner with marketers to help you sell more downloads with affiliate marketing.
We hope this article helped you learn how to easily switch from Gumroad to WordPress. You may also want to see our article on growing your business on a shoestring budget or take a look at our ultimate WordPress SEO guide.
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.
Do you want to highlight a menu item on your WordPress site?
Highlighting a menu item can really help you point user’s attention to a specific area on your menu. This can be great if you want to highlight the Pricing or Contact Us page on your website.
In this article, we will show you how to easily highlight a menu item in WordPress using CSS code.
Why Should You Highlight a Menu Item?
A navigation menu is a list of links pointing to important areas of your website. They are usually presented as a horizontal bar at the top of every page on a WordPress website.
A highlighted menu item can be a great way to capture the user’s attention to your most prominent call to action. The eyes of the visitors will be automatically drawn to the menu item when they visit your website.
By adding this feature, you can create a user-friendly website and highlight important menu items that you want your users to check out.
That being said, let’s see how you can highlight a menu item in WordPress using CSS.
Method 1. Highlighting a Menu Item Using Full Site Editor
If you’re using a block-enabled theme then you’ll have the Full Site Editor instead of the older Theme Customizer. You can easily highlight a menu item in it as well.
First, head over to Appearance » Editor from the WordPress admin dashboard. This will direct you to the full site editor.
Here simply double-click the menu item you want to highlight, and then click the gear icon at the top. This will immediately open up that specific menu item’s ‘Settings’ block.
Simply scroll down in the ‘Settings’ block to the ‘Advanced’ tab and click the arrow icon beside it to expand the tab.
This will open up an ‘Additional CSS Class’ field where you simply have to write highlighted-menu in the field.
Next, click the ‘Save’ button at the top of the page to store your changes.
After that, you will need to add a small bit of CSS to your theme for the highlight effect. You can either fix the missing Theme Customizer, or you can use a code snippet plugin to add CSS code.
How to Add CSS Snippets Using WPCode
For adding CSS in WordPress, we recommend using WPCode because it’s the easiest way to add any custom code to WordPress.
Be sure to include the style tags, as you see on Lines 1 and 10 below.
After pasting the code, go to the ‘Insertion’ section by scrolling down.
Here simply choose the ‘Auto Insert’ mode so that the code can be automatically executed on your entire website.
Now, go to the top of the page and toggle the switch from ‘Inactive’ to ‘Active’.
Then simply click the ‘Save Snippet’ button.
You have now successfully highlighted a menu item in WordPress using a full site editor.
This is how your menu item will look after you add the CSS code.
How to Access the Theme Customizer Using a Block Theme
If you want to use the Theme Customizer and use an FSE theme, then simply copy and paste the URL below into your browser. Make sure to replace ‘example.com’ with your own site’s domain name.
https://example.com/wp-admin/customize.php
Here you simply have to click the ‘Additional CSS’ tab.
Now, expand the ‘Additional CSS’ field, and then just copy/paste the following code snippet.
After that, simply click the ‘Publish’ button at the top.
That’s all it takes to highlight a menu item.
It should look something like this on your website when finished:
Method 2. Highlighting a Menu Item Using Theme Customizer
If you’re using a non-block-enabled theme, then you’ll probably have a theme customizer enabled by default. Highlighting a menu item in a theme customizer is a fairly simple process.
First, simply go to Appearance » Customize in your WordPress dashboard to launch the theme customizer. Once the theme customizer opens up, simply click on the ‘ Menus’ tab.
Once you’re in the ‘Menus’ section, simply click on the gear icon at the top right to display advanced properties.
Now, simply check the ‘CSS Classes’ box.
After that, scroll down to the ‘Menus’ section.
If you have multiple menus on your website, simply click on the menu whose menu items you want to highlight.
This will open up a new tab where you can select the menu item that you want to highlight. It could be ‘Get Started’ like in our example, or it might be your contact form page or the link to your online store.
Simply click on the menu item of your choice which will expand it to display some options. Click into the ‘CSS Classes’ field.
All you have to do is write 'highlighted-menu' in the field. You can add this CSS Class to multiple menu items, and they will all be highlighted.
Next, simply go to the ‘Additional CSS’ tab in the theme customizer.
Now, simply copy and paste the following CSS code.
Congratulations! You’ve successfully highlighted a menu item.
Note: Your theme might not have an ‘Additional CSS’ field in the theme customizer. If not, check theme settings to find out how to add custom CSS. If you can’t find it, you might want to contact the developer or add it using WPCode.
Customizing Your Menu Item Highlight
Now that you have highlighted the menu item, you can adjust the CSS code to customize your menu item the way you like it.
For example, you can change the background color of your menu item.
Simply look for the following code in the CSS snippet, you just pasted.
background: #FFB6C1
After locating it, you can simply replace the pink color code number with the hex code of any color of your choice:
background: #7FFFD4;
Above is the hex code for aquamarine.
You can check out our guide to easily add custom CSS for other ideas on how to customize the highlighted menu item.
After you’re satisfied with your choices, simply click on the ‘Publish’ button in the theme customizer or ‘Save Snippet’ in WPCode to save your changes.
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.