EDITS.WS

Author: Editorial Staff

  • How to Export Email Addresses from WordPress Comments

    Do you want to export email address from your WordPress comments?

    The people who comment on your site are already engaged with your content, and that makes them the perfect audience for email marketing or retargeting ads. As long as you get the right permissions, you can target these users by exporting their contact information.

    In this article, we will show you how you can export email addresses from the WordPress comment section.

    How to export email addresses from WordPress comments

    Why Export Email Addresses From WordPress Comments?

    There are a few different reasons why you may want to export email addresses from WordPress comments but the most common is to build an email list.

    However, according to digital privacy guidelines, you must have permission to contact the people who comment on your website. The default WordPress comment form doesn’t give users a way to opt into your email updates, which means you can’t simply add these people to your mailing list. One easy fix is to add custom fields to the comment form in WordPress so that anyone who leaves a comment can opt into getting emails from you.

    The following screenshot shows an example of how this might look on your website.

    An example of a custom comment form

    When the person posts their comment, their response is added as comment meta data. You can then export the meta data along with the email address, and see whether you have permission to email that person.

    In the following image, you can see an example of a spreadsheet containing one comment author who has opted into getting email updates and one author who doesn’t want to receive any messages from you.

    A list of exported email addresses

    This allows you to build a mailing list without breaking important privacy rules such as GDPR.

    There may also be some sites where you already have permission to email anyone who comments on your content. This often includes private WordPress blogs such as a classroom website or a family blog. In this case, simply exporting the list of email addresses may be easier than asking every single person for their contact information.

    With that in mind, let’s see how you can export email addresses from WordPress comments.

    How to Export Email Addresses from WordPress Comments

    The easiest way to export email addresses from your WordPress comments is by using WordPress Comments Import & Export.

    This plugin lets you export different information from the WordPress comment section including email addresses and any meta data that was added via a custom field.

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

    Upon activation, go to Comments » Comments Im-Ex.

    The WordPress Comments Import & Export plugin

    By default, the plugin will export data from all the comments that people have posted across your website.

    Depending on your site, this might be a lot of information for you to read through.

    With that being said, you may want to filter the comments that the plugin exports. One option is to only export comments that were posted within a particular timeframe.

    To set a time limit, scroll to the ‘Date’ section. You can then click on each date field and then choose a start and end date from the calendar popup.

    Filtering the WordPress comments export

    You can also export comments from a specific post only. For example, you might be running a giveaway or contest where everyone who comments on a particular post gets entered into a prize draw.

    You can then export the email addresses from this post and pick your winner.

    To limit the export to a specific page, click on the box next to ‘Articles’ and then select any post from the list.

    Filtering the WordPress comment export

    Once you’ve done that, scroll to the ‘Columns’ section which lists all the information you can include in the export.

    By default, the plugin exports all the data from each comment, so you’ll typically want to uncheck the information you don’t need. For example, if you’re not interested in the author’s IP address then you can click to uncheck the comment_author_ip box.

    Building the comment form export

    You can check or uncheck any boxes you want. However, since we want to export a list of email addresses it’s important to check the comment_author_email box.

    Did you add a custom opt in field to the comment form? Then make sure you check the comment_meta box so you can see whether the author opted into receiving email updates.

    Exporting custom meta data from WordPress comments

    When you’re happy with how the export is set up, go ahead and click on the Export Comments button.

    The plugin will now export all the email addresses and you can download that CSV file.

    Next, open the file using any app or program that supports the CSV format, such as Microsoft Excel or Google Sheets, as you can see below.

    How to export email addresses from WordPress comments

    You can now filter the comments based on whether these people opted into receiving emails.

    How to Get the Most Out of Your Exported Email Addresses

    After exporting the email addresses from your WordPress comments, there are a few different ways that you can use them.

    If the comment author opted into getting email updates from you, then you might add them to your email newsletter. You can then send these people news, tips, and updates about your business or website.

    You can also add the users in your CRM to do regular personal reach outs to build your network.

    Another use for your exported email addresses is for Facebook retargeting ads. Facebook lets you upload a list of email address so you can target only those users with your ad campaign.

    We hope this article helped you learn how to export email addresses from WordPress comments. You may also want to check out our guide on how to allow user registration on your WordPress site and the best contact form 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 Export Email Addresses from WordPress Comments first appeared on WPBeginner.

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

    Do you want to switch from Gumroad to WordPress?

    Gumroad is an online marketplace where users can sell digital goods. From games to music to courses and videos, Gumroad used to be a good eCommerce platform for creators. However, many users are looking to switch from Gumroad to WordPress because they have raised their fees to 10% for each transaction.

    In this article, we’ll show you how to easily switch from Gumroad to WordPress, so you can grow your online business without the Gumroad tax.

    Switching from Gumroad to WordPress

    Why Do You Need to Switch From Gumroad to WordPress?

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

    However, they now charge a 10% flat fee on each sale. This 10% does not include credit card processing or PayPal fees.

    Plus, an additional 10% fee is charged if a product is sold through the ‘Gumroad Discover’ feature, or their ‘Global Affiliates’ program. That’s a lot of fees.

    On the other hand, WordPress is free and doesn’t charge you any fee for the items you sell.

    Unlike Gumroad, WordPress gives you the freedom to sell anything online, including physical versions of your digital goods. Plus, you can use any payment gateway you want and promote your website freely.

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

    Important: When we say WordPress, we are talking about WordPress.org aka self-hosted WordPress, and not WordPress.com which is a hosting platform. For more details, please see our article on the difference between WordPress.com vs. WordPress.org.

    That being said, here is a quick overview of the things we’ll cover to switch from Gumroad to WordPress.

    Ready? Let’s get started.

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

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

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

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

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

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

    If for some reason, you don’t want to use SiteGround, then you can also install WordPress on other hosting companies like BluehostHostinger, and WP Engine following a fairly similar process.

    Let’s go ahead and walk through how to purchase your domain, web hosting, and SSL certificate.  

    First, you need to visit the SiteGround website and choose a plan by clicking on the Get Plan button.

    SiteGround Hosting for Easy Digital Downloads and WordPress

    After that, SiteGround will ask you to enter a domain name for your website. 

    You can look up a domain name or if you already have one then you can add that as well.

    Get domain name

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

    Lastly, you will need to add your account information. You will also be able to purchase some optional extras. 

    You can always add these extras at a later date if you decide that you need them. If you’re unsure then we recommend skipping this step. 

    You can now finish the setup by making the payment.

    After that, you will get an email from SiteGround with a link to log in to your hosting account control panel.

    login to WordPress admin

    From here, switch to the websites tab and click on the WordPress Admin button next to your website.

    This will take you to the WordPress admin area of your website where you’ll notice Easy Digital Downloads pre-installed on your website.

    Your WordPress admin dashboard will look like this

    Step 2. Setting up Your WordPress Website

    By default, WordPress does not come with eCommerce shopping cart functionality.

    If you followed our advice and signed up with SiteGround, then your WordPress site will now have Easy Digital Downloads installed which provides all the Gumroad features you’ll need to sell digital goods.

    On the other hand, if you are using some other WordPress hosting provider, then you’ll need to install Easy Digital Downloads first.

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

    Note: For the sake of this tutorial, we are using the free version of Easy Digital Downloads. There is also a premium version that comes with additional features and priority support.

    Upon activation, you need to visit Downloads » Settings page in your WordPress admin area to set up your store.

    Base country

    First, you need to provide a business name and type.

    After that, enter your business address and country. This information is used for calculating taxes.

    Finally, click on the ‘Save changes’ button to store your settings.

    Next, you need to switch to the ‘Currency’ tab and select the default currency you want to use on your store.

    Select currency

    Don’t forget to Save your changes to store your settings.

    Step 3. Setting up Payment Gateway

    In order to accept payments online, you’ll need to set up a payment gateway provider.

    Easy Digital Downloads supports PayPal, Stripe, and Amazon payment gateways by default. You can also add support for additional payment gateways using add-ons.

    To set up payments, simply switch to the Payments tab under the plugin settings.

    Select payment gateways

    From here, you need to select the payment services you want to use. You can choose more than one payment service if you want.

    We recommend using Stripe since it lets you accept credit cards from anywhere in the world.

    After that, select a default payment gateway and check the payment method icons you want to display on checkout.

    Payment gateways options

    Finally, click on the Save changes button to store your changes.

    After that, you need to click on the individual payment gateway tabs to configure them.

    PayPal settings

    For instance, clicking on Paypal will show you a button to connect your PayPal account.

    Similarly, you can switch to the Stripe tab and click on the ‘Connect with Stripe’ button to set it up.

    Stripe settings

    Step 4. Importing Gumroad Products in WordPress

    The next step is to import the products from Gumroad to Easy Digital Downloads in WordPress.

    Unfortunately, Gumroad does not provide an easy way to export your product data in a WordPress-compatible format.

    You’ll need to manually move your products from your Gumroad account to Easy Digital Downloads.

    To create your first digital product, go to the Downloads page and click on the ‘Add New’ button at the top.

    Add new download

    You can now type a name for your product into the ‘Enter download name here’ field. Below that you can provide details of your item.

    Feel free to use images, videos, emojis, and text to write a compelling description. You can also just copy and paste the description from your Gumroad product.

    Add download title and description

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

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

    Add categories, tags, and a download image

    You also need to provide a download image, this will be the main featured image for your download and will be displayed in different locations on your website.

    Feel free to use the image you used for your Gumroad product.

    Below the editor, you will find the Download options. First, you can set the download price.

    Download pricing and file upload

    After that, you can choose the download type. EDD supports both single downloads and bundles as download types.

    Below that, you can provide the download file name and then click on the Link button in the File URL field to upload your download file.

    If you need to add more files to a bundled product then click on the ‘Add New File’ button to add them.

    Finally, you can provide any optional download instructions or notes. These will be displayed on the purchase receipt and some plugins and themes may also use these instructions.

    download instructions

    Once you are finished, simply click on the ‘Publish’ button at the top right corner of the screen to publish your download.

    This will make your download publicly available for purchase.

    Publish download

    Once published, you can click on the ‘View Download’ button to see your download product in action.

    Here is how it looks on our test site.

    Product page

    Repeat the process to move all your products from Gumroad to your WordPress website.

    Step 5. Moving Subscription Products From Gumroad to WordPress

    Some users sold subscription-based downloads on Gumroad. Basically, customers purchased a membership plan to access downloads.

    EDD offers recurring digital subscriptions as part of their Pro plugin which you can purchase from their website.

    Alternatively, if you’re selling memberships or online courses, then the easiest way to sell these products is by using MemberPress. It is the best WordPress membership plugin on the market.

    MemberPress

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

    For more details, follow our guide on how to make a membership website with step-by-step instructions.

    Step 6. Choose and Customize Your WordPress Theme

    Themes are the design templates for your WordPress website. They control how your website looks to the users.

    There are thousands of free and paid WordPress themes that you can use on your website. However, this abundance can be a bit overwhelming for beginners.

    WordPress Theme Stats

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

    Once you’ve chosen a theme, you can see our beginner’s guide on how to install a WordPress theme to get it live on your website.

    Each WordPress theme comes with a bunch of options that allow you to customize it to your own needs. You can change colors and layout, as well as add your own images and logo.

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

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

    How to create a landing page in WordPress with SeedProd

    SeedProd is the best WordPress page builder on the market.

    It also allows you to easily create any type of landing page, product page, and custom login page using a drag-and-drop interface.

    Step 7. Customize Easy Digital Download Emails

    Just like Gumroad, Easy Digital Downloads also relies on emails to send users to purchase receipts, account information, and download instructions.

    However, since you are now selling on your own platform, you may want to use your own branding with those emails.

    Simply go to the Downloads » Settings page and switch to the ‘Emails’ tab.

    Customize EDD emails

    From here, you can provide a logo to be used in your emails.

    Below that, you can add a name that will be used as the sender’s name. You can also provide an email address to send the email from.

    We recommend using a business email address because it looks more professional. Your hosting provider can also offer a free business email address that you can use.

    Lastly, you will need WP Mail SMTP plugin to configure your emails. It ensures that all your emails reach users’ inboxes and not end up in spam.

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

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

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

    Add brand logo

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

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

    Purchase receipts

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

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

    Email tags

    Step 8. Growing Your Business in WordPress

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

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

    • WPForms Lite – the best WordPress contact form plugin that helps you easily add any type of form to your website.
    • All in One SEO Lite – The best WordPress SEO toolkit that helps you get more visitors from search engines.
    • OptinMonter – It is the best conversion optimization software that helps you convert website visitors into paying customers.
    • MonsterInsights Lite – Allows you to easily install Google Analytics and see how much traffic your downloads are getting.
    • PushEngage –  is the best push notification software, which allows you to send personalized notifications to users. You can announce new downloads, sale events, or special offers.
    • AffiliateWP – Run your own affiliate program and partner with marketers to help you sell more downloads with affiliate marketing.

    We hope this article helped you learn how to easily switch from Gumroad to WordPress. You may also want to see our article on growing your business on a shoestring budget or take a look at our ultimate WordPress SEO guide.

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

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

  • How to Highlight a Menu Item in WordPress

    Do you want to highlight a menu item on your WordPress site?

    Highlighting a menu item can really help you point user’s attention to a specific area on your menu. This can be great if you want to highlight the Pricing or Contact Us page on your website.

    In this article, we will show you how to easily highlight a menu item in WordPress using CSS code.

    How to Highlight a Menu Item in WordPress

    Why Should You Highlight a Menu Item?

    A navigation menu is a list of links pointing to important areas of your website. They are usually presented as a horizontal bar at the top of every page on a WordPress website.

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

    A highlighted menu item can be a great way to capture the user’s attention to your most prominent call to action. The eyes of the visitors will be automatically drawn to the menu item when they visit your website.

    WPForms highlighted menu icon

    By adding this feature, you can create a user-friendly website and highlight important menu items that you want your users to check out.

    That being said, let’s see how you can highlight a menu item in WordPress using CSS.

    Method 1. Highlighting a Menu Item Using Full Site Editor

    If you’re using a block-enabled theme then you’ll have the Full Site Editor instead of the older Theme Customizer. You can easily highlight a menu item in it as well.

    First, head over to Appearance » Editor from the WordPress admin dashboard. This will direct you to the full site editor.

    Here simply double-click the menu item you want to highlight, and then click the gear icon at the top. This will immediately open up that specific menu item’s ‘Settings’ block.

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

    Simply scroll down in the ‘Settings’ block to the ‘Advanced’ tab and click the arrow icon beside it to expand the tab.

    This will open up an ‘Additional CSS Class’ field where you simply have to write highlighted-menu in the field.

    Write highlighted menu in Additional CSS Class field

    Next, click the ‘Save’ button at the top of the page to store your changes.

    After that, you will need to add a small bit of CSS to your theme for the highlight effect. You can either fix the missing Theme Customizer, or you can use a code snippet plugin to add CSS code.

    How to Add CSS Snippets Using WPCode

    For adding CSS in WordPress, we recommend using WPCode because it’s the easiest way to add any custom code to WordPress.

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

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

    Go to Code Snippets and click Add New

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

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

    Click Use Snippet button

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

    You can choose any name you like.

    Select Universal Snippet as Code Type

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

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

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

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

    Paste code

    After pasting the code, go to the ‘Insertion’ section by scrolling down.

    Here simply choose the ‘Auto Insert’ mode so that the code can be automatically executed on your entire website.

    Choose Auto Insert as insert method

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

    Then simply click the ‘Save Snippet’ button.

    Save your highlight menu item snippet

    You have now successfully highlighted a menu item in WordPress using a full site editor.

    This is how your menu item will look after you add the CSS code.

    Highlighted menu item

    How to Access the Theme Customizer Using a Block Theme

    If you want to use the Theme Customizer and use an FSE theme, then simply copy and paste the URL below into your browser. Make sure to replace ‘example.com’ with your own site’s domain name.

    https://example.com/wp-admin/customize.php
    

    Here you simply have to click the ‘Additional CSS’ tab.

    Click Additional CSS tab

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

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

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

    Paste your CSS code

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

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

    Highlighted menu item

    Method 2. Highlighting a Menu Item Using Theme Customizer

    If you’re using a non-block-enabled theme, then you’ll probably have a theme customizer enabled by default. Highlighting a menu item in a theme customizer is a fairly simple process.

    First, simply go to Appearance » Customize in your WordPress dashboard to launch the theme customizer. Once the theme customizer opens up, simply click on the ‘ Menus’ tab.

    Go to Menu in Theme Customizer

    Once you’re in the ‘Menus’ section, simply click on the gear icon at the top right to display advanced properties.

    Now, simply check the ‘CSS Classes’ box.

    Check CSS Classes box

    After that, scroll down to the ‘Menus’ section.

    If you have multiple menus on your website, simply click on the menu whose menu items you want to highlight.

    Select a menu

    This will open up a new tab where you can select the menu item that you want to highlight. It could be ‘Get Started’ like in our example, or it might be your contact form page or the link to your online store.

    Simply click on the menu item of your choice which will expand it to display some options. Click into the ‘CSS Classes’ field.

    All you have to do is write 'highlighted-menu' in the field. You can add this CSS Class to multiple menu items, and they will all be highlighted.

    Write highlighted menu as CSS Class

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

    Now, simply copy and paste the following CSS code.

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

    Congratulations! You’ve successfully highlighted a menu item.

    Note: Your theme might not have an ‘Additional CSS’ field in the theme customizer. If not, check theme settings to find out how to add custom CSS. If you can’t find it, you might want to contact the developer or add it using WPCode.

    Paste CSS code in Additional CSS tab

    Customizing Your Menu Item Highlight

    Now that you have highlighted the menu item, you can adjust the CSS code to customize your menu item the way you like it.

    For example, you can change the background color of your menu item.

    Pink highlighted menu item

    Simply look for the following code in the CSS snippet, you just pasted.

    background: #FFB6C1
    

    After locating it, you can simply replace the pink color code number with the hex code of any color of your choice:

    background: #7FFFD4;
    

    Above is the hex code for aquamarine.

    Blue highlighted menu item

    You can check out our guide to easily add custom CSS for other ideas on how to customize the highlighted menu item.

    After you’re satisfied with your choices, simply click on the ‘Publish’ button in the theme customizer or ‘Save Snippet’ in WPCode to save your changes.

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

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

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

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

  • 13 Best Gumroad Alternatives (Cheaper + More Powerful)

    Are you looking for a Gumroad alternative to create an online store?

    Gumroad is a popular eCommerce platform that lets you sell digital products, online courses, and membership-only content. However, their service isn’t flexible, and they recently increased their fees by quite a lot.

    In this article, we’ll share the best Gumroad alternatives and competitors that you can use to sell digital products and make money online without the high costs.

    Best Gumroad Alternatives - Cheaper and More Powerful

    Why Do You Need an Alternative to Gumroad?

    Gumroad is a self-hosted eCommerce platform where you can upload your products and start selling. You don’t need a hosting service, a payment service, or an online store to sell digital goods.

    While it is beginner-friendly, there are several drawbacks to using Gumroad.

    For starters, the platform now charges a flat 10% fee for every sale. These charges are in addition to the transaction fee.

    Previously, the percentage would decrease as your revenue grew. However, the new pricing change takes a significant amount of your income.

    For creators, this means aside from your local government taxes, now you’re going to be paying a Gumroad tax which simply isn’t acceptable.

    Gumroad pricing

    Besides that, Gumroad doesn’t offer much flexibility compared to other eCommerce solutions.

    For instance, you don’t get features for cross-sell or upsell products to boost sales. If you’re selling online courses, then Gumroad is at a disadvantage as it doesn’t include a learning management system (LMS).

    Other alternatives to Gumroad provide more features for personalizing your online store and providing a better customer experience.

    That said, let’s look at some of the best Gumroad alternatives.

    1. MemberPress

    MemberPress

    MemberPress is the best WordPress membership plugin that lets you sell subscription-based digital products and online courses.

    It’s a great alternative to Gumroad, as the plugin is user-friendly. You can easily create a membership site, set up multiple subscription levels, and control who can access content and products.

    MemberPress also offers a built-in drag-and-drop course builder functionality to create and sell online courses. Besides that, it includes a virtual classroom feature, which produces an immersive learning experience.

    Another feature offered by MemberPress that you won’t find in Gumroad is automatic drip content. The plugin allows you to release paid content to subscribers over time or once they’ve cleared a particular module.

    MemberPress also integrates with other popular WordPress plugins. For instance, you can track your site’s performance by combining it with MonsterInsights or create your affiliate marketing program by connecting it with AffiliateWP.

    Pricing: MemberPress pricing starts from $179.50 per year with their Basic plan. If you want more features like quizzes and premium integrations, then you can go for the Pro plan.

    2. Easy Digital Downloads

    We recommend using EDD and WordPress

    Easy Digital Downloads (EDD) is another Gumroad alternative you can use for selling digital products like ebooks, plugins, software, PDF files, and more.

    The plugin is best for bloggers, developers, marketers, artists, designers, and other creators to sell products online. It offers powerful features and allows you to create beautiful digital goods stores.

    You can start with EDD for free with SiteGround EDD hosting or just try the free version from their website.

    We use Easy Digital Downloads ourselves to sell our MonsterInsights and WPForms software, which shows just how powerful the plugin is. Plus, there are managed hosting services that come with EDD pre-installed.

    Other than that, Easy Digital Downloads offers multiple extensions. You can easily integrate different payment services, email marketing tools, messaging services, and more.

    The best part about using EDD is that it has a software licensing feature. It allows you to sell SaaS products, apps, and other tools with proper digital rights.

    Pricing: Easy Digital Downloads premium pricing plans start from $99.50 per year. However, you can also use a free version of EDD to get started and start selling online.

    3. WP Simple Pay

    WP Simple Pay

    WP Simple Pay is the best Stripe payment plugin for WordPress, and you can use it to accept online payments without setting up a shopping cart.

    It’s a great alternative to Gumroad, as you can sell digital products by simply adding a payment form using the plugin. The best part, WP Simple Pay offers a free version. You can accept one-time or recurring payments directly from your WordPress site.

    With WP Simple Pay, you get 13 payment methods in 135+ currencies spread across 45+ countries. Some popular methods include credit card payments, ACH debit payments, Google Pay and Apple Pay services, and more.

    You can also offer to buy now, pay later payment plans using WP Simple Pay. The plugin supports Klarna and Afterpay/Clearpay, which allow customers to pay in installments. This is great if you’re selling high-value or luxury products.

    Pricing: WP Simple Pay premium plan starts from $49.50 per year with the Personal plan. If you want to add recurring payments or buy now, pay later options, then you’ll need the Pro license. To get started, you can also use a WP Simple Pay Lite version for free.

    4. WooCommerce

    WooCommerce website

    WooCommerce is the most popular eCommerce plugin for WordPress. It is an open-source platform that you can use to create any kind of digital store.

    For instance, it lets you sell physical products online, set up membership plans, offer digital downloads and affiliate products, create dropshipping stores, and more.

    The best part is that there are many themes designed for WooCommerce. This allows you to fully customize and control the design of your eCommerce store.

    Another advantage of using WooCommerce over Gumroad is that you can use built-in options or third-party plugins to upsell and cross-sell products, recover cart abandonments, offer discount codes, free shipping, and more by using powerful tools like FunnelKit.

    Plus, it easily integrates with different payment services and third-party plugins. WooCommerce also offers premium extensions. You can easily optimize your store for SEO and boost search engine rankings to attract more visitors.

    To create a WooCommerce store, you’ll need WordPress hosting and a domain name. However, many hosting companies like Bluehost come with WooCommerce pre-installed.

    Pricing: WooCommerce is a free eCommerce platform you can use as a Gumroad alternative. While the plugin is free, you’ll still need to pay for website hosting. Please see our guide on how much does an eCommerce store cost for more details.

    5. WPForms

    WPForms

    WPForms is the best drag & drop online form builder, and it can be an excellent alternative to Gumroad if you want a simple way to accept credit card payments.

    It lets you easily build payment forms, so you can accept credit card payments using Stripe, PayPal, Authorize.net, and Square payment gateway.

    Aside from that, WPForms also integrates with hundreds of email marketing services, so you can automatically add your customers to your marketing automation drip campaigns.

    You can use WPForms to accept both one-time as well as recurring payments, and the best part is that it doesn’t charge any additional transactional fees.

    Pricing: While WPForms has a free version, you will need the WPForms Pro plan which costs $199.50 to accept payments.

    6. LearnDash

    The LearnDash LMS WordPress plugin

    LearnDash is one of the best LMS plugin for WordPress and allows you to run online courses. The plugin offers powerful features to manage your courses, add quizzes, run surveys, and easily accept online payments.

    Since Gumroad doesn’t offer a learning management system, LearnDash is an excellent alternative for anyone looking to sell online courses.

    With LearnDash, you get a drag-and-drop course builder and multimedia support to run webinars, videos, and tutorials. The plugin also lets you add badges and rewards using different gamification tools. This helps make your lessons engaging.

    Pricing: LearnDash premium plans start from $199 per year for 1 website.

    7. ConvertKit

    ConvertKit Email Marketing Service

    ConvertKit is a popular email marketing and eCommerce platform built specifically for creators. They allow you to easily sell digital products, run paid newsletters, sell recurring subscriptions, and even set up tip jars.

    The best part is that you get an integrated eCommerce and marketing platform, so when someone becomes a customer, you can send them automated email sequences, targeted marketing, and other subscriber engaging content.

    ConvertKit is a hosted platform so it comes with a landing page builder, custom form templates, and it allows you to get unlimited traffic.

    Pricing: ConvertKit is free to use for up to 300 subscribers, but your pricing will increase based on the number of subscribers you have. To access the CreatorPro tools, you will need to upgrade to the $25 per month plan.

    8. Teachable

    Teachable

    Teachable is another popular course-building platform that lets you create and sell online courses. You can use it as an alternative to Gumroad to market and promote your online courses.

    It is similar to LearnDash and provides a complete solution for creating courses. What makes Teachable different is that it is a hosted platform, so you don’t have to worry about managing any additional software or installing updates.

    Teachable is beginner friendly to use and offers a drag-and-drop course builder. It also takes care of online payments and offers multiple payment options. Other features provided by the service include integration with third-party marketing and analytics tools.

    Pricing: You can get started on Teachable for free, but it will charge a $1 to 10% transaction fee. There are also premium pricing plans starting from $29 per month.

    9. Thinkific

    Thinkific

    Thinkific is similar to Teachable and also a self-hosted platform to sell online courses. It is easy to use and is a fitting Gumroad alternative to creating courses.

    It offers a drag-and-drop course builder that is very easy to use. Plus, you get different themes and templates to get started quickly. Thinkific also allows you to create subscription-based programs, landing pages, and a membership community.

    Besides that, it also easily integrates with 40+ different tools and platforms like MailChimp, Shopify, Google Analytics, and Salesforce.

    Pricing: Thinkific offers a 6-month premium plan for $196.

    10. Payhip

    Payhip

    Payhip is another Gumroad alternative that you can use as an eCommerce platform. It lets you sell digital downloads, online courses, memberships, coaching, and physical products.

    Besides that, it offers a lot of customization, which isn’t available in Gumroad. For instance, you can use the store builder to create a beautiful and professional online business site within minutes.

    If your customers are from Europe or the United Kingdom, then the platform will take full responsibility for complying with the value-added tax (VAT) laws. It will automatically detect their location and apply the correct sales tax or VAT amount to their transaction.

    Other features offered by Payhip include different marketing tools to boost conversion rates. For example, it lets you add coupons, cross-sell or upsell products, order bumps, add referrals and affiliates, and show customer reviews to add social proof.

    Pricing: Payhip offers a free plan that you can use to get started. However, Stripe and PayPal will charge a 5% transaction fee in the free plan. There are also premium plans starting from $29 per month.

    11. Sellfy

    Sellfy

    Sellfy is the next Gumroad alternative on our list, and it helps you create a storefront for selling digital and physical products. It lets you promote your products anywhere online. Simply embed the Sellfy checkout process on your own website and market your digital goods.

    You can also launch a print-on-demand merchandise store using Sellfy. Simply design, create, and sell using different storefront themes. Other than that, you can use it to sell digital downloads and subscriptions.

    What makes Sellfy different from Gumroad is that it includes built-in marketing features like upselling, email marketing, and discount codes. Plus, it offers more customization features compared to Gumroad.

    Pricing: Sellfy offers premium pricing plans starting from $22 per month (billed annually), and you get a 14-day free trial.

    12. BigCommerce

    BigCommerce

    BigCommerce is a popular eCommerce platform, and you can use it as a Gumroad alternative.

    It is a fully hosted eCommerce service that easily integrates with WordPress. You can use it to sell all kinds of digital and physical products.

    The service automatically creates different pages for your store, including a shopping cart, sign-in page, account area, sales page, and more.

    What makes BigCommerce different is that it lets you sell products across various channels like Amazon and social media platforms like Instagram. Plus, the eCommerce solution doesn’t charge any transaction fees and lets you choose from multiple payment gateways.

    Pricing: BigCommerce pricing plans start from $29.99 per month, and you get a 15-day free trial.

    13. Shopify

    Shopify website

    Shopify is the last Gumroad alternative on our list. It is an all-in-one eCommerce solution that you can use to create an online store. It offers more customization options and third-party integrations compared to Gumroad.

    With Shopify, you don’t have to worry about web hosting, security, backups, updates, and caching. It does this for you, so you can focus on uploading products to the site and promoting them.

    Shopify offers pre-built themes that you can use to set up a store. Plus, it makes it easy to manage inventory and accept online payments from a single platform. You can even use Shopify with WordPress to sell products online.

    Pricing: Shopify pricing starts from $1 per month with the Basic plan. However, if you want low transaction costs and advanced features, then there is an Advanced plan costing you $299 per month.

    Which Gumroad Alternative Should You Use?

    After comparing different eCommerce solutions, we believe MemberPress is the best Gumroad alternative. It is a paid WordPress plugin that helps create subscriptions, sell digital products to premium members, and set up online courses without any extra fees.

    If you’re looking for a free alternative to Gumroad, then we highly recommend Easy Digital Downloads. You can use its free version to get started and start selling digital products like ebooks, PDFs, spreadsheets, videos, digital art, apps, plugins, and more.

    If you’re looking for a simple solution that lets you accept online payments without the complexity of creating a shopping cart, then WP Simple Pay is your best option.

    On the other hand, if you’re looking to create an online store from scratch and have full control over it, then WooCommerce is the best option. You get more customization options, online store management features, and integrations compared to Gumroad.

    We hope this article helped you find the best Gumroad alternative. You may also want to read our guide on how much does it cost to build a WordPress website and must have WordPress plugins for business sites.

    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 13 Best Gumroad Alternatives (Cheaper + More Powerful) first appeared on WPBeginner.

  • How to Add Venmo in WordPress & WooCommerce

    Recently one of our readers asked if it was possible to add Venmo to collect payments in WordPress?

    Venmo makes it super easy to accept payments on your website. It is convenient, user-friendly, and is already used by about 70 million people. Letting people use a familiar payment method can increase conversions in your online store.

    In this article, we will show you how to easily add Venmo in WordPress.

    How to Add Venmo in WordPress

    Why Use Venmo as a Payment Gateway

    Venmo is a popular mobile payment service owned by PayPal which is the most popular and trusted online payment gateway in the world. Currently, Venmo is only available in the U.S.

    If you have a WooCommerce store based in the United States, then adding Venmo as one of the payment gateways is the right option for you because it allows your customers to make a purchase from their mobile phones without any hassle.

    Not only does Venmo easily connect with users’ bank accounts, but the service also does not charge any fees for sending money from your Venmo balance or linked balance. These are big reasons why many U.S. residents opt for this mobile payment app.

    Popular brands like Amazon, Macy’s, Walmart, and Samsung also offer Venmo as a payment gateway to their customers. With that being said, let’s see how you can easily add Venmo to WordPress.

    Method 1. Add Venmo in WordPress Using Payment Plugins Braintree

    You can seamlessly integrate Venmo with your WooCommerce store using the Payment Plugins Braintree For WooCommerce plugin.

    This WooCommerce plugin allows you to easily add Venmo as a payment gateway to your online store.

    First, you need to install and activate the Payment Plugins Braintree plugin. For further instructions, check out our guide on how to install a WordPress plugin.

    Upon activation, head over to Braintree Gateway » Settings from your WordPress admin dashboard.

    This will actually direct you to WooCommerce ‘Payments’ page. You can also reach this page by heading to WooCommerce » Settings. The only difference will be that if you go through the WooCommerce menu item, the page will not have the Braintree logo.

    Here you will see all the Braintree gateways that you can integrate into your site. Simply click the ‘Venmo’ tab.

    Go to Settings and select the Venmo tab

    Now that you’re on the ‘Braintree Venmo Gateway’ tab, you will see an ‘Enabled’ checkbox at the top.

    You need to make sure that it is checked. This will allow your site to accept Venmo payments through this plugin.

    Simply check the Enabled box

    Next, go to ‘General Settings’ and fill in the details to set up your Venmo Gateway. For example, you can change the title that appears to users, the icon, or add a short description of the payment method.

    After that, simply click the ‘Save Changes’ button at the bottom of the page to save your changes.

    Fill in general settings to set up your Venmo account

    Now, Venmo has been added to your WordPress site, and you’re ready to accept payments in WooCommerce.

    Method 2. Add Venmo in WordPress Using the Checkout With Venmo Plugin

    Another way to add Venmo in WordPress is by using the ‘Checkout With Venmo On WooCommerce‘ plugin.

    It is a well-known plugin used for integrating Venmo into WordPress.

    The first thing you need to do is install and activate the ‘Checkout With Venmo On WooCommerce‘ plugin. For help, check out our guide on how to install a WordPress plugin.

    Once the plugin is activated, go to WooCommerce » Venmo from the WordPress admin dashboard.

    This will open up the ‘Venmo’ tab on the WooCommerce ‘Payments’ page.

    Here, you will find the ‘Enable VENMO’ option at the top of the page. Make sure that you check the box.

    If you click the ‘test’ link next to the title, you will be directed to the Venmo account page where you can sign in and create your account. You will be able to ensure all your settings are correct before attempting to take real payments.

    Enable the VENMO test option on the Venmo page

    Next, simply fill out the details in the form below and then click on the ‘Save Changes’ button at the bottom of the page.

    Congratulations! You’ve successfully integrated Venmo into WordPress.

    Fill in your Venmo account details

    That’s it! We hope you learned how to add Venmo to WordPress. You may also want to check out our article on the ultimate WooCommerce SEO guide and our expert picks for the best WooCommerce plugins to help grow your store.

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

    The post How to Add Venmo in WordPress & WooCommerce first appeared on WPBeginner.

  • How to Easily Enable WordPress Debug Mode to Fix Site Errors

    Are you looking to enable the debug mode in your WordPress site?

    You might encounter different errors when working with WordPress themes, plugins, or custom codes. Using WordPress debug mode, you can easily fix these issues.

    In this article, we’ll show you how to easily enable WordPress debug mode to fix site errors.

    How to easily enable WordPress debug mode to fix site error

    Why Enable WordPress Debug Mode?

    Sometimes a WordPress plugin, theme, or custom code like PHP or JavaScript can cause conflicts on your website. This can lead to different errors, and you may notice that your site isn’t functioning properly.

    Now, you can always deactivate and uninstall multiple plugins to see which one is causing the error. Similarly, you can also switch to a different WordPress theme or remove the custom codes to find the root cause of the error.

    However, all of this takes a lot of time. You’ll have to rule out each plugin individually, change multiple themes, and edit custom codes.

    An easier way of fixing website errors is by enabling WordPress debug mode. It shows a log of all the errors and warnings on your website. This way, you can pinpoint issues on your WordPress site and fix them quickly. It even uncovers errors that might not be visible otherwise.

    That said, let’s look at how to enable the WordPress debug mode. We’ll show you 2 methods. You can use a WordPress plugin or manually view the debug mode.

    Method 1: Enable WordPress Debug Mode Using a Plugin

    An easy way of enabling debug mode is by using the WP Debugging plugin. This method is recommended for beginners and those who aren’t comfortable working with website files.

    WP Debugging is a free WordPress plugin that works out of the box. By using this plugin, you won’t have to edit your website files manually.

    First, you’ll need to install and activate the WP Debugging plugin. For more details, please see our guide on how to install a WordPress plugin.

    Upon activation, you can go to Tools » WP Debugging from your WordPress dashboard. Next, ensure that the ‘Set WP_DEBUG to true’ option is enabled.

    View the wp debugging settings

    After that, you’ll see a ‘Debug Quick Look’ option added to your admin bar at the top.

    Go ahead, hover over it, and then click the ‘View File’ option.

    Click view file in debug mode

    This will open the log file with all the errors on your website. You can then find out what’s causing issues on your site and quickly fix them.

    When you’re done debugging your website, don’t forget to disable the plugin.

    Method 2: Manually Enable WordPress Debug Mode

    The second method you can use to enable WordPress debug mode is editing the wp-config.php files. This method is more advanced and suitable for users who are comfortable editing website files.

    We recommend creating a backup of your website before editing files. This way, you can easily restore your website in case anything goes wrong.

    To access the website files, you’ll need a file transfer protocol (FTP) client for Mac or Windows.

    For this tutorial, we’ll use the FileZilla FTP service. If you need help, then please can see our guide on what FTP is and how to use it.

    Once you’re logged in, simply go to the public_html folder. Here, you’ll find the ‘wp-config.php’ file.

    Edit wp-config file using FTP

    Alternatively, many WordPress hosting services also let you manage your site files using the cPanel.

    For instance, in Bluehost, you can visit the ‘Advanced’ tab and then go to File Manager.

    Open file manager in Bluehost

    From here, simply access the public_html folder from the panel on your left.

    After that, scroll down to the ‘wp-config.php’ file.

    Download the wp-config file

    Next, you can right-click the file and download it on your computer. It’s smart to make a copy of the file as a backup, just in case anything goes wrong.

    After that, open the file using any software or tool like Notepad or Sublime Text.

    Once the file is open, scroll down to the ‘That's all, stop editing! Happy publishing‘ line and add the following code before that:

    define( 'WP_DEBUG', true);
    define( 'WP_DEBUG_LOG', true); 
    

    Don’t forget to save the file before closing it.

    Save the wp-config file

    Next, you’ll need to upload the wp-config.php file back to your website server using the FTP client.

    For more details, please see our guide on how to use FTP to upload files to WordPress.

    To view the error logs for your website, you’ll need to view your website files and navigate to the public_html/wp-content/debug.log path. Simply download the file and view it in a notepad software to see issues on your site.

    View the debug log file

    Once you’re done debugging your site, you can disable the debug mode.

    To do that, repeat these steps and then remove the code you added to the wp-config.php file or edit the following code to have a false value:

    define( 'WP_DEBUG', false);
    

    We hope this article helped you learn how to easily enable WordPress debug mode to fix site errors. You can also see our ultimate WordPress SEO guide for beginners and our expert tips on how to improve WordPress security.

    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 Enable WordPress Debug Mode to Fix Site Errors first appeared on WPBeginner.

  • How to Improve Your 404 Page Template in WordPress (2 Ways)

    Do you want to improve your 404 page template in WordPress?

    By replacing the default WordPress 404 page with your own design, you can improve the visitor experience and keep people on your site for longer.

    In this article, we’ll show you how to customize your 404 page template in WordPress.

    How to improve your 404 page template in WordPress

    Why Improve Your 404 Page Template in WordPress?

    Most WordPress themes come with a basic 404 template, including the default WordPress ones. For example, in the following image, you can see Twenty Twenty-Two’s 404 page.

    The default WordPress 404 page

    However, most of these default templates are simple and don’t show any content from your site. This means that anyone who lands on your 404 page is more likely to leave your WordPress website, which will increase your bounce rate.

    This is bad news for your WordPress SEO, and may affect where your site appears in the search engine rankings.

    That being said, it’s a good idea to create a 404 page with your own content and branding.

    For example, at WPBeginner we show a custom image and encourage visitors to contact us, so we can fix the 404 error. The sidebar also has links to our social media profiles and even some information about an ebook download.

    The WPBeginner custom 404 page

    This is also a chance to promote your most popular posts or products from your online store. In this way, your 404 page can add value for your visitors, which will increase pageviews and reduce bounce rate.

    If you’re looking for inspiration, then we’ve collected the best 404 error page design examples for you to look at.

    Note: Even if you design an engaging and helpful page, you’ll still want to fix any 404 errors. Here, it helps to track your 404 pages and redirect them.

    With that said, let’s take a look at how you can improve your 404 page template in WordPress.

    Video Tutorial

    If you’d prefer written instructions, just keep reading. You can also use the quick links below to jump straight to the method you want to use.

    The best way to improve the 404 page template is by using the SeedProd page builder plugin.

    SeedProd is the best landing page builder for WordPress. It lets you create, edit, and customize your WordPress pages without writing any code.

    With this plugin, you can easily create a custom 404 page using a wide range of professionally-designed templates.

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

    Note: There is a free version of SeedProd available, but we’ll be using the Pro version since it lets you replace your theme’s built-in 404 template.

    After activating the plugin, SeedProd will ask for your license key.

    SeedProd license key

    You can find this information under your account on the SeedProd website. After entering the license, click on the ‘Verify Key’ button.

    Once you’ve done that, go to SeedProd » Landing Pages. In the ‘404 Page’ section, click on ‘Set up a 404 Page.’

    The SeedProd page builder plugin

    You can now choose a template for your 404 page.

    To preview a design, simply hover your mouse over it and then click on the magnifying glass.

    SeedProd's ready-made 404 templates

    When you find a design that you like, just click on ‘Choose This Template.’

    We’re using the ‘Oh No 404 Page’ template, but you can use any design you like.

    Choosing a professionally-designed 404 template

    After selecting a template, you’ll be taken to the drag-and-drop builder, where you can start customizing the 404 page.

    On the left side of the screen, you’ll find blocks and sections that you can add to your design. The right side of the page is the live preview.

    Building a custom 404 page for your WordPress website

    Most 404 templates already have some blocks, which are a core part of all SeedProd designs.

    To customize any of these ready-made blocks, simply click to select the block in your layout. You can then customize the block using the settings in the left-hand menu.

    Changing the text in a custom 404 page

    To add a new block to your design, simply find the block in the left-hand menu. Then, drag it onto your layout. You can now customize the block following the process described above.

    To start, you’ll typically want to add your own website logo to the 404 page.

    To replace the SeedProd logo with your own branding, simply click to select the placeholder logo in your layout. Then, hover over the image in the left-hand menu and click on the ‘Select Image’ button.

    Adding your own logo to a 404 page

    This launches the WordPress media library, where you can select any image or upload a new file from your computer.

    Many 404 templates also display your site’s main navigation menu by default. If you have multiple menus, then you may prefer to show a different menu instead.

    To make this change, simply click on the ‘Nav Menu’ block in your template. You can then open the ‘Menu’ dropdown and choose any menu from the list.

    Adding a custom navigation menu to a 404 page

    For more information, please see our guide on how to add custom navigation menus in WordPress themes.

    You can create any design simply by adding and customizing blocks. However, when someone arrives at your 404 page, they may be confused about what to do next.

    With this in mind, we’ll show you how to promote your most popular posts and create a contact form, so visitors can report any broken links or missing content.

    To start, add a ‘Headline’ and a ‘Text’ block to your design. You can then type your message into the text editor in the left-hand menu.

    For example, in the following image, we’ve created a headline that explains the page can’t be found and a ‘Text’ block that suggests reading some posts or using the contact form.

    Adding text to a custom 404 page

    Next, we’re going to change the ‘Back To Home’ button so it encourages people to check out a particular post instead of going to the general homepage.

    You might include a link to the most popular post on your WordPress blog or the one that helps you make the most money online blogging.

    To customize the button, simply click to select it in the page layout. Then, type the post’s URL into the ‘Link’ field.

    Changing the button label

    To change the text that appears on this button, simply type into the ‘Button Text’ box.

    Once you’ve done that, click on the ‘Advanced’ tab. Here, you can change the button’s color, size, and more.

    Creating a custom CTA button

    Add Your Most Popular Posts to Your WordPress 404 Page

    Next, you can add a list of your most popular posts to the 404 page. Since these articles are popular, there’s a good chance visitors will find something they like.

    You can create this list automatically using the MonsterInsights plugin. It’s the best analytics solution for WordPress used by over 3 million websites.

    MonsterInsights can see which posts get the most visitors and add them to your 404 page. For more details, see our guide on how to display popular posts by views in WordPress.

    After activating MonsterInsights, you can display your most popular posts by adding shortcode in WordPress. In SeedProd’s left-hand menu, simply find the ‘Shortcode’ block and drop it onto your layout.

    How to add shortcode to your website's 404 page

    Then, click to select the ‘Shortcode’ block. This will open the settings window to the left. Next, copy the following shortcode:

    [monsterinsights_popular_posts_widget theme="beta"]
    

    Then, in the box labeled ‘Content,’ paste it into the text area labeled ‘Shortcode.’

    Adding shortcode to you website's 404 page

    By default, SeedProd doesn’t show a preview of your most popular posts inside the page editor, so you’ll need to click on the ‘Preview’ button in the upper-right corner. This opens your design in a new tab.

    If you prefer to preview the popular posts list inside the page editor, then simply click on the ‘Show Shortcode Preview’ switch.

    Previewing the 404 page's shortcode

    In the above shortcode, we’re using theme=“beta” for our list, but MonsterInsights has a few different themes that you can use.

    To see the different themes, go to Insights » Popular Posts in the WordPress dashboard and then click on ‘Popular Posts Widget’.

    The MonsterInsights popular posts settings

    You can now click on the different themes to see a preview.

    When you find a design that you want to use, simply update the shortcode in SeedProd. For example, if you want to use the ‘Alpha’ theme then you would need to type in:

    [monsterinsights_popular_posts_widget theme="alpha"]
    

    Add a Contact Form to Your WordPress 404 Page

    You may also want to add a contact form so visitors can reach out if they can’t find what they’re looking for. This form also gives people an easy way to report broken links, so you can fix them and improve the experience for future visitors.

    For more information, please see our complete guide on how to fix broken links in WordPress.

    The best way to add a contact form to your site is by using the WPForms plugin. It’s the best contact form plugin for WordPress and comes with a user-friendly drag-and-drop form builder.

    For more details, see our step-by-step guide on how to create a contact form in WordPress.

    Once you’ve created a contact form, it’s easy to add that form to your 404 page. Simply find the ‘Contact Form’ block and drag it onto your design.

    The WPForms form builder plugin

    Then, open the ‘Select a Form’ dropdown and choose your contact form from the list.

    The page editor will now show a preview of the contact form.

    How to add a contact form to your website's 404 page

    You might want to add some text introducing your contact form or encouraging visitors to get in touch.

    To do this, simply add a ‘Headline’ or ‘Text’ block above your contact form and then type in the text that you want to use.

    A custom 404 page, created using SeedProd

    When you’re happy with how the 404 page looks, it’s time to publish it.

    Simply click the dropdown arrow next to ‘Save’ and then select ‘Save as Template.’

    Saving your SeedProd 404 template

    When asked, go ahead and type in a name for the template. This is just for your reference so you can use anything you want.

    After that, click on ‘Save Template.’

    Naming your WordPress template

    In the next popup, click on ‘Return to Page Editor.’ You can then click on the ‘X’ button in the upper-right corner to close the SeedProd page editor.

    At this point, you may see a popup asking whether you want to publish your new 404 design. If you’re happy to go ahead, then click on ‘Yes, Activate.’

    Activating a SeedProd template for your WordPress website

    If you don’t want to publish the template right now, then click on ‘No, Close’ instead.

    After that, you can publish the design at any point by going to SeedProd » Pages. Here, click on the switch in the ‘404 Page’ section so it shows ‘Active.’

    Activating a template for your WordPress website

    To see your 404 page in action, just add /404 to the end of your domain name.

    After publishing your custom 404 page, it’s a good idea to track how people are engaging with that page. This allows you to see what’s working and what isn’t working, so you can fine-tune your 404 design to get more conversions and engagement.

    To learn more, see our beginner’s guide on how to install Google Analytics in WordPress.

    Method 2. Create a Custom 404 Page in WordPress By Adding Code

    If you don’t want to use a page builder plugin, then you can create a custom 404 page using code. However, just be aware that any mistakes in your code can cause common WordPress errors, or even break your site.

    With that in mind, this method isn’t recommended for beginners. It’s also a good idea to back up your site before using this method, just in case you encounter any problems.

    To get started, you’ll need an FTP client such as FileZilla, or you can use the file manager supplied by your WordPress hosting provider.

    If this is your first time using FTP, then you can see our complete guide on how to connect to your site using FTP.

    After connecting to the server, go to /wp-content/themes/ and then open the folder for your current WordPress theme.

    The FileZilla FTP client

    If this folder already has a 404.php file, then you can go ahead and open that file in any text editor, such as Notepad.

    If your theme doesn’t have a 404.php file, then you’ll need to create one. After that, go ahead and open the file in a text editor app.

    Editing the 404.php file template

    You’re now ready to create a custom 404 design using code. You can create all sorts of designs, but here’s some simple examples to help you get started.

    Display Most Popular Posts on 404 Page

    A list of your most popular posts can encourage visitors to check out your site’s best content.

    You can create this list using WordPress Popular Posts. It’s one of the best popular posts plugins for WordPress and comes with template tags that you can add to your 404.php file.

    First thing you need to do is install and activate the WordPress Popular Posts plugins. For more details, see our step by step guide on how to install a WordPress plugin.

    Upon activation, you can add a list of popular posts to your 404 page using the following template tag:

    <?php wpp_get_mostpopular(); ?>
    

    Display Most Commented Posts on 404 Page

    This plugin can also display the posts that have the most comments.

    In your 404.php file, simply find the area where you want to show your most commented posts, and then add the following template tag:

    <?php wpp_get_mostpopular("range=all&order_by=comments"); ?>
    

    You can also check out our guide on how to display most commented posts in WordPress.

    Display Recent Posts on 404 Page

    Another option is to show your site’s most recent posts. This can be particularly effective if you post time-sensitive blogs, for example if you run a news aggregator website.

    There are several different ways to display recent posts in WordPress, but the easiest way is adding a template tag to your 404.php file:

    <?php wp_get_archives( array( 'type' => 'postbypost', 'limit' => 10, 'format' => 'custom', 'before' => '', 'after' => '<br />' ) ); ?>
    

    Display Random Posts on 404 Page

    Do you want to show a random list of posts on your custom 404 page?

    Then simply add this code to your 404.php file:

    <ul>
    <?php
    $posts = get_posts('orderby=rand&numberposts=5');
       foreach($posts as $post) { ?>
            <li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
            </li>
       <?php } ?>
    </ul>
    

    Add Monthly Archives with Compact Archives

    If you have lots of content, then it may be impossible to show all those posts on your custom 404 page.

    One option is to organize your content into monthly archives. Visitors can then click to explore content from different months and years.

    Here at WPBeginner, we display our monthly archives on our 404 page using the Compact Archives plugin. This helps visitors browse all of our content, without overwhelming them with a long list of posts.

    An example of a compact archive

    For more details, see our guide on how to create compact archives in WordPress.

    After activating the Compact Archives plugin, simply add the following code to your 404.php file:

    <p><strong>By Date</strong></p>
    <ul>
    <?php compact_archive($style='block'); ?>
    </ul>
    

    Now, when a user lands on your 404 page they’ll see your compact post archives.

    We hope this article helped you improve your 404 page template in WordPress. You may also want to see our guide on how to set up Google Analytics goals for your WordPress site and our expert pick of the best virtual business phone number apps.

    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 Improve Your 404 Page Template in WordPress (2 Ways) first appeared on WPBeginner.

  • How to Embed Discord Widget into WordPress

    Are you looking to embed a Discord widget in WordPress?

    Discord is a well-known VOIP chat application that allows you to build your own communities and enables your users to communicate with each other through text, voice, and video. As of 2022, Discord has about 150 million active users.

    In this article, we will show you how to embed a Discord widget into WordPress.

    How to Embed Discord Widget into WordPress

    Why Should You Add a Discord Widget to Your Website

    Discord chat allows users to communicate with each other over messages, voice calls, and video calls.

    By embedding a Discord widget in your WordPress site, you can provide a way for your users to connect with each other. This widget will display the total members of your Discord server, and it will also provide an invite link for new members to join.

    Your WordPress users will be able to join your Discord chat rooms through the link provided by the widget, so you can build a huge community for your website.

    That being said, let’s see how you can add a Discord widget in WordPress.

    How to Embed a Discord Widget in WordPress

    To embed a Discord widget in WordPress, you must visit the official Discord website. You will need to create a Discord user account and create a Discord server for your community.

    Step 1. Creating a Discord Username and Server

    Once there, simply click the ‘Login’ button present at the top right corner if you already have a Discord account.

    If you don’t have an account, click the ‘Open Discord in your browser’ button.

    Login to your Discord account or create a new account

    You will be then asked to choose a username for your Discord account.

    This will be your handle for others to find you, but you can change your display name on a server-by-server basis.

    Choose a username for your discord account

    Next, Discord will take you to the ‘Channels’ page and then ask for your date of birth.

    Simply enter your details and click the ‘Next’ button.

    Type your date of birth and click Next button

    Then, you’ll be asked to create your first Discord server. Now, you can either create your own template or choose any of the premade ones.

    For this tutorial, we will be using the ‘Gaming’ server template.

    Create a discord server

    After that, you’ll be asked to choose a ‘Server Name’ for your Discord chatroom. You can also upload an image for the server.

    After choosing a name of your liking and uploading an image, simply click the ‘Create’ button to create your Discord server.

    Type a name for your discord server

    Lastly, you’ll be asked to provide your email account and choose a password for your Discord account.

    Once you provide these details, click the ‘Claim Account’ button.

    Provide your email and password

    Now, an email will be sent by Discord to the email account you provided to verify your details.

    Once you verify your account, your Discord server will be set up.

    Email for verification

    Now all you have to do is embed the Discord widget in WordPress.

    For that, first, you need to click the arrow icon present beside your server name at the top of the Discord ‘Channels’ page.

    Click arrow icon beside your server

    This will open up a dropdown menu.

    Here, you simply have to click the ‘Server Settings’ option to open up your Discord server settings.

    Click server settings option

    Once you’re on the ‘Server Settings’ page, click the ‘Widget’ option from the sidebar.

    This will open up the ‘Server Widget’ section where you simply have to toggle the switch present beside ‘Enable Server Widget’.

    Toggle the enable server widget switch

    After that, simply scroll down to the ‘Premade Widget’ section and click the ‘Copy’ button present below the ‘Premade Widget’ option.

    You can now embed the Discord widget anywhere on your website by pasting this code.

    Copy premade widget shortcode
    Step 2. Embedding the Discord Widget in WordPress

    First, go to the WordPress page or post where you want to embed the Discord widget.

    Then, simply choose the ‘Custom HTML’ block from the block editor and paste the code.

    embed shortcode in Custom HTML block

    After that click the ‘Publish’ button at the top to embed the Discord widget.

    This is how your Discord widget will look on your WordPress website.

    Discord widget on your website

    Note that you can embed the Discord widget in any block-enabled area of your themes, such as a sidebar, header, or footer.

    We hope you learned how to embed the Discord widget in WordPress. You may also want to check our top picks of the best VOIP themes in WordPress and our article on the best email marketing services 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 Embed Discord Widget into WordPress first appeared on WPBeginner.