EDITS.WS

Tag: tutorials

  • How to Add Country Restriction for WooCommerce Products

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

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

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

    How to Restrict Countries in WooCommerce

    Why Restrict Your WooCommerce Store in a Country?

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

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

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

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

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

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

    Method 1. Restricting Countries Using WooCommerce Settings

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

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

    Go to WooCommerce Settings and select General

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

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

    Go to General Option and select Selling Location

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

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

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

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

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

    Select countries where you want to sell your product

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

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

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

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

    Method 2. Add Country Based Restrictions for WooCommerce Products

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

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

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

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

    Go to the country based restrictions for WooCommerce plugin settings

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

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

    Choose Catalog Visibility option

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

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

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

    Choose your Catalog Visibility option

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

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

    Go to WooCommerce Products and select Edit

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

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

    Go to Product Data section and select Country Restrictions

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

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

    Select Product not available for selected countries option

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

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

    Choose countries you want to restrict

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

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

    Bonus: Geolocation Targeting for WooCommerce to Grow Sales

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

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

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

    Optinmonster Coupon Popups

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

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

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

  • How to Setup WooCommerce Conversion Tracking (Step by Step)

    Do you want to track conversions on your WooCommerce store?

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

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

    How to setup WooCommerce conversion tracking

    Why Set up WooCommerce Conversion Tracking?

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

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

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

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

    Apart from that you also get to learn about:

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

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

    Setting Up WooCommerce Conversion Tracking in WordPress

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

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

    The MonsterInsights Google Analytics plugin

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

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

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

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

    Upon activation, you can see the MonsterInsights welcome screen in your WordPress admin area. Simply click the ‘Launch the Wizard’ button.

    Launch setup wizard

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

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

    MonsterInsights Dual Tracking GA v4

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

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

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

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

    Install the eCommerce addon

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

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

    Enable Enhanced Ecommerce in Google Analytics

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

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

    Click admin settings

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

    It is located under the ‘View’ column.

    Ecommerce settings

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

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

    Enable ecommerce and enhanced ecommerce reporting

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

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

    Use enhanced ecommerce option

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

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

    Viewing WooCommerce Conversion Reports

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

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

    Let’s start with your eCommerce reports in MonsterInsights.

    eCommerce Reporting in MonsterInsights

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

    Ecommerce report in MonsterInsights

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

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

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

    Top conversion sources

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

    WooCommerce Tracking in Universal Analytics

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

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

    Ecommerce report in analytics

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

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

    Shopping behavior report

    WooCommerce Tracking in Google Analytics 4

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

    Ecommerce report in ga4

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

    Boost Your WooCommerce Conversions and Increase Sales

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

    1. Improve Speed and Performance

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

    Strangeloop case study

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

    2. Recover Abandoned Cart Sales

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

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

    3. Provide Users with Alternatives

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

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

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

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

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

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

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

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

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

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

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

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

    How to run a virtual class with WordPress

    Why Create a Virtual Classroom for My Business?

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

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

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

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

    Here’s what you’ll need.

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

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

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

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

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

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

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

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

    Creating an Online Platform for Your Class

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

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

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

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

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

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

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

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

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

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

    Getting Students to Sign Up for Your Class

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

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

    The WPForms form builder plugin and signature addon

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

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

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

    Event registration form preview

    Communicating With Your Students in a Virtual Classroom

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

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

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

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

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

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

    The Constant Contact email provider

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

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

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

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

    Connect constant contact with WPForms

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

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

    Student Collaboration and Group Interactions in Virtual Classroom

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

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

    bbPress

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

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

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

    Offering Pre-Recorded Content for Online Classrooms

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

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

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

    OptinMonster university

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

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

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

    Don’t Host Videos on Your Website

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

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

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

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

    Video subdomain preview

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

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

    Offering Live Content in Online Classrooms

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

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

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

    Copy meeting invitation

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

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

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

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

    Automatically Register Students for Zoom Webinars and Meetings

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

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

    Uncanny Automator website

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

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

    Using an LMS or Membership Site Plugin

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

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

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

    Using LMS Plugins to Create Online Courses

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

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

    The LearnDash LMS WordPress plugin

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

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

    Restrict Access to Classes and Online Resources

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

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

    MemberPress

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

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

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

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

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

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

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

  • How to Add a Facebook Giveaway in WordPress to Boost Engagement

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

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

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

    How to add a Facebook giveaway in WordPress to boost engagement

    Why Run a Facebook Giveaway in WordPress?

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

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

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

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

    A Facebook giveaway, designed to boost engagement

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

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

    An example of a Facebook contest

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

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

    Running a Facebook Giveaway in WordPress

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

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

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

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

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

    Step 1. Creating Your First Facebook Giveaway Campaign

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

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

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

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

    The RafflePress welcome screen

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

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

    How to create a Facebook giveaway

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

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

    Adding a title to your RafflePress contest

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

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

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

    Using the classic giveaway template

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

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

    Adding a prize to your Facebook contest

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

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

    Adding a title to your Facebook giveaway

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

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

    Adding an image to your Facebook giveaway

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

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

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

    Scheduling a giveaway in WordPress

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

    Step 2. Adding More Actions to Your Facebook Giveaway

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

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

    Adding entry methods to a WordPress giveaway

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

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

    How to create a Facebook competition in WordPress

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

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

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

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

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

    Adding the URL for your Facebook page

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

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

    How to customize a Facebook giveaway action

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

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

    Changing the entry value for your Facebook contest

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

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

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

    Prioritizing Facebook giveaway actions

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

    Step 3: Design your Facebook Giveaway to Stand out

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

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

    Changing how the RafflePress giveaway looks in WordPress

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

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

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

    Adding a background image to a Facebook competition

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

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

    Changing the background color for an online giveaway

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

    Step 4. Fine Tuning Your Giveaway Settings

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

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

    Configuring your Facebook contest

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

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

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

    Setting the rules for your Facebook giveaway

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

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

    Generating rules for your Facebook giveaway

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

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

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

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

    Enabling email verification for an online contest

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

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

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

    Success tracking for a Facebook contest

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

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

    Adding a redirect page in WordPress

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

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

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

    Activating social login for your Facebook contest

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

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

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

    Adding GDPR contest to your Facebook contest

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

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

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

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

    Adding an invisible reCAPTCHA to Facebook contest

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

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

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

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

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

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

    The RafflePress block

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

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

    Adding a Facebook giveaway to a WordPress page or post

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

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

    Adding a contest to WordPress using shortcode

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

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

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

    Publishing your Facebook contest as a landing page

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

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

    Setting a URL for your giveaway landing page

    RafflePress will now publish your giveaway as a landing page.

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

    The SeedProd giveaway block

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

    Then, choose the RafflePress giveaway you created earlier.

    How to create a giveaway landing page using SeedProd

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

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

    A competition landing page, created using SeedProd

    Step 6. Promoting Your Facebook Giveaway

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

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

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

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

    Step 7. Announcing The Giveaway Winners

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

    How to choose a winner for your Facebook giveaway

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

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

    Closing a giveaway in the WordPress dashboard

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

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

    Choosing a winner automatically in WordPress

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

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

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

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

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

  • How to Host Local Fonts in WordPress for a Faster Website

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

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

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

    How to Host Local Fonts in WordPress for a Faster Website

    Why Host Fonts Locally in WordPress?

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

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

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

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

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

    Method 1: Hosting Local Fonts in WordPress With a Plugin

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

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

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

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

    OMGF Settings

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

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

    Click the Save & Optimize Button

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

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

    Method 2: Hosting Local Fonts in WordPress Manually

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

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

    Downloading a Google Font

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

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

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

    Upload the Fonts to Your Website

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

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

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

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

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

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

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

    Adding Custom CSS With the Theme Customizer

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

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

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

  • How to Keep Customers Engaged in Your Brand

    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.

    The post “How to Keep Customers Engaged in Your Brand” first appeared on WP Mayor.

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

    Do you want to embed Instagram feeds in WordPress?

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

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

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

    Why Embed Instagram on Your WordPress Site?

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

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

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

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

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

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

    How to Install an Instagram Photos Plugin

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

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

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

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

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

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

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

    How to Connect an Instagram Account to WordPress

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

    How to create a new Instagram feed in WordPress

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

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

    How to add an Instagram timeline to your WordPress account

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

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

    Adding an Instagram account as a Smash Balloon source

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

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

    Adding a personal or business Instagram account to WordPress

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

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

    Choose an Instagram account to use with Smash Balloon

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

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

    How to add a Facebook page to your WordPress website

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

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

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

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

    How to change the Instagram permissions with Smash Balloon

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

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

    Choosing an Instagram account to add to your WordPress website

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

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

    How to create an Instagram feed using Smash Balloon

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

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

    How to Customize Your Instagram Photo Feed

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

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

    The Smash Balloon instagram editor

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

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

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

    Changing the layout of an Instagram feed in WordPress

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

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

    Previewing how the Instagram feed layout looks on smartphone and mobile

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

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

    Showing a different number of posts on desktop and mobile

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

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

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

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

    After making your changes, click on the ‘Customize’ link.

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

    Smash Balloon's color scheme settings

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

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

    Changing the Instagram column scheme using Smash Balloon

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

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

    Customize the Instagram header on your WordPress website

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

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

    Adding a custom avatar to an Instagram embed in WordPress

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

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

    Adding a custom Instagram bio to your WordPress website

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

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

    Changing the resolution of embedded Instagram photos and videos

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

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

    How to auto-detect the resolution of your Instagram feed

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

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

    Customize the Instagram Load More button in WordPress

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

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

    Adding custom messaging to the Load More button

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

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

    How to easily embed Instagram in WordPress

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

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

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

    Customizing the social media Follow button

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

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

    Customizing the Follow Us On Instagram button

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

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

    How to Embed Instagram Feed in WordPress

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

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

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

    In the following image, we’ll need to usefeed="1"

    Getting the code for a custom Instagram feed

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

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

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

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

    The Feeds for Instagram block

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

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

    Adding an Instagram feed code to WordPress

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

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

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

    Adding an Instagram feed to a WordPress widget

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

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

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

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

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

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

    After that, click on ‘Apply Changes.’

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

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

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

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

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

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

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

    Opening the full-site editor (FSE)

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

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

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

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

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

    How to add an Instagram feed to your WordPress website

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

    Then, click on the blue ‘+’ button.

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

    After that, start typing in ‘Instagram Feed.’

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

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

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

    FAQs About Embedding Instagram in WordPress

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

    How Do I Create an Instagram Business Account?

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

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

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

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

    After that, select ‘Settings.’

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

    How to switch to a personal Instagram account

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

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

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

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

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

    How to connect Facebook and Instagram

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

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

    Giving Smash Balloon access to your Instagram account

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

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

    How to configure your Instagram permissions using Smash Balloon

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

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

    Logging into your Instagram account

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

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

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

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

  • How to Send Automated Coupons in WordPress to Bring Back Customers

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

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

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

    How to send automated coupons in WordPress to bring back customers

    Why Send Automated Coupons to Bring Back Customers?

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

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

    That’s where automated coupons come in.

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

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

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

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

    Method 1. Using FunnelKit (Best for WooCommerce Users)

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

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

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

    How to Set up the FunnelKit WordPress Plugin

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

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

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

    Adding a license to the FunnelKit Automations WordPress plugin

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

    How to Create an Automated Coupon Workflow for WordPress

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

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

    Creating a new WordPress automation with FunnelKit

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

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

    Creating a custom automated workflow in WordPress

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

    With that done, click on ‘Create.’

    Add a name to your FunnelKit automation workflow

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

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

    Adding a 'customer winback' trigger to an automation workflow

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

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

    Adding a trigger to the FunnelKit automation editor

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

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

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

    Adding an order period to the automation recipe

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

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

    Scheduling an automated coupon code

    With that done, click on ‘Save.’

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

    Adding actions to an automated workflow in WordPress

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

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

    How to create an automated coupon using FunnelKit

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

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

    Creating a winback customer automation workflow in WordPress

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

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

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

    How to create an automated percentage discount coupon

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

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

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

    Adding a prefix to the automated coupon code

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

    This is the button that has curly braces.

    Adding dynamic text to the automated coupon code

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

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

    How to create a personalized coupon code with merge tags

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

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

    How to create a personalized and dynamic coupon code

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

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

    Adding a coupon expiration date to your WordPress coupon

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

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

    How to create a free shipping discount for your online store

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

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

    Creating an automated coupon to win back customers

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

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

    Add an email action to win back customers

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

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

    Choosing an action in the FunnelKit automation plugin

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

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

    How to create a personalized email to win back customers

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

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

    Create a personalized email to bring back customers

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

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

    Making your workflow automation live

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

    Method 2. Using Uncanny Automator (Over 100 Integrations)

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

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

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

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

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

    Adding an Uncanny Automator license to your WordPress website

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

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

    Automatically Send Coupons to Logged-Out Customers

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

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

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

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

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

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

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

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

    Creating a logged-in automation recipe with Uncanny Automator

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

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

    Select WooCommerce as an integration

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

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

    Choosing a trigger for the automated coupon recipe

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

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

    How to create an automation workflow for your WooCommerce customers

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

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

    Filtering your users based on WordPress role

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

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

    Sending an automated coupon to your WooCommerce customers

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

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

    Adding actions to an automated recipe

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

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

    Send automated coupons in WordPress to bring back customers

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

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

    Getting the customer's email address

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

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

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

    Adding a dynamic user name token to the coupon workflow

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

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

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

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

    Sending an automated coupon email in WordPress to bring back customers

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

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

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

    How to add a delay to an automation workflow

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

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

    Adding a time delay to the automated coupon recipe

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

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

    Publishing the automated coupon recipe

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

    Automatically Send Coupons for a Specific Product

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

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

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

    Adding WooCommerce as an integration in Uncanny Automator

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

    When the right trigger appears, give it a click.

    Get more sales with an automated coupon recipe

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

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

    Choose a WooCommerce product from the dropdown menu

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

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

    Triggering a workflow when the customer views a product multiple times

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

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

    Adding WooCommerce features to an automation recipe

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

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

    Configuring the automated coupon rule

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

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

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

    Selecting the WooCommerce eCommerce plugin as an integration

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

    When the right option appears, give it a click.

    Generating a WooCommerce coupon

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

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

    How to create a coupon for your WooCommerce online store

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

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

    How to create a percentage discount code

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

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

    Creating a percentage coupon code

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

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

    Adding an expiration date to an automated coupon code

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

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

    Creating a coupon for individual use

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

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

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

    Creating an automated coupon email to bring back shoppers

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

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

    Adding a coupon to your WooCommerce email

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

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

    Making an Uncanny Automator recipe live on your WordPress website

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

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

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

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

  • How to Switch from Gumroad to WordPress (Step by Step)

    Do you want to switch from Gumroad to WordPress?

    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.

    Switching from Gumroad to WordPress

    Why Do You Need to Switch From Gumroad to WordPress?

    Gumroad is a popular eCommerce platform that allows users to sell digital goods online.

    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.

    To learn more, see our complete WordPress review with pros and cons.

    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.

    Ready? Let’s get started.

    Step 1. What Do You Need to Switch from Gumroad to WordPress?

    You’ll need the following things to switch from Gumroad to WordPress.

    • A domain name – This will be your website’s address on the internet (e.g. wpbeginner.com)
    • A web hosting account – This is where all your website files will be stored. All websites on the internet need hosting.
    • Free Easy Digital Downloads plugin for WordPress
    • 30 minutes of your time.

    Normally, pricing for a web hosting account starts at $7.99 per month.

    Luckily, the folks at SiteGround have agreed to offer WPBeginner users a generous discount on eCommerce-ready hosting.

    Basically, you can get started for $2.99 per month.

    If for some reason, you don’t want to use SiteGround, then you can also install WordPress on other hosting companies like BluehostHostinger, 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.

    SiteGround Hosting for Easy Digital Downloads and WordPress

    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.

    Get domain name

    If you don’t already have a name in mind, then you can see our guide on how to choose the best domain name.

    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.

    login to WordPress admin

    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.

    Your WordPress admin dashboard will look like this

    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.

    Simply, install and activate the Easy Digital Downloads plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

    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.

    Base country

    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.

    Select currency

    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.

    Select payment gateways

    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.

    Payment gateways options

    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.

    PayPal settings

    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.

    Stripe settings

    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.

    Add new download

    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.

    Add download title and description

    Tip: Learn how to use the WordPress block editor to create beautiful content layouts.

    You can also organize your downloads into categories and tags. This helps users browse and discover product downloads that interest them.

    Add categories, tags, and a download image

    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.

    Download pricing and file upload

    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.

    download 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.

    Publish download

    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.

    Product page

    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.

    MemberPress

    MemberPress allows you to sell membership subscriptions, file downloads, and even online courses.

    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.

    WordPress Theme Stats

    To make things easier, you can pick a theme from our expert pick of the most popular WordPress themes.

    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.

    After your theme is installed, you can use our guide on how to customize your WordPress theme to make it your own.

    You can also use SeedProd to create a custom WordPress theme (without coding).

    How to create a landing page in WordPress with SeedProd

    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.

    Customize EDD emails

    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.

    For more details, see our guide on how to set up WP Mail SMTP to improve email deliverability.

    Once you are finished, don’t forget to click on the ‘Save changes’ button to store your settings.

    Here is how a properly branded Easy Digital Downloads email would look like:

    Add brand logo

    You can also customize the text of the emails by switching the to the ‘Purchase Receipts’ tab.

    From here, you can enter a title, headline, and text for the purchase email receipts.

    Purchase receipts

    Below that you will find a bunch of tags that you can use inside the email template.

    You will be able to display dynamic information such as customer name, their downloads, and receipt by using the tags provided beneath the text field.

    Email tags

    Step 8. Growing Your Business in WordPress

    A big advantage of moving from Gumroad to WordPress is the ability to use a ton of free and paid tools to grow your business.

    Following are some of the must-have WordPress plugins that will help you sell more downloads.

    • WPForms Lite – the best WordPress contact form plugin that helps you easily add any type of form to your website.
    • All in One SEO Lite – The best WordPress SEO toolkit that helps you get more visitors from search engines.
    • OptinMonter – It is the best conversion optimization software that helps you convert website visitors into paying customers.
    • MonsterInsights Lite – Allows you to easily install Google Analytics and see how much traffic your downloads are getting.
    • 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.

    The post How to Switch from Gumroad to WordPress (Step by Step) first appeared on WPBeginner.

  • How to Highlight a Menu Item in WordPress

    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.

    How to Highlight a Menu Item in WordPress

    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.

    This navigation menu is created by adding different menu items. For more details, you can see our article on how to add a navigation menu in WordPress.

    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.

    WPForms highlighted menu icon

    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.

    Select the menu item you want to highlight and then click the gear icon at the top

    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.

    Write highlighted menu in Additional CSS Class 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.

    First you need to install and activate the free WPCode plugin. For more instructions, check out our guide on how to install a WordPress plugin.

    Upon activation, navigate to Code Snippets » Add Snippet from your WordPress admin panel. Now click on the ‘Add New’ button.

    Go to Code Snippets and click Add New

    This will take you to the ‘Add Snippet’ page.

    Here, hover your mouse over the ‘Add Your Custom Code (New Snippet)’ option and simply click on the ‘Use Snippet’ button below it.

    Click Use Snippet button

    Now that you’re on the ‘Create Custom Snippet’ page, start by choosing a name and a ‘Code Type’ for your CSS snippet.

    You can choose any name you like.

    Select Universal Snippet as Code Type

    Next, simply click the dropdown menu beside the ‘Code Type’ option on the right and then choose the ‘Universal Snippet’ option.

    After that, copy/paste the following CSS code into the ‘Code Preview’.

    <style type="text/css">
    /* Highlighted menu */
    .highlighted-menu
    {
    background: #d3d3d3;
    border-radius: 35px;
    padding: 0px 20px;
    line-height: 50px;
    }
    </style>
    

    Be sure to include the style tags, as you see on Lines 1 and 10 below.

    Paste code

    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.

    Choose Auto Insert as insert method

    Now, go to the top of the page and toggle the switch from ‘Inactive’ to ‘Active’.

    Then simply click the ‘Save Snippet’ button.

    Save your highlight menu item snippet

    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.

    Highlighted menu item

    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.

    Click Additional CSS tab

    Now, expand the ‘Additional CSS’ field, and then just copy/paste the following code snippet.

    /* Highlighted menu */
    .highlighted-menu
    {
    background: #FFB6C1;
    border-radius: 35px;
    padding: 0px 20px;
    line-height: 50px;
    }
    

    After that, simply click the ‘Publish’ button at the top.

    Paste your CSS code

    That’s all it takes to highlight a menu item.

    It should look something like this on your website when finished:

    Highlighted menu item

    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.

    Go to Menu in Theme Customizer

    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.

    Check 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.

    Select a menu

    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.

    Write highlighted menu as CSS Class

    Next, simply go to the ‘Additional CSS’ tab in the theme customizer.

    Now, simply copy and paste the following CSS code.

    /* Highlighted menu */
    .highlighted-menu
    {
    background: #FFB6C1;
    border-radius: 35px;
    padding: 0px 20px;
    line-height: 50px;
    }
    

    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.

    Paste CSS code in Additional CSS tab

    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.

    Pink highlighted 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.

    Blue highlighted menu item

    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.

    We hope this article helped you learn how to highlight a menu icon in WordPress. You may also want to check out our beginner’s guide on how to style WordPress navigation menus or our expert picks of the must-have WordPress plugins to grow your site.

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

    The post How to Highlight a Menu Item in WordPress first appeared on WPBeginner.