Tag: tutorials

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

    Go to source

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

    Go to source

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

    Go to source

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

    Go to source

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

    Go to source

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

    Go to source

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

    Go to source

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

    Go to source

  • How to Show Personalized Content to Different Users in WordPress

    Do you want to show different content to different users in WordPress?

    Sometimes you may want to show custom content to users from specific locations, on specific dates, or under other conditions. Website personalization is not available in WordPress out of the box. However, there are simple and easy tools you can use to handle this.

    In this article, we’ll show you how to easily show personalized content to different users in WordPress.

    How to show personalized content to different users in WordPress

    Why Show Different Content to Users in WordPress?

    Normally, when you publish content on your WordPress website, it just becomes available to everyone. What if you wanted to show a different version of the content to specific users?

    For instance, you may want to offer free shipping to customers in a specific geographic location or show different content to users coming from a particular landing page.

    One way to deal with this is by making a membership site and restricting access to content based on a user’s profile. However, not everyone wants to require user login to offer personalization.

    That’s where WordPress website personalization solutions can help.

    You can use smart conditions to add content personalization on your blogs, product personalization on your online store, and dynamic text replacement on your landing pages.

    These conditions can include specific user interactions, their geographic location, time of day, specific pages they’re visiting, specific traffic referrer source, past behavior, and more.

    That being said, let’s take a look at how to show different content to different users in WordPress. You can use the links below to go directly to the method you want to use.

    Method 1. Showing Different Content to Users Using OptinMonster (Website Personalization Made Easy)

    OptinMonster is the best lead generation and conversion optimization tool on the market. It comes with powerful targeting rules which allow you to show personalized campaigns to users based on a large set of display rules.

    This method is recommended for all users because it gives you the ability to design your content and comes with more powerful targeting rules. It also works with email marketing tools and third-party apps.

    First, you’ll need to sign up for an OptinMonster account. It is a paid tool, and you’ll need at least a Pro or Growth plan to access all targeting features.

    Simply visit the OptinMonster website and click the ‘Get OptinMonster Now’ button to set up an account.

    OptinMonster

    Next, you need to install the OptinMonster plugin on your WordPress site. For more details, see our step-by-step guide on how to install a WordPress plugin.

    Upon activation, you will see the OptinMonster setup wizard in the WordPress admin panel. Next, you need to click the ‘Connect Your Existing Account’ button to connect your WordPress site to your OptinMonster account.

    Connect your existing account

    After that, a new window will open.

    Simply click the ‘Connect to WordPress’ button to move ahead.

    Connect OptinMonster to WordPress

    Design The Content You Want to Show to the Users

    Once connected, you can head to OptinMonster » Campaign from your WordPress dashboard and click the ‘Create Your First Campaign’ button.

    Create first OptinMonster campaign

    This will take you to the OptinMonster website, where you will be asked to choose a campaign type and template.

    OptinMonster offers different campaign types that you can use to show various types of content or targeted messages to your users. This includes lightbox popups, floating bars, fullscreen, inline widgets, slide-in popups, and gamified campaigns.

    For instance, if you want to show dynamic content inside a WordPress post or page, then you can choose the Inline campaign type.

    Select an inline template

    Each campaign type has dozens of templates to choose from. Simply click to select and use a template.

    After that, you will be asked to enter a name for this campaign and click the ‘Start Building’ button.

    Click start building

    Next, you’ll enter OptinMonster’s campaign builder interface. It is a drag-and-drop tool where you can design your campaign with a live preview.

    Simply drag new elements from the menu on your left and drop them onto the template. Plus, you can click on an element in the preview to edit it.

    Edit your campaign template

    OptinMonster also connects with all top email marketing services so you can show an email sign-up form.

    You can use the campaign builder to create campaigns to add any type of content, such as a coupon code, free shipping offer, smart product recommendations, or anything you want.

    Once you are done with the design of your campaign, you can click on the ‘Save’ button at the top to store your changes.

    Save your popup changes

    You can always edit your design to match your display rules. We will show you a few design examples tailored for different display scenarios in the next step.

    Setting up Display Rules for Campaign

    This is the part where you set up the display rules to decide when to show your campaign.

    Inside the OptinMonster builder interface, switch to the ‘Display Rules’ tab.

    It allows you to create smart rule sets, and choose from a ton of targeting options.

    Select display rules

    First, you need to choose the conditions to match. There are plenty of options here. Let’s take a brief look a each one of them.

    1. Time-based Triggers

    These triggers allow you to set display rules based on time or date. You can show your campaign content at a specific date, time, or day of the week.

    Trigger on specific date and time

    These triggers allow you to show custom messages designed for specific dates and times.

    For instance, you can set OptinMonster to show a flash sale coupon on holidays or display a message on special events.

    Halloween special popup preview

    2. Targetting Users Matching Specific Criteria

    The targeting section lets you set display rules based on smart recognition technology.

    For instance, you can show a campaign to users coming from a specific website, referral, landing page, or geographic location. You can also target based on cookies, ad blockers, and JavaScript variables.

    Select targeting display rule

    As an independent publisher, you may want to ask visitors to support you by disabling the AdBlock software. You can show a message only to the users with AdBlock software installed.

    Another great usage is giving special offers to visitors from a specific URL. For instance, you may want to offer an exclusive discount to users coming from an affiliate partner website.

    Popup for affiliate users

    3. Personalization Targeting

    OptinMonster allows you to set personalized display rules based on user behavior, too.

    You can show custom campaigns to new users, returning visitors, those on specific devices, users who have already converted, not converted, have seen another campaign, visited a page, and more.

    Select personalization display rule

    You can also use OptinMonster’s smart tags feature to display a user’s name, location, and more to show them even more personalized content.

    This allows you to tailor the content to specific users.

    Smart tags smart content example personalization

    4. Ecommerce Display Rules

    These triggers are explicitly made to boost conversions on eCommerce websites.

    You can show content to users based on their shopping behavior. OptinMonster supports WooCommerce, BigCommerce, and Shopify eCommerce platforms.

    Ecommerce display rules

    Ecommerce targeting allows you to show content based on what products users are viewing, the number of products in their cart, the total cart cost, and more.

    Bonus: Need more help to reduce cart abandonment on your online store? See our tips on how to recover abandoned cart sales in WooCommerce for some more ideas.

    Once you select a condition, you will then be asked to select what to look for. For instance, if you choose a geographic location, then you will be asked to select locations that need to be matched.

    Add user location for targeting

    After setting up your condition, you can validate it to ensure it is set up correctly and then click on the ‘Next Step’ button.

    Next, you will be asked to select the campaign view. Depending on your campaign, you can choose from the optin view (the main campaign), success view, or Yes/No view.

    Show the campaign view

    There are also options to add a MonsterEffect and sound effects for your campaign. Once that’s done, click on the ‘Next Step’ button to continue.

    You’ll now see a summary of your display rule set. If you want, you can add more rules or simply click on the ‘Save’ button at the top to store your changes.

    Publish Your Content and Add it to Your Website

    OptinMonster also makes it super easy to display campaigns on your website.

    Simply switch to the Publish tab inside the builder and change the ‘Publish Status’ to Publish.

    Publish your inline campaign

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

    You can now go back to your WordPress site and visit OptinMonster » Campaigns page and you’ll see your new campaign listed there.

    Change the status of your campaign

    If the ‘Status’ of the campaign is shown as ‘Pending,’ then click the ‘Change Status’ option under the campaign name. From here, simply select the ‘Publish’ status from the dropdown menu.

    You can now test it by visiting your website while matching the conditions you set in the display rules.

    Note: Clear your WordPress cache and browser cache to make sure you don’t load a cached page. You may also want to use the Incognito mode in your browser to mimic the behavior of a new user.

    OptinMonster’s display rules give you many powerful options to show different content to users in WordPress without modifying your templates and code.

    Essentially, it lets you leverage additional digital real estate on your site to increase your sales and conversions. With their A/B testing technology, you can easily test and improve your campaigns to drive better results.

    Method 2. Showing Different Content to Users using a Plugin

    This method is recommended if you want to change the entire content of a post or page in WordPress or show different variations of the same content to your users.

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

    Upon activation, you need to visit If-So » All Triggers page and click on the ‘Add New’ button.

    Add a new trigger

    This will bring you to the page where you can create a trigger and add the content.

    First, you can enter a name for the trigger at the top. Next, you’ll see a ‘Select a Condition’ dropdown menu to the left.

    Add a trigger name and select a condition

    The plugin offers a number of conditions based on time, date, URL, geographic location, IP address, and more.

    After choosing the trigger, you can add the content you want to show users when that condition is matched.

    Below that, you can add another version and use another set of rules to display different content.

    Add another version of trigger

    Lastly, you’ll see the default content area. This is the content you want to show the users who don’t qualify for the conditions you set above.

    Once you are finished, don’t forget to click the ‘Publish’ button for your trigger.

    Publish the trigger

    After publishing the trigger, you’ll see the shortcode meta box appear. Simply copy the shortcode shown on the screen.

    You can now edit any post or page and add the shortcode in your content where you want to display the trigger.

    Adding a shortcode block to WordPress

    You can now save and publish your post or page.

    After that, visit your website to see the trigger in action. If you match the required conditions, then you’ll see the message you set for those conditions.

    Otherwise, you’ll see the default message you added for the trigger.

    View your trigger preview

    Method 3. Showing Personalized Content in WooCommerce using FunnelKit

    While the above solutions help you display personalized content to different users, they will not be able to do deep personalization when it comes to adjusting WooCommerce offers.

    If you run an online store using WooCommerce, then you may want to show dynamic offers such as relevant upsells based on various cart conditions.

    This is where you need FunnelKit, it is one of the most powerful WooCommerce plugins to grow your sales.

    It lets you add custom one-click upsells or order bumps in your store, so you can increase profits without increasing traffic or ad spend.

    WooFunnels Order Bump for WooCommerce

    You can use their Dynamic offers to show custom upsells and make any personalization rules that you want.

    Dynamic Offers and Upsells for WooCommerce

    FunnelKit also comes with built-in A/B testing, so you can show different headlines, checkout designs, buttons, and more in less than 5 minutes.

    WooFunnels A/B Testing for WooCommerce

    Basically if you’re running a WooCommerce store and want to do content personalization than you need FunnelKit. A lot of users use FunnelKit for cart personalization alongside with OptinMonster for overall website personalization.

    We hope this article helped you learn how to easily show different content to different users in WordPress. You may also want to see our guide on how to track conversions on your WordPress site like a pro and our list of the best marketing automation tools for small businesses.

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

    The post How to Show Personalized Content to Different Users in WordPress first appeared on WPBeginner.

    Go to source