EDITS.WS

Tag: tutorials

  • How to Start a Video Blog (Vlog) And Make Money in 2023

    Do you want to start a video blog and make money?

    Vlogging is a powerful way to connect with people and build a personal brand. However, if you simply upload vlogs to third-party platforms like YouTube, then you may struggle to grow your audience, make money, and become a successful vlogger.

    In this article, we will show you how you can start a vlog and make money.

    How to start a video blog (vlog) and make money

    Which Is the Best Website Builder for Your Video Blog?

    There are many website builders that can help you create a vlog site, but we recommend using WordPress and a separate video hosting platform.

    To learn more about why WordPress is such a good choice, please see our complete WordPress review with pros and cons.

    There are two types of WordPress software: WordPress.com and WordPress.org. We recommend using WordPress.org, also called ‘self-hosted WordPress.’ This will give you full ownership and control of your site.

    Using WordPress.org allows you to install third-party plugins and themes, including plenty that are designed specifically for vloggers.

    Also, while you can upload videos to WordPress, it’s far better to use a separate video hosting platform such as YouTube or Vimeo.

    Videos take up a lot of your hosting resources, which will slow down your website. Instead, we recommend uploading your vlogs to a separate hosting platform such as YouTube or Vimeo, which has all the server resources you need.

    After uploading your vlogs to one of these sites, you can then embed your vlog in a WordPress page or post by simply copying and pasting a link. WordPress has built-in support for most major video hosting platforms.

    If you really want to save time and impress your viewers, then you can use a plugin like Smash Balloon to create a video feed that will update automatically every time you post a new vlog.

    An embedded YouTube feed, created using Smash Balloon

    If you don’t already have a video hosting platform in mind, then don’t worry. Later in this guide, we’ll help you find the perfect platform for your vlogs.

    Step 1. Setting Up Your Video Blog Website

    To create a video vlog, you’ll need a domain name and web hosting.

    Although the WordPress software is free, hosting and domain names are where the costs can really start to add up.

    A domain name typically costs $14.99/year and hosting costs start from $7.99/month. This is a lot for hobby vloggers, new creators, or anyone who is working with a tighter budget.

    Thankfully, Bluehost has agreed to offer our users over 60% off on web hosting and a free SSL certificate as part of this deal. This is absolutely essential if you plan to sell premium videos and make money from your vlogs. You will also get a free domain name when you sign up!

    Simply click the link below to create a vlogging website for as little as $2.75 per month.

    Because you get a free domain when you sign up with Bluehost, you’ll need to be sure it’s the right fit for your video blog. For expert tips, check out our guide on how to choose the best domain name.

    Once you’ve completed the purchase, you’ll get an email with instructions on how to log in to your web hosting control panel. This is your hosting account dashboard where you can manage your vlog, including setting up email notifications and asking for WordPress support if you need it.

    It’s also where you’ll install the WordPress software, so let’s do that now.

    Step 2. Install WordPress on Your Video Blog

    When you sign up with Bluehost using our link, you’ll get access to a one-click WordPress installer. Simply log into your Bluehost account and click on ‘One Click Install.’

    Installing the WordPress software

    You can now follow the onscreen instructions to set up WordPress.

    If you’re using a different WordPress website host like SiteGround, Hostinger, HostGator, or WP Engine, then you can see our complete guide on how to install WordPress for all the top hosting providers.

    Once WordPress is set up, you’re ready to start customizing your vlog site.

    Step 3. Select a Video Theme

    WordPress themes are professionally designed templates that change how your vlog looks and acts.

    There are lots of different premium and free WordPress business themes to choose from. You can generally categorize these as multipurpose WordPress themes, or niche industry themes. However, most WordPress themes are designed to show text.

    Since we’re starting a vlog, we need a theme that’s designed specifically for videos.

    A WordPress video theme

    Even if you’re using a separate video hosting platform, embedded videos still take time to load. With that in mind, it’s important to find a lightweight theme that won’t slow down your website. Wherever possible, we also recommend using a theme that has built-in lazy loading.

    On top of that, vlogs often need special features such as parallax scrolling, lightbox popups, and fullscreen video backgrounds.

    An example of a WordPress vlog theme

    That’s a lot to keep in mind, so you may want to look at our expert pick of the best WordPress video themes.

    Another option is to use a landing page builder plugin such as SeedProd. SeedProd is the best drag-and-drop WordPress page builder and comes with more than 180 templates.

    This includes an entire section of ‘Webinar’ templates that are designed specifically to show videos on your WordPress website.

    SeedProd's professionally-designed vlog templates

    SeedProd also has a ready-made ‘Video’ block that you can drag and drop onto any page.

    For more information, please see our guide on how to create a landing page with WordPress.

    The SeedProd page builder plugin

    Once you’ve chosen a video theme, please see our step-by-step guide on how to install a WordPress theme.

    After installing a theme, you may want to customize it by going to Appearance » Customize in the WordPress dashboard. This will launch the theme customizer where you can fine-tune the theme settings and see your changes in the live preview.

    Customizing a WordPress video blog theme

    If you’re using one of the newer full-site editing themes, then you’ll need to go to Appearance » Editor instead.

    Here, you can fine-tune the theme using blocks.

    Customizing a WordPress vlogging theme using the FSE

    Just remember that you can customize your theme at any point. You can even completely change your WordPress theme, if you realize it doesn’t quite meet your needs.

    This means you don’t need to finalize your site design now. In fact, it may be easier to fine-tune your vlog once you’ve added some content.

    Step 4. Create a Custom Homepage

    WordPress comes with two content types called posts and pages.

    You’ll typically use posts to create articles and blogs, while pages are static “one-off” types of content. For example, you might publish an about page, a privacy policy, or a custom archive page.

    There are a few different ways to show videos in WordPress. However, since we’re creating a video vlog you’ll typically embed one or more videos in a blog post.

    By default, the WordPress homepage shows your posts in reverse chronological order, so your latest vlog appears at the top of the homepage.

    A custom homepage on a WordPress vlog

    However, you may want to move this blog list to another page, and use a custom homepage instead. This custom homepage can introduce your vlog to visitors and let them know what you have to offer.

    You might even create a YouTube gallery of all your best videos, which is a great way to catch a visitor’s attention and make them want to watch more of your content.

    Smash Balloon allows you to create all kinds of galleries, including showing a specific YouTube playlist or favorites feed, a single video, or even your latest live stream.

    Adding a YouTube vlog feed to your WordPress website

    For step-by-step instructions on how to create an attention-grabbing homepage for your video blog, please see our guide on how to create a custom homepage in WordPress.

    Once you’re happy with the design, it’s time to set it as your homepage. To do this, go to Settings » Reading in the WordPress dashboard.

    How to set a custom homepage in WordPress

    Here, scroll to ‘Your homepage settings’ and select ‘A static page.’

    Next, open the ‘Homepage’ dropdown and choose the page that you want to use.

    Changing the homepage on a WordPress video blog

    After that, simply scroll to the bottom of the screen and click on ‘Save Changes.’ Now, if you visit your website you’ll see the new homepage in action.

    With that done, make sure you create a separate blog page to display your vlogs.

    Step 5. Set Up Your Video Hosting Platform

    Before you can start adding videos to your WordPress website, you’ll need to upload them to a separate video hosting platform. In this way, you can show countless high-resolution videos on your website without affecting its performance.

    For more on this topic, see our post on why you should never upload a video to WordPress.

    There are lots of different video hosting platforms that you can use, but we recommend YouTube as it’s the most popular choice.

    It’s free to create a YouTube account and you can upload as many videos as you want.

    Uploading videos to YouTube

    YouTube even has a Partners Program that you can join to make money from your videos. This program also offers more benefits like analytics, longer videos, and editing tools.

    Since it’s such a popular platform, there are lots of great WordPress plugins for YouTube. For example, you can use plugins to quickly and easily embed a YouTube playlist in WordPress.

    Adding a YouTube playlist to a vlog using Smash Balloon

    If you don’t want to use YouTube, then there are many other popular platforms including Vidyard, Wistia, and SproutVideo. For a closer look at all the top video sites, please see our expert pick of the best video hosting sites for bloggers.

    After choosing a platform, you’ll need to create an account and upload all the vlogs that you want to show on your WordPress website.

    For instructions on how to do this, check out the online documentation for your chosen video hosting platform.

    Step 6. Create Your First Vlog

    To create your first vlog, simply go to Posts » Add New in your WordPress dashboard.

    WordPress has a block-based editor that allows you to create beautiful content layouts for your vlogs. Here, you can add text, images, audio clips, and more.

    How to create a new vlog post

    For an in-depth look at the editor, please see our WordPress block editor tutorial.

    The easiest way to add vlogs to WordPress is by using the built-in auto-embed feature. If you’re using one of the big video hosting platforms, then you can simply paste the video’s URL into the WordPress content editor, and WordPress will handle the rest.

    Just head over to your chosen video hosting platform and find the vlog that you want to show on your WordPress blog. You can then simply copy the video’s URL.

    After that, switch back to the WordPress dashboard and paste the URL in the content area. If you paste it into a standard Paragraph block, WordPress will automatically try to place it in the correct block, such as the YouTube block.

    Embedding a YouTube video in WordPress

    Even if you don’t see the platform-specific block, it will use the Embed block and display the video inside the content editor.

    For more information, please see our detailed guide on how to easily embed videos in WordPress blog posts.

    How to show a YouTube vlog in WordPress

    As you’re working on the vlog, you can see how it’ll look to visitors by clicking on ‘Preview.’

    This will open the page in a new tab.

    How to preview a vlog in WordPress

    The WordPress post editor also has sections for Categories and Tags. You can use these to organize your vlogs so it’s easier for visitors to find interesting content. To learn more, please see our guide on how to add categories and tags in WordPress.

    When you’re happy with how the vlog looks, go ahead and click on the ‘Publish’ button in the top-right corner of the screen.

    To add more vlogs to your website, simply follow the same process described above.

    Step 7. Add a Contact Form to Your Vlog

    Some viewers might want to contact you directly. This may include affiliate marketers, sponsors, advertisers, and other brands who are looking to build relationships with creators, or other vloggers who want to collaborate.

    These people could ring your phone number or send a message to your business email address, but we always recommend adding a contact form to your website.

    This makes it easier for potential partners to contact you, so you don’t miss out on any opportunities to grow your brand and make money from your vlogs.

    The easiest way to add a contact form to your WordPress website is by using the free WPForms plugin. WPForms comes with a built-in Simple Contact Form template that you can customize using the drag-and-drop editor.

    Adding a contact form to a WordPress vlogging site

    You can then add the form to any page, post, or widget-ready area using the ready-made WPForms block.

    For detailed instructions, see our guide on how to create a contact form in WordPress.

    Step 8. Help Visitors Find Interesting Vlogs

    Once you’ve added some content to your vlog, it’s a good idea to add a navigation menu so visitors can find their way around the different videos.

    Adding a navigation menu to a video blog (vlog)

    The exact location of your menu will depend on your WordPress theme. Most themes have several options, so you can create multiple menus and then show them on different areas of your vlog.

    Whether you create a single menu or multiple menus, it’s easy to add navigation to your vlog. For a complete guide, please see our post on how to add a navigation menu.

    Adding a navigation menu to a WordPress vlog

    Menus encourage people to explore your site, but sometimes visitors may want to search for a specific vlog. WordPress comes with a built-in search feature, but it’s quite basic and not very good at finding relevant content.

    That’s why we recommend using SearchWP, which is the best search plugin for WordPress.

    It is very easy to use and gives much more accurate search results. It allows visitors to search for a keyword in the post or page title, content, URL slug, categories, tags, taxonomies, WordPress excerpts, and even comments.

    All of this can help visitors find interesting vlogs, fast.

    How to improve WordPress search with SearchWP

    For step-by-step instructions on SearchWP, please see our guide on how to improve WordPress search.

    Step 9. Optimize Your Vlog for SEO

    If you want to get more viewers, then you’ll need to optimize your vlog for SEO. This will help search engines understand your content and show it to people who are looking for videos just like yours.

    WordPress SEO is a huge topic that can be confusing for new vloggers. With that in mind, we recommend using All in One SEO for WordPress (AIOSEO).

    The AIOSEO SEO plugin

    AIOSEO is the best WordPress SEO plugin on the market and has everything you need to get your vlogs onto the first page of Google, without having to learn any complicated SEO jargon.

    AIOSEO comes with the easiest setup wizard that helps you choose the best SEO settings for your business. AIOSEO will even scan your vlogs and show an actionable checklist on how you can optimize that specific vlog.

    An actionable checklist for improving SEO

    Additionally, AIOSEO has a video sitemap feature that you can use to show search engines what’s the most important content to index.

    To help you get started, please see our ultimate guide on how to set up All in One SEO for WordPress correctly.

    Step 10. Notify Users About New Vlogs

    Did you know that 70% of people who leave your site will never come back? Thankfully there are lots of ways to turn abandoning visitors into loyal viewers.

    To start, it’s smart to create an email newsletter so people who enjoy your vlogs can subscribe. After that, you can email these subscribers every time you post a new vlog.

    You can also keep them engaged with your brand by sending them fun surveys and polls, notifying them about any giveaways and contests you’re running, or even simply asking them for feedback on your latest vlog.

    An example of an online giveaway or contest

    All of this can help you create a sense of community and build a stronger relationship with your viewers.

    If you do build an email list, then you’ll want to make sure your messages arrive safely in the subscriber’s inbox and not in their spam folder. With that in mind, we recommend using an SMTP service provider to improve your email deliverability rates.

    Another option is to use push notifications with software like PushEngage to send targeted, personalized messages to viewers after they leave your vlog.

    Push notifications are short, clickable notifications that appear as a popup on the user’s desktop or mobile devices. Some of the biggest websites in the world use push notifications to keep users engaged, including Facebook.

    These notifications go directly to the user’s web browser or mobile device so they have a high chance of getting the person’s attention, which makes them perfect for notifying viewers when you post a new vlog.

    To learn more, see our guide on how to add web push notifications to WordPress.

    Step 11. How to Make Money From Your Video Vlogs

    Creating lots of quality, engaging vlogs takes a lot of time and effort, so you may want to make money from your videos.

    If you’ve created a contact form, then potential sponsors and partners already have a way to contact you, which is a great start. However, there are lots more ways to make money online with WordPress.

    Here are some of the best ways to make money from your vlog.

    1. Google AdSense

    There are many reasons why it’s smart to embed videos on your own website, rather than simply uploading them to platforms like YouTube.

    One major benefit is that you can show Google AdSense ads next to your videos.

    Google AdSense

    When you sign up for Google AdSense, Google acts as a middleman between you and the advertiser. Instead of you having to find the right partners for your vlog, Google allows advertisers to bid for keywords matching your content. This allows you to get the best possible rates for the ads on your vlogging website.

    For more details, please see our article on how to properly add Google AdSense to your WordPress blog.

    1. Affiliate marketing

    Many vloggers make money by recommending products and services to their viewers. For example, many lifestyle vloggers film daily routine videos showing off their favorite skincare or fitness products.

    By using affiliate links, you can earn money every time a viewer buys a product or service based on your recommendation.

    For the best results, it’s a good idea to only recommend quality items that you already use and trust. If you encourage viewers to buy poor-quality or scammy products, then you’ll damage your band and almost certainly lose viewers.

    There are plenty of affiliate marketing plugins and tools for WordPress that can help you make money by promoting affiliate products, but we highly recommend PrettyLinks or ThirstyAffiliates to all vloggers.

    To get started, please see our step-by-step affiliate marketing guide for beginners.

    1. Ask for Tips and Donations

    If you build a strong, positive relationship with your viewers then they may want to support your work as a vlogger. This is particularly true if you’re a hobby vlogger or someone who is just starting out.

    Although they’re mostly used by non-profits, some vloggers use donation forms so that viewers can support their work. These forms are often presented as ‘buy me a coffee’ or ‘buy me a beer.’

    An example of a donation form

    To learn more, please see our guide on how to create a donate form in WordPress.

    1. Create a Membership Site

    Most of the time, you’ll want your vlogs to be publicly available so you can get as many views as possible and build your audience.

    However, some vloggers may want to create a video membership site in WordPress. This allows people to pay for different perks, such as early access to the latest vlogs, exclusive live streams, or premium members-only videos.

    You can also offer perks that don’t involve videos, such as a members-only forum, blog posts, or the ability to chat with you directly on channels like Discord.

    The easiest way to create a membership site is by using MemberPress. It is the best WordPress membership plugin on the market and allows you to accept payments, create unlimited subscription levels, restrict access to video pages based on levels, and more.

    Creating video memberships with the MemberPress plugin
    1. Sell Your Videos as Digital Downloads

    Depending on the kind of vlogs you create, you may decide to sell some of your premium videos as digital downloads. For example, if you’re a health and fitness vlogger then you might create videos teaching your followers different exercise routines.

    For some niches, this can be a way to monetize the audience you’ve built from your vlogs.

    Easy Digital Downloads is the best platform to easily sell digital products. You can get started in minutes and accept credit card payments with Stripe, PayPal, Google Pay, and Apple Pay.

    The Easy Digital Downloads WordPress eCommerce plugin

    With Easy Digital Downloads, you have complete control over how you distribute your videos. You can allow customers to download files as many times as they want or restrict file downloads by time or attempt.

    To start selling your premium videos, please see our complete guide on how to sell digital downloads on WordPress.

    We hope this tutorial helped you learn how to start a video vlog and make money. You may also want to learn how to increase your blog traffic or check out our list of the best email marketing services.

    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 Start a Video Blog (Vlog) And Make Money in 2023 first appeared on WPBeginner.

  • How to Automatically Add WordPress Products in Google Shopping

    Do you want to add your WordPress products to Google Shopping?

    Adding your online store products to Google Shopping can help you increase traffic, reach more customers, and generate greater revenue.

    In this article, we’ll show you how to easily add WordPress products to Google Shopping.

    How to Add WordPress Products in Google Shopping

    Why Should You Add WordPress Products to Google Shopping

    Google Shopping is a virtual marketplace like Amazon and Etsy, where users can search, view, and compare products from different online stores that have paid to advertise their products.

    If you have a WooCommerce store, then adding your products to Google Shopping can prove to be extremely beneficial for your business.

    Your products will be shown to all users browsing through Google shopping which will increase traffic on your WordPress website, generate more revenue and bring in more customers.

    Google Shopping

    That being said, let’s see how you can add WordPress products to Google Shopping.

    How to Add WordPress Products in Google Shopping

    Step 1: Creating a Google Merchant Account

    To add your products to Google Shopping, you have to start by creating an account in the Google Merchant Center. This is the place where your product information will be stored for viewing by Google Shopping.

    First, go to the Google Merchant Center page and click the ‘Sign up for free’ button.

    Sign up for the Google Merchant account

    After that, Google will ask you about your online business.

    Just check the answers that apply to you, and then provide your website’s URL.

    Provide the URL of your online store

    After you’ve provided the details, you’ll be redirected to another page.

    Here, you simply have to click the ‘Create a Google Merchant Account’ button at the bottom of the page.

    Click the Create Google Merchant Account button

    Now, you will be asked to provide your business details. You can start by writing your business name.

    Next, select the country where your business is based from the dropdown menu below the ‘Registered Country’ option.

    After that, click the ‘Continue to Merchant Center’ button.

    Provide business details

    You’ve successfully created your Google Merchant Account. Now all you have to do is provide your business info and shipping details.

    Once you’ve filled in those details, simply click the ‘Save’ button at the bottom to store your settings.

    Provide shipping and business details once a GMC account is created
    Step 2: Linking Your Google AdWords Account

    Now you’ll have to link your Google AdWords account to your Google Merchant Center account so that you can show your products via Google Shopping.

    To link your account, simply go to the Google Merchant Center dashboard and click the gear icon at the top of the page.

    Clicking it will open up a ‘Tools and Settings’ prompt. Here you simply have to choose the ‘Linked Account’ option present.

    Click the Linked Accounts option from the Settings

    This will take you to the ‘Linked Accounts’ page.

    Now you simply have to click the ‘+’ button to create your Google Ads account.

    Click the Plus button to create a Google Ads account

    This will open up a ‘Create Your Google Ads Account’ prompt.

    Simply choose your preferred time zone and currency and then click the ‘Create’ button.

    Create a Google Ads account

    You have now successfully created your Google Ads account.

    This is how it will look once your account has been created.

    GMC account has now been linked to the Google Ads account
    Step 3: Adding WordPress Products to Google Shopping

    To add your WordPress products to Google Shopping, we will be using the ELEX Google Shopping plugin to display your WooCommerce products in Google Shopping.

    First, you need to do is install and activate the ELEX Google Shopping plugin. For more instructions, check our guide on how to install a WordPress plugin.

    Upon activation, head over to the Google Shopping Feed » Create Feeds page from the WordPress admin sidebar.

    From here, simply fill in your business details and click the ‘Continue’ button at the bottom.

    Fill basic info on the Google Shopping Feed page

    Next, you’ll be taken to the ‘Map Category’ page. Here you simply have to select your product categories.

    Simply type your product categories in the ‘Google Categories’ tab and click ‘Continue’

    Select Map Category

    After that, you’ll be directed to the ‘Map Attributes’ page.

    This is where you’ll have to fill in your product details including product id, product description, product link, pricing, image, and more.

    Here select and fill in as many attributes as possible for more visibility in Google Shopping and click the ‘Continue’ button.

    Map attributes

    Now that you’re on the ‘Filtering Options’ page, simply fill in the details as required for your online store.

    For example, you can include how many items you have in stock or note how many have sold already.

    Next, simply click the ‘Generate Feed’ button at the bottom.

    Click the Generate Feed button

    After you’ve created your Google Shopping feed, go to the Google Shopping Feed » Manage Feeds page from the admin sidebar.

    Here you will be able to view your Google Shopping Feed. Now you have to simply click the ‘Download’ button beside it.

    Click the Download button

    Once you’ve downloaded your feed as an XML file, go back to the ‘Google Merchant Center’ dashboard and click the Products » Feeds option from the sidebar.

    This will open up the ‘Primary Feeds’ page where you have to click the ‘+’ button to add a new feed.

    Click the plus button to create a feed

    This will take you to the ‘New Primary Feed’ page where you can start by filling in basic details. First, start by adding all your target countries.

    Next, select your preferred language and then click the ‘Continue’ button.

    Fill in basic details

    Then, you have to choose a name for your feed and select a method to connect your data to the Merchant center.

    For this tutorial, we will be uploading the feed XML from WordPress.

    After that, just click on the ‘Continue’ button.

    Choose a name and method for uploading the feed

    Now that you’re on the ‘Setup’ page, simply type the name for your Google Shopping Feed.

    Next, just upload the Feed file you got from WordPress and click the ‘Create Feed’ button.

    Upload file and click the Create Feed button

    You have now successfully added your WordPress products to Google Shopping.

    Bonus: How to Add Google Merchant Center Schema in WordPress

    To improve your product search visibility in Google Shopping and increase conversion rates, you should add a Google Merchant schema in WordPress.

    Schema markup is an HTML code that provides more details about your products to search engines.

    A GMC listing schema will make your search snippets more prominent and will allow your products to be featured as popular products for the relevant search terms.

    The easiest way to add a Google Merchant Center listing schema to WordPress is by using the All in One SEO for WordPress.

    It is the best SEO plugin for WordPress that is used by over 3 million websites.

    First, you need to install and activate the All in One SEO for WordPress. For more instructions, please see our guide on how to install a WordPress plugin.

    Upon activation, a setup wizard will open up. Simply go ahead and click the ‘Get Started’ button.

    All in One SEO setup

    After that, you need to follow the onscreen instructions in the setup wizard to configure the plugin. If you need help, please see our guide on how to properly set up AIOSEO in WordPress.

    After the AIOSEO plugin has been set up, you need to visit the Products » All Products page from the admin sidebar.

    From here, simply click on the ‘Edit’ link below a product to open up the ‘Edit Product’ page.

    Click the Edit link below the product name

    Once there, you need to scroll down to the ‘AIOSEO Settings’ section and click on the ‘Schema’ tab.

    Now, you need to make sure that the schema type is set to ‘Product’ by default.

    If that is not the case, then simply click on the ‘Generate Schema’ button.

    Click the Generate Schema button to add another schema

    It will open up the Schema Catalog which will list all the available schema templates.

    From here, you need to click the ‘Add Schema’ (+) button beside the Product option to set it as your primary schema.

    Note: You may see the ‘Article’ schema already applied. If so, you can remove it as you add the new one because this particular page isn’t an article or blog post in Google’s eyes.

    Click the Add Schema button next to the Product option

    Next, you will need to fill in the product information to add the GMC listing schema.

    For that, you need to click the ‘Edit Schema’ button next to the ‘Schema in Use’ option.

    Click the Edit button next to the Schema in use option

    This will open up the ‘Edit Product’ modal where you will need to fill in the product details.

    If you’re using WooCommerce, then AIOSEO will automatically pull most of the product data from your product information.

    However, if you want to fill in the information manually, you need to simply toggle the ‘Autogenerate Fields’ switch to ‘No.’

    Toggle the Autogenerate fields switch to No

    The product attributes that you will need to add include the product name, description, image, ISBN, price, material, color, shipping details, and more.

    We recommend that you provide all the details so that the schema markup can make your product snippets more engaging.

    Once you’re done, simply click the ‘Update Schema’ or ‘Add Schema’ button to store your settings.

    Click the Update Schema button

    You have now successfully added the Google Merchant Center listing schema to WordPress, and your products can now be featured on the platform and hopefully earn you more sales.

    We hope you learned how to add WordPress products to Google Shopping. You may also want to check out our best WooCommerce reporting and analytics plugins and our article on how to speed up your eCommerce website.

    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 Automatically Add WordPress Products in Google Shopping first appeared on WPBeginner.

  • 17 Time-Saving CSS Tips For WordPress Users

    WordPress offers endless possibilities for designing and customizing your website. In this article, we’ll share some practical CSS tips specifically for WordPress users, from styling your header to tweaking your fonts.

    While WordPress offers plenty of pre-made themes and templates, sometimes you need to take matters into your own hands and make customizations with CSS.

    If you have ever asked any of these questions as you work on your WordPress site:

    • “How do I remove the ‘read more’ button?”
    • “How can I change the color of this link?”
    • “How do I make this link unclickable but keep the text on the page?”

    …then read on to learn some valuable CSS tricks for your website.

    In this tutorial, we’ll cover:

    WordPress CSS Tips

    The only two things you need to know to implement these tips are:

    Note: CSS is not risky, so if you make a mistake you can just delete your code or modify it… it won’t break anything 🙂

    With that out of the way, let’s jump straight into some practical CSS tips with examples so you can try it on your own WordPress site:

    Center an element horizontally and vertically

    To center an element (such as an image, text or a div) both horizontally and vertically, use the following CSS code:

    .element {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }
    

    In this code, the position: relative property is used to position the element relative to its nearest positioned ancestor. The top: 50% and left: 50% properties move the element to the center of its container. Finally, the transform: translate(-50%, -50%) property centers the element both horizontally and vertically by moving it back 50% of its own width and height.

    .item-class{
    color : blue;
    }
    

    You can use colors like white, black, blue, red… but you might want to use specific colors.

    In this case, you can do it like this:

    .item-class{
    color : #F7F7F7;
    }
    

    If you’re looking to create a color palette for your website design, try using the Paletton tool. It’s very helpful!

    Note: If you want to combine elements, it is pretty easy.

    For example, let’s say you want to disable the click and put the link back in black.

    You can use this code:

    .item-class{
    pointer-events : none;
    color : black;
    }
    
    .item-class{
    display : none;
    }
    

    Note: Sometimes you may need to put an a after your class to make it work, like this:

    .item-class a{
    display : none;
    }
    

    Try adding the a or experimenting without it to see if your code is working or not. Just add your CSS, save, and check your frontend.

    Note: It is always better to modify HTML in order to do this, but if CSS might be easier or the only solution possible, use this code:

    .item-class{
    pointer-events: none;
    }
    

    You can make links change color when a user hovers over them by using the following CSS code:

    
    a:hover {
    color: red;
    }
    
    

    In this code, the a:hover selector targets all links on the page that the user is currently hovering over. The color: red property changes the color of the text to red.

    To style links on your website, use the following CSS code:

    
    a {
    color: #0077cc;
    text-decoration: none;
    border-bottom: 1px solid #0077cc;
    transition: all 0.2s ease-in-out;
    }
    
    a:hover {
    color: #005299;
    border-bottom: 1px solid #005299;
    }
    
    

    In this code, the a selector is used to style all links on the page. The color property sets the color of the links, and the text-decoration property removes the default underline. The border-bottom property adds a subtle underline effect. The transition property creates a smooth transition effect when the user hovers over the link. The a:hover selector is used to style the link when the user hovers over it.

    Style a button

    Use the following code to style a button:

    
    .button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    }
    
    

    In this code, the various properties are used to style a button, including the background-color and color properties for the button’s appearance, the padding property for the button’s size, and the cursor property to change the mouse pointer when hovering over the button.

    Change the font of a section

    Change the font of a section of your website using the following CSS code:

    
    .section {
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    }
    
    

    In this code, the font-family property sets the font to Arial or a similar sans-serif font, the font-size property sets the font size to 16 pixels, and the line-height property sets the spacing between lines of text to 1.5 times the font size.

    If you want to create a header that stays fixed to the top of the page as the user scrolls, you can use the following CSS code:

    
    .header {
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    background-color: #333;
    color: #fff;
    z-index: 9999;
    }
    
    

    In this code, the position: fixed property fixes the header to the top of the viewport, and the top: 0 property positions it at the very top of the page. The width: 100% property ensures the header spans the entire width of the viewport. The background-color, color are used to style the header, and the z-index: 9999 property ensures that the header appears on top of all other elements on the page.

    Create a sticky header with a shadow effect

    To create a sticky header with a shadow effect that stays fixed to the top of the page as the user scrolls, use this CSS code:

    
    header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    
    .content {
    padding-top: 100px;
    }
    
    

    In this code, the position: fixed property is used to fix the header to the top of the page. The top: 0 and left: 0 properties position the header at the top-left corner of the page. The width: 100% property sets the width of the header to be the full width of the page. The background-color property sets the background color of the header, and the z-index property ensures that the header appears on top of other elements on the page. Finally, the box-shadow property adds a subtle shadow effect to the header. The .content selector is used to add padding to the top of the page so that the content doesn’t get covered by the fixed header.

    Add a background color to a section

    Do you want to add a background color to a section of your website? Then use the following CSS code:

    
    .section {
    background-color: #f2f2f2;
    padding: 20px;
    }
    
    

    In this code, the background-color: #f2f2f2 property sets the background color to a light gray, and the padding: 20px property adds 20 pixels of space around the content within the section.

    Change the background color of the body

    Add this code to change the background color of the body of your website:

    
    body {
    background-color: #f5f5f5;
    }
    
    

    In this code, the background-color property sets the background color to a light gray.

    Change the color of a specific word or phrase

    To change the color of a specific word or phrase within a block of text, you can use the following CSS code:

    
    p span {
    color: red;
    }
    
    

    In this code, the p span selector targets any span element that appears within a p element. You can then wrap the word or phrase you want to target with a span element in your HTML, like this:

    <p>Lorem ipsum dolor sit amet, <span>consectetur adipiscing elit</span>. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

    This would make the phrase “consectetur adipiscing elit” appear in red.

    Create a border around an image

    Here’s how to add a border around an image:

    
    img {
    border: 2px solid #ccc;
    }
    
    

    In this code, the border property sets the width, style, and color of the border. The 2px value sets the width of the border to 2 pixels, solid sets the style to a solid line, and #ccc sets the color to a light gray.

    Create a hover effect on an image

    Use this code snippet to create a hover effect on an image:

    
    img:hover {
    opacity: 0.8;
    }
    
    

    In this code, the img:hover selector targets the image when the user hovers over it. The opacity property sets the transparency of the image. In this case, the value is set to 0.8, making the image slightly transparent when the user hovers over it.

    Style a form

    Style a form on your website with the following CSS code:

    
    form {
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 5px;
    }
    
    form label {
    display: block;
    margin-bottom: 10px;
    }
    
    form input[type="text"], form input[type="email"], form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 5px #ccc;
    }
    
    form input[type="submit"] {
    background-color: #4CAF50;
    border: none;
    color: #fff;
    padding: 10px 20px;
    border-radius: 3px;
    cursor: pointer;
    }
    

    In this code, the various properties are used to style a form, including the background-color, padding, and border-radius properties for the overall appearance of the form. The form label selector is used to style the labels associated with each form field. The form input[type="text"], form input[type="email"], form textarea selector is used to style the various input fields in the form. The form input[type="submit"] selector is used to style the submit button.

    Create a responsive layout

    If you want to create a responsive layout that adjusts to different screen sizes, use the following CSS code:

    
    @media (max-width: 768px) {
    /* Styles for screens smaller than 768px */
    .container {
    width: 100%;
    }
    
    .menu {
    display: none;
    }
    
    .mobile-menu {
    display: block;
    }
    }
    
    @media (min-width: 769px) {
    /* Styles for screens larger than 768px */
    .container {
    width: 768px;
    margin: 0 auto;
    }
    
    .menu {
    display: block;
    }
    
    .mobile-menu {
    display: none;
    }
    }
    
    

    In this code, the @media rule is used to specify different styles for different screen sizes. The first @media rule targets screens with a maximum width of 768px, and the second @media rule targets screens with a minimum width of 769px. The various selectors within each @media rule are used to adjust the layout and appearance of the page based on the screen size.

    One more CSS tip…

    You might find your code not working even though you did everything correctly. This might be because there is already a CSS code saying something different than your code.

    To override this, just add !important like this:

    .item-class{
    pointer-events: none !important;
    }
    

    These are just a few examples of practical ways you can use CSS to enhance your WordPress website.

    With CSS, the possibilities for customizing your website’s appearance are virtually endless. By learning and applying these tips, you can create a website that is not only visually appealing but also optimized for a better user experience.

    Take Your CSS Skills to The Next Level

    Whether you’re a beginner or a seasoned pro web developer or web designer, if you want to dive deeper into using CSS with WordPress, these additional CSS tutorials will help you expand your knowledge and skills:

    Click on the links to learn more and start improving your WordPress website today.

    Contributors

    IncensyThank you to WPMU DEV member Antoine from Incensy for contributing the idea for this post and several of the CSS examples used above.  Check out Incensy’s Agency partner profile for more details.

    ***

    Note: We do not accept articles from external sources. WPMU DEV members, however, may contribute ideas and suggestions for tutorials and articles on our blog via the Blog XChange.

  • 5 Brilliant Companion Products to Make Your WordPress Websites Compliant

    Compliance on websites isn’t a fringe component. It’s a serious, legal matter, which can seriously affect your business.

    Legal fees can be expensive, and add up quickly. Also, law is complicated, and can vary based on where you live and do business from. How does one accomplish compliance without getting their own law degree? (Or having a best friend who passed the bar exam?)

    There is a way you can dot your I’s and cross your T’s, get all your ducks in a row, check all the boxes, cover your bases (this IS a post about full compliance, so one expression didn’t seem like enough 😀) – without draining your bank account, or losing your sanity.

    Because WordPress is far and above the leading CMS, there are a good number of options when it comes to compliance regulation companion products.

    We looked into the pool of offerings, picked the ones we thought were smart, solid, and sound, and are presenting them to you here.

    Keep reading, or jump ahead to any section:

    First up, let’s examine…

    Why Compliance is of Utmost Importance

    Privacy is a major factor in today’s world, and personal information is protected by a fast-growing assortment of legal rights.

    Throughout the first three-quarters of the 20th century, collected data was relatively minimal, there were few ways to store it, and demand for its collective use wasn’t really a thing.

    However, from the ’70s through today, as the inherent value of data grew – along with improved methods to collect, store, use, and profit from it – so has the need for legislation to protect it.

    Living in the era of Big Data, where the sheer volume of data has increased to previously unimaginable amounts, a true premium has been put on an individual’s rights to protect it.

    Non-compliance with the legal safeguards comes with steep fines and other serious penalties.

    A Timeline of Enacted Privacy Protections

    While data protections may have started slowly, they will continue to pick up speed as the by-product of ethical examination and pivotal litigations surrounding privacy.

    Let’s take a peek at the landmark protections in the history of privacy legislation.

    The Privacy Act of 1974 established the Code of Fair Information Practice on the collection, maintenance, use, and dissemination of personally identifiable information from US federal agencies.

    The Data Protection Directive was adopted by The European Union in 1995. The principles set forth were aimed at the protection of fundamental rights and freedoms in the processing of personal data. This was superseded by the GDPR in 2018.

    The Health Insurance Portability and Accountability Act (HIPAA) was established in 1996 to protect Personally Identifiable Information maintained by the healthcare and health insurance industries from theft and fraud, safeguarding people’s medical information from being used without their consent.

    The Children’s Online Privacy Protection Act (COPPA) was enacted by Congress in 1998 and requires the Federal Trade Commission to issue and enforce regulations concerning children’s online privacy. The amended Rule became effective on July 1, 2013.

    The General Data Protection Regulation (GDPR) for data protection and privacy became law in 2018 in the European Union (EU).

    The GDPR applies to the transfer of personal data outside of the EU and EEA (the European Economic Area is the countries of Iceland, Norway, and Liechtenstein), and replaced the Data Protection Directive from 1995.

    Shortly thereafter, State Privacy Legislations in the US started…

    • California Consumer Privacy Act (CCPA) – signed into law 2018; effective 2020
    • California Privacy Rights Act (CPRA) – also known as CCPA 2.0, enacted in 2020
    • Virginia Consumer Data Protection Act (VCDPA) – legislated in 2021; effective January 1, 2023
    • Colorado’s Privacy Act – will be effective July 1, 2023
    • Connecticut’s Personal Data Privacy and Online Monitoring Act – will be effective July 1, 2023
    • Utah’s Consumer Privacy Act – will be effective December 31, 2023

    While the US does not have a single, comprehensive, internet privacy law, one is currently being proposed by federal privacy legislation: the American Data Privacy and Protection Act (ADPPA). If passed into law, it will supersede all state privacy laws. Until then, it’s up to individual states to pass legislation that protects customer data.

    Which Components Do You Need?

    At this point you may be wondering, with so many already existing and soon-to-be-effective legal stipulations on data, which ones are you required to adhere to as a website or app owner?

    That’s what we’ll lay out now in…

    Compliance Requirements

    To best meet overall compliance, websites should minimally have:

    • Privacy Policy
    • Cookie Policy

    … and …

    • Consent (Record of Consent)

    Let’s put a pin in Consent for a bit, and come back to it after we look at the policies.

    A Privacy Policy addresses all the different ways your website or app might collect, process, and store data from users, both online and off.

    A Cookie Policy specifically addresses how you use cookies and third-party services.

    Because of the overlap, websites sometimes include a cookie policy in their privacy policy, as part of the overall data collection.

    However, cookie policies need to be regularly updated (as cookies are dynamic and often change upon successive visits), whereas policy policies tend to be static.

    More importantly, if you fall under the scope of the GDPR, your Cookie Policy must be separate from your Privacy Policy.

    You can still incorporate a short Cookie Clause in your Privacy Policy, or cross-reference the agreements (for example, link your Cookie Policy to your Privacy Policy), but you shouldn’t combine the agreements into one.

    Even if you don’t fall under the scope of GDPR, it’s safer and smarter to create a separate Privacy Policy and Cookie Policy, instead of merging them into one.

    Let’s dive a little deeper into both of these important policies.

    Privacy Policies

    Most laws around the world require a privacy policy.

    Privacy policies are legally required agreements when collecting any personal data from users (e.g. payment details, address and phone number, cookie data), regardless of the platform used (e.g. website, mobile app, desktop app, etc).

    You may need a privacy policy to use third-party APIs and services (e.g. Instagram, Google Analytics, or Google Adsense), or to list your app in a commercial marketplace such as the Apple App or Google Play stores.

    Without a privacy policy, you risk your business getting hit with hefty fines and/or having your website taken down, especially if you’re found to be in breach of privacy laws.

    Key privacy policies or agencies, by country of origin are:

    1. Europe/European Union – GDPR (businesses in or operating with EU/EEA)
    2. United States – by state (CCPA, CPRA, CalOPPA, VCDPA)
    3. Canada – PIPEDA
    4. Australia – The Privacy Act 1988
    5. Germany – BDSG, and DSGVO (German name for the GDPR)
    6. France – CNIL (the commission overseeing privacy policies)
    7. South Africa – The POPI Act (POPIA)
    8. Brazil – LGPD (broadly aligns with the GDPR)

    Lesser-known privacy laws exist around the world as well; the above is not to be considered an exhaustive list.

    While privacy policies are generally referred to by location of origin, they can extend to any region that does business with them. Meaning, don’t assume that if you reside outside of Europe that the GDPR doesn’t apply to you.

    The EU’s GDPR and US state laws (#1 and #2) are the most broadly reaching and widely followed privacy policies. But that’s not to say that the others don’t matter; it’s important to research any that might apply to your business.

    Cookie Policies

    Cookie policies are legally binding documents that inform website or app users how a company engages in data tracking and online privacy.

    Cookie identifiers are considered to be personal data by the GDPR, so its rules apply to cookie usage as well. Also, any personal data collected by cookies falls under the GDPR’s jurisdiction.

    The ePrivacy Directive (ePD) of the EU – nicknamed the “Cookie Law” – requires security measures be put in place to protect personal data. This regulates cookie usage, email marketing, data minimization, and other aspects of data privacy, and is largely responsible for the cookie consent forms that you encounter on most websites today. (Sidebar: This doesn’t replace the Cookie Law I grew up with; “Don’t ever serve chocolate chippers without milk.”)

    The ePrivacy Regulation (ePR), the details of which are currently being hammered out by legislators, will replace the ePD once it’s passed into law.

    Consent / Record of Consent

    Taking out that pin that we placed earlier, it’s time to look at Consent.

    The important distinction between Policy and Consent is this: Policy discloses details regarding the use of cookies, while Consent informs and records the allowances from users regarding usage.

    Make sure you incorporate consent into your Privacy/Cookie policies. Full GDPR compliance means storing proof of Consent, and being able to demonstrate or retrieve details should they be requested.

    I can’t stress this enough: having Privacy/Cookie policies without consent could cause major problems for you.

    Additional Legal Protections

    While protecting user data is of paramount importance, privacy isn’t the only concern for someone managing websites.

    There are other important, legal considerations when it comes to engaging the public online.

    We’ll take a look at them now.

    Terms & Conditions

    Unlike Privacy Policies, there are no laws that require you to have a Terms & Conditions agreement, though it is highly suggested to have one.

    Without a T&C, it’s much more difficult to enforce your rules and community guidelines, copyright protection, or other issues that could arise from the misuse of your website/app content.

    The majority of the public will act courteously, but that’s not who you’re protecting yourself from. It’s the small percentage of outliers who can sometimes do the most damage. Having explicitly stated Terms & Conditions can offer basic protections for you and your business, limiting your liability and declaring your rights over the content you create, in case anyone engages in abuse, intellectual property theft, or unlawful behavior.

    The most common reasons for Terms & Conditions are to:

    1. Prevent abuses
    2. Protect your creative content
    3. Terminate accounts
    4. Limit your legal liability
    5. Set your governing law

    If you’ve ever seen a clause in a T&C stating where (geographic region) any dispute resolution must take place, that falls under governing law, and is quite useful if you don’t want to litigate legal matters in a country outside of your own.

    Disclaimers

    Disclaimers can be used to offset liability from a business to a client in ambiguous or gray legal areas, or where they are required by law.

    Without them, you are opening yourself up to legal liability or the possible endangerment of others, especially on sites that share advice, DIYs, or promote/sell products (most of which come with claims).

    Websites and eCommerce stores benefit from disclaimers in that they:

    • Let users/customers know that the content is not legally binding advice, nor should it be solely relied on
    • Limit the liability of the website/store in the event someone has an unsatisfactory result from its advice or products

    Some of the most common disclaimer types are:

    • Copyright
    • Fair Use
    • No Responsibility
    • Views Expressed
    • Offensive Content
    • Past Performance
    • Errors and Omissions
    • Affiliates / Affiliate Links

    While we’re on the subject, here’s an example in actual use:

    Disclaimer: WPMU DEV is not a legal entity, nor does it claim to be an authority on the laws of any region, country, or the internet. While this post contains well-researched content from respected sources, it is for informational purposes only and not intended as a substitute for professional legal advice. As such, we cannot be held liable for any omissions or errors contained within.

    That said, let’s get to the tools and services of the compliance trade, with…

    Our Top 5 Picks for Compliance Companions

    Some of these are actual WordPress plugins, while others are content generated directly in the company’s website.

    Regardless of how you access them, all offer plenty of bang for the buck, and value for the venue (I’m coining this phrase to mean free products and their providers 😉).

    GDPR Cookie Consent and Cookie Yes (by WebToffee)

    WebToffee has a sisterhood of plugins, with versions available on two separate websites: CookieYes and WebToffee, plus the free version on the WordPress repository.

    CookieYes is one of the most used WordPress GDPR cookie compliance plugins, with 1 million+ active installations and 5 out of 5 stars.

    Starting with the free WP.org plugin version, you get a goodly amount of features, including:

    • a cookie consent banner with Accept/Reject options
    • single click automatic scanning and categorization of cookies
    • display list of cookies on your cookie policy page by using a shortcode
    • adds a cookie banner to your WordPress website to show compliance with GDPR
    • fully customize the cookie notice so it blends with your existing website (change colors, fonts, styles, position on page; even how it behaves when you click “Accept All”)
    • has a Cookie List module so you can easily show what cookies your site uses and display them neatly in a table on your Privacy & Cookies Policy page
    • can be configured to have a CCPA/CPRA ‘Do Not Sell or Share My Personal Information’ control to the cookie notice

    The free version also includes a connection (also free) with the CookieYes web app to access advanced features (cookie scan, consent log, etc) and manage all settings from the web app account. Note: You can still use most of the features from within the WP dashboard, without connecting to the web app.

    cookie yes dashboard
    The CookieYes dashboard gives you a nice snapshot of information.

    One of the advantages here is the dashboard, which includes a Consent section. You can view or access details on user consent should you ever be audited and need to show this information. It even allows you to download this consent data in CSV format.

    From the WP plugin dashboard, there’s a lot you can do:

    • Check banner status (active, inactive), regulation type (GDPR), last cookie scan, language
    • Customize banner
    • Maintain cookie list, add new cookies
    • Change/edit default banner language
    • Generate a Privacy or Cookie policy for your site

    Add the user guide provided for setup, along with a video walkthrough, and you can see why this plugin is so well loved.

    cookie yes customize consent prefs
    CookieYes banner and consent customizations.

    If you want to go for a CookieYes paid plan, you have three tier options, payable per domain, monthly or annually. Each tier adds more pages per scan (600, 4K, 8K) and pageviews (100K, 300K, unlimited), plus a couple of additional features – like custom branding, and geo-targeted cookie banners.

    As a third option here, we have the paid, premium version of GDPR Cookie Consent Plugin (CCPA Ready) – available from WebToffee’s website.

    The final offering in the WebToffee family of compliance options, GDPR Cookie Consent remains in the territory of fastest-growing WP consent plugins, verifiable by a mass of happy users.

    webtoffee GDPR Cookie Consent display options
    GDPR Cookie Consent offers a variety of notices, all with customization.

    As far as features, most are available and common to both the GDPR Cookie Consent and the CookieYes paid plans. However, the GDPR Cookie Consent plans do not have:

    • Auto-translation
    • Global privacy control
    • Do not track
    • Monthly scheduled scan
    • Privacy policy generator

    GDPR Cookie Consent pricing has three tiers, based on the number of sites (1, 5, 25) you want to use it on. Each includes one year of updates and support, and a 30-day, money-back guarantee.

    The primary difference between The GDPR Cookie Consent and CookieYes paid plans is the technology they rely on. The CookieYes web app is a SaaS that requires huge cloud computing, storage, and security facilities. (This is also why the CookieYes paid plans are based on scans and pageviews.)

    Bonus points for their support: I reached out as a free user to clarify a few points in this section and got a detailed response in less than half a day. (High five to Mark!)

    iubenda

    Iubenda has been quickly rising in the ranks of compliance with their all-in-one solution, currently sitting at 100K+ active installs and a 5/5 star rating on WP.

    If you’re looking for that extra layer of comfort, iubenda has it, with attorney-level compliance solutions, all of which are fully WCAG Level AAA Compliant.

    The free version of iubenda compliance solutions support the GDPR, LGPD, and US State Laws (CCPA/CPRA and VCDPA).

    Content is auto-updated when laws change, so it’s always up-to-date. (Their built-in site scanner runs periodic scans on your site and alerts you if it detects something that should be added to your compliance documents.)

    The free version comes with the following features:

    • Privacy and Cookie Policy Generator
      • a single policy, on one site, in one language
      • up to 4 (non-Pro) service clauses
      • does not include Cookie Policy
    • Privacy Controls and Cookie Solution
      • up to 25K page views/month (for compliance with GDPR, LGPD & ePrivacy and US state laws)
    iubenda privacy controls and cookie solution settings
    iubenda privacy controls and cookie solution settings.

    You can get the free version of iubenda from the WordPress plugin repository.

    The majority of iubenda’s standout features are found in their paid/pro versions, trusted by over 90,000 clients in more than 100 countries. These allow for multiple policies, sites, and languages, as well as Privacy Control & Cookie Solutions, a Terms & Conditions generator, a Consent Database, and more.

    Privacy Control & Cookie Solutions helps you meet complex legal requirements at the click of a button, as well as create a fully customizable cookie banner.

    Terms & Conditions offers powerful features like plug-and-go integrations for popular platforms and legislation monitoring. It’s customizable from hundreds of combinations, available in 10 languages, and capable of handling even the most complex, individual scenarios. Optimized for eCommerce, marketplace, SaaS, apps and more.

    The Consent Database activates with one click to track, store, and manage consent and privacy preferences for each of your users all in one place, allowing you to easily upload proofs of consent and legal notices in PDF format.

    They also offer an Internal Privacy Management, which documents all the data processing activity within your organization. To comply with privacy laws (particularly the GDPR), companies must record how they store and use the data they collect from their users.

    Additional features in the paid plans are:

    • More Compliance Laws, like DSGVO, RGPD, UK-GDPR, CalOPPA, PECR
    • Cookie consent analytics provided for high-traffic sites
    • Detects bots/spiders and serves them a clean page so that your SEO efforts are never compromised
    • Built-in compatibility with WordPress comment form, Contact Form 7, and WP Forms; can also be manually integrated with any type of web-form

    Pricing is offered as bundles with 3 tiers, based on number of license slots, with paid add-ons – Terms & Conditions, and Consent Database – available as extras.

    Or, you can go with their Custom plans, with 3 tiers, broken out by options for Privacy & Cookie Policy, Privacy Controls & Cookie Solution, and Terms & Conditions.

    iubenda pricing models
    iubenda’s pricing models with inclusions listed.

    Head over to iubenda’s website for a more in-depth read about their compliance offerings, or to purchase one of their plans.

    TermsFeed

    TermsFeed doesn’t have a plugin; everything is generated directly from their website. But in no way does that detract from their fantastic functions.

    The TermsFeed website has an abundance of compliance offerings, most of which they charge nothing for.

    Since 2012, TermsFeed’s all-in-one compliance software has helped businesses get (and stay) compliant with the law, and the multitude of glowing, five-star reviews corroborates that.

    Popular free features include:

    • Privacy Policy Generator
    • Terms & Conditions Generator
    • Privacy Consent
    • Cookie Consent
    • EULA Generator – gives users the right to use a copy of your product after they acquire it, through a granted license (with or without limitations)
    • Disclaimer Generator
    • Return and Refund Policy Generator
    • Shipping Policy Template – no generator for this, but a detailed, helpful template to assist businesses in creating

    They also offer these additional, not-as-common free tools:

    • CCPA Opt-out – Free tool to manage opt-outs for CCPA
    • I Agree Checkbox – Free tool to enforce your legal agreements and policies on web forms
    • Embed Consent – Free tool to block embeds (YouTube, Twitter, Google Maps) from loading until you’ve got user consent
    termsfeed compliance toolbox infographic
    The TermsFeed site has a ton of helpful, visually appealing infographics.

    All of the generators operate in the same, simple three-step: 1) Create a free account. 2) Choose what you need. 3) Download and integrate.

    You answer a few quick questions, and your custom policy is ready in minutes, available to download in multiple file formats – which you can link to, edit, or update.

    Or, download their handy privacy policy template (available in a variety of formats: HTML, DOCX, Google Docs), and write your own.

    And the output isn’t limited to just websites; you can use it to create for mobile apps, eCommerce stores, third-party tools, SaaS, and even a Facebook page.

    The TermsFeed website is well organized and chock full of helpful information, making an easy task out of finding what you need.

    The majority of compliance agreements and policies on the TermsFeed website are essentially free. However, they do offer some optional, premium agreements with additional clauses to protect your business interests.

    Paid items are available in two ways:

    • Privacy Consent Solution, which gives you access to all features, payable month-to-month, or yearly (with a discount).
    • Per Policy/Agreement, which allows you to select any number of policies from their huge compliance toolbox, and pay a one-time fee, per item

    Both payment structures come with a 7-day refund policy, and 100% money-back guarantee.

    termsfeed privacy policy blog articles summary
    A summary recap of Privacy Policy blog articles in TermsFeed.

    As far as videos, walk-through processes, and documentation go, out of all the sites I reviewed in this article, they had the most. On YouTube alone, I counted close to 200 explainer videos (on their content specifically, and policy terminology in general), plus dozens of tutorials for using on a myriad of website types (Wix, Weebly, Squarespace, Webflow, Shopify, etc) in addition to WordPress.

    My final thoughts: the TermsFeed website is an embarrassment of riches, with compliance offerings galore, and little to no limitations on their use. Even the premium, paid-for options won’t break the bank.

    Visit the TermsFeed website for tools, tips, and custom provisions, or their YouTube channel for a ton of valuable, well-produced info.

    Complianz

    Complianz is another widely used compliance plugin, available for free on the WP repository: Cookie Consent – aka the Privacy Suite for WP. (They offer an additional one for Terms & Conditions as well.)

    Active installations are at 600K (and climbing), and rated 5/5 stars.

    Complianz is a GDPR/CCPA Cookie Consent plugin that supports GDPR, ePrivacy, and more, with a conditional Cookie Notice and customized Cookie Policy, based on the results of their built-in Cookie Scan.

    Free features include:

    • Cookie Notice configuration for your specific region (EU, UK, US, Australia, South Africa, Brazil, and Canada; or use one Cookie Notice worldwide)
    • Cookie Consent and Conditional Cookie Notice with custom CSS and customizable templates
    • Automatic configuration of your website based on wizard questions, WordPress scans, and dedicated service and plugin integrations
    • Proof of Consent for user registration (respects GDPR data minimization guideline)
    • Automatically detects if you need a Cookie Notice (aka Cookie Banner or popup)
    • Cookie policy generation through an easy wizard
    • Offers “Do Not Sell My Personal Information” (for CCPA/CPRA)

    Complianz is one of the few WordPress native solutions, integrated with a wide variety of plugins and services. Once configured through the wizard, Complianz will work with most of your plugins and embedded content – right out of the box. Including our very own Forminator, Beehive, and the WPMU DEV Dashboard plugin (where you can integrate Complianz to allow site visitors to reject dashboard analytics statistics cookies).

    Like iubenda, their policies are drafted by an IT Law Firm, and are WCAG Level AA and ADA Compliant. They closely follow the latest developments in ePrivacy regulation, the proposed Cookie Law for the EU, and other legislation worldwide, so you can be sure the content is spot-on, legally speaking.

    Complianz also has premium, paid offerings for compliance, available from their own website.

    Their website has documentation, and as a premium user, you get dedicated support from privacy professionals and developers who (and I quote) “don’t quit until a solution is reached”.

    complianz offerings screenshot
    Complianz offers a full privacy suite for WordPress.
    complianz premium vs free features chart
    Legal docs and Consent Management offerings on Complianz, free vs paid.

    Easily install the free Complianz Privacy Suite plugin from your WordPress dashboard. For the premium version, you’ll need to download from your account on Complianz.io, or use the link in your purchase confirmation, along with your license key.

    In addition to the free version, paid plans are offered as 3 tiers, priced per number of sites (25, 5, 1). All include the full shebang of required legal documents, compliant in multiple regions, along with records of consent, data request processing, A/B testing and statistics, and detailed cookie descriptions.

    Termly

    While Termly does have a plugin on the WP.org repository, it’s outdated, and I don’t recommend using it. But that doesn’t make their compliance options any less capable or appealing.

    Instead of the WP repo, head over to Termly’s website, where everything you need is easily accessible and kept fully up to date.

    Termly compliance offerings
    Compliance solution offerings from Termly.

    The Termly website comes with a host of features, ranging from a single policy to a full suite of compliance solutions.

    Here’s a breakdown of Termly’s top features:

    • Consent Management Platform
      • Manage consent on your website or app while providing a robust and flexible solution to compliment your business needs and regulatory requirements
    • Policy Generators
      • Choose from the ever-expanding list of legally vetted policies to protect your business and meet your compliance needs
    • Additional Legal Protection Generators
      • Easily create other Agreements and Notices to further protect your website (like: Terms & Conditions, Disclaimers, EULAs, Shipping Policies, Refund and Return Generators)
    Termly's all-in-one cookie consent solution
    Termly’s all-in-one cookie consent solution.

    Termly’s free plan provides you with one legal policy, four edits, and 10K/month banner visitors, as well as their basic compliance tools, which are:

    • Privacy Regulation Monitoring
    • Cookie Policy & Banner
    • Cookie Script Auto Blocker
    • HTML Embeddable Policies
    • Quarterly cookie scans

    In addition to their free/basic plan, Termly offers 3 paid tiers, priced per website. The first two go by number of policies, policy edits, and banner visits, and are payable per month or annually. The third tier is a custom “contact us” option.

    With 4.5 out of 5 star rating on Trustpilot, Termly is trusted and revered by thousands.

    Better Compliance and Reliance with WPMU DEV

    As you can see, responsible data management is not only good business practice, it’s also the law.

    In today’s landscape where massive amounts of data, along with infinitely more ways to store and use it are the norm, diligence is required in its care and handling, especially if you operate an online business (your own, or as an Agency for clients).

    Regardless of what kind of business it is, where it is located, or where your visitors reside, you are bound by certain legalities.

    Ignorance is not a defense, so compliance can be the difference between being successfully safe or professionally sunk.

    Beyond research and recommendations for meeting compliance requirements, WPMU DEV works hard to keep your websites and web development business operating at peak efficiency.

    That includes our free products and services, and our premium membership offerings – a suite of pro plugins (protection, optimization, form creation, SEO, and more), five-star always-on support, and sleek all-in-one site management tool. Plus our fast, dedicated, best-value-in-the-biz Hosting.

    If you’re not a member yet, you can start your 7-day, no obligation free trial today, and instantly catch up on what you’ve been missing.

  • How to Easily Create a Restaurant Website with WordPress

    Do you want to create a restaurant website with WordPress?

    A restaurant website can help attract new customers and grow your business. It can also provide a better experience for your existing customers and keep them coming back to your restaurant, cafe, takeaway, or similar business.

    In this article, we will show you how to create a restaurant website with WordPress.

    How to easily create a restaurant website with WordPress

    Why Create a Restaurant Website?

    A website is one of the best ways to market your restaurant to new customers and provide a better experience for your existing clients.

    By creating an online presence for your restaurant, you can introduce your business to people who are looking for venues and food just like yours.

    An example of a restaurant website

    After a potential customer discovers your business, a professionally-designed and helpful restaurant website will tell them everything they need to know about your business. They can then decide whether your restaurant is right for them.

    Even if you have lots of loyal customers and a positive reputation in the local area, a restaurant website can help you improve the customer experience.

    For example, it can allow customers to book a table online, send you questions using a convenient contact form, check out the latest menu, and much more.

    An example of a restaurant online booking form

    In this way, a restaurant website can keep your customers happy, so they carry on visiting you for months, or even years to come.

    That said, let’s see how you can easily create a restaurant website with WordPress.

    Which Is the Best Website Builder for Your Restaurant?

    There are many website builders that can help you create a restaurant website but we recommend using WordPress.

    According to our blogging research statistics, WordPress is the most popular website platform in the world. It powers nearly 43% of all websites on the internet including many top restaurant websites.

    WordPress is also open-source and free. For more on this topic, see our article on why WordPress is free.

    However, it’s important to realize that there are two types of WordPress software, so you don’t choose the wrong one.

    First, there is WordPress.com, which is a blog hosting platform. Then, there is WordPress.org which is also known as self-hosted WordPress.

    For a detailed comparison, you can see our guide on the difference between WordPress.com and WordPress.org.

    For a restaurant website, we recommend using WordPress.org because it gives you complete ownership of your site and allows you to install third-party plugins, including plenty that are designed specifically for restaurant owners.

    To learn more about why we recommend WordPress to all our readers, please see our complete WordPress review with pros and cons.

    Step 1. Setting Up Your Restaurant Website

    To create a WordPress website you’ll need a domain name and web hosting.

    A domain name is your website’s address on the internet. This is what customers will type into their browsers to reach your website, such as justeat.com or tacobell.com.

    Web hosting is where your website lives online. To help you out, we’ve hand-picked some of the best WordPress hosting that you can buy for a restaurant website.  

    Although the WordPress software is free, hosting and domain names are where the costs can really start to add up.

    A domain name typically costs $14.99/year and hosting costs start from $7.99/month. This is a lot for restaurants that already have bills and expenses to pay.

    Thankfully, Bluehost has offers a free domain name, and our readers can get 60% off on web hosting. Bluehost is one of the largest hosting companies in the world, and an official WordPress-recommended hosting partner.

    They’re also offering our readers a free SSL certificate. If you want to accept payments online, then an SSL certificate will help keep the customer’s credit and debit card information safe.

    You can click the button below to get started for as little as $2.75 per month.

    Once there, you will need to go to the Bluehost website in a new tab and click on the green ‘Get Started Now’ button.

    Bluehost WordPress Hosting offer for WPBeginner Users

    This will bring you to a pricing page where you can choose a hosting plan for your website.

    We recommend choosing a Basic or Plus plan, as they’re the most popular web hosting plans among our readers.

    Bluehost pricing plans

    After selecting a plan, click on ‘Continue.’

    On the next screen, you’ll need to choose a domain name.

    Choosing a domain name for your restaurant website

    Ideally, the domain name will be easy to pronounce and spell, easy to remember, and related to your business. The name of your restaurant is a great place to start, but sometimes that domain may already be taken by another business.

    In that case, you can try extending the domain name by adding your restaurant’s location, your own name, or the type of food you serve.

    Need help choosing a domain name for your restaurant website? See these tips and tools on how to choose the best domain name.

    After choosing a name, click on the ‘Next’ button to continue.

    Now you’ll need to provide your account information such as your name and email address. After that, you’ll also see optional extras that you can purchase.

    We generally don’t recommend purchasing these extras straight away, as you can always add them later on if you need them.

    Bluehost hosting package extras

    After that, simply type in your payment information to complete the purchase.

    Once you’ve done that, you’ll get an email with instructions on how to login to your web hosting control panel. This is your hosting account dashboard where you can manage your restaurant website, including setting up email notifications and asking for WordPress support.

    It’s also where you’ll install the WordPress software.

    Step 2. Create a New WordPress Website

    When you signup with Bluehost using our link, Bluehost installs WordPress on your domain name automatically.

    If you want to create a different WordPress website, then you can simply click on the ‘My Sites’ tab in the Bluehost dashboard.

    Next, just click on the ‘Add Site’ button and select ‘Create New Site.’

    Creating a new restaurant website using Bluehost

    The Bluehost wizard will now guide you through the setup process.

    First, you’ll need to type in a site title and optional tagline.

    Adding a site title and tagline to your new restaurant website

    Click on the ‘Next’ button to continue.

    After that, Bluehost will ask you to select a domain name and path for your restaurant website. If you’ve already purchased a domain name, then you can simply select it from the dropdown menu.

    Choosing a domain for your new WordPress website

    If you don’t have a domain name then you can buy one by visiting the ‘Domains’ page inside the Bluehost dashboard.

    After choosing a domain name, you can leave the directory path blank and let Bluehost fill it in for you. The installer will also show a few must-have WordPress plugins that you may want to install on your restaurant website including OptinMonster.

    After that, click on the ‘Next’ button and the installer will set up your restaurant site.

    Once it’s finished, you’ll see a ‘WordPress installed successfully’ message with information about your new website. You can now go ahead and click on the ‘Log into WordPress’ button.

    This will take you to your site’s admin area.

    Log into your new WordPress website dashboard

    You can also log in to the WordPress dashboard by simply going to yoursite.com/wp-admin/ directly from your browser.

    If you’re using a different WordPress website host such as SiteGround, Hostinger, HostGator, or WP Engine, then you can see our complete guide on how to install WordPress for all the top hosting providers.

    Once WordPress is setup, you’re ready to start building a five-star restaurant website.

    Step 3. Select a Restaurant Theme

    WordPress themes are professionally designed templates that change how your restaurant site looks and acts.

    By default, each WordPress site comes with a basic theme. If you visit your website, then it will look something like this:

    The default WordPress theme

    This is not very appealing for most customers, so you’ll usually want to replace the default WordPress theme.

    There are lots of different premium and free WordPress business themes to choose from. You can generally categorize these as multipurpose WordPress themes, or niche industry themes.

    Your typical restaurant website needs special features, like the ability to show a menu, photos, location information, business hours, and more.

    With that in mind, it makes sense to look for a theme that’s designed for the food or hospitality industry. To help you out, we’ve collected the best WordPress restaurant themes.

    You can also use a website and landing page builder plugin such as SeedProd.

    The SeedProd page builder

    SeedProd is the best drag and drop WordPress page builder and comes with built-in templates that you can use to build a professionally-designed restaurant website.

    These templates include a menu, food photos, pricing, recipes, and more.

    One of SeedProd's ready-made restaurant templates

    Once you’ve chosen a restaurant theme, please see our step-by-step guide on how to install a WordPress theme.

    After installing your theme, you may want to customize it by going to Appearance » Customize in the WordPress dashboard.

    This will launch the theme customizer where you can fine-tune the theme settings and see your changes in the live preview.

    The WordPress theme customizer

    If you’re using one of the newer full site editing themes, then you’ll see the option for Appearance » Editor, which uses blocks similar to the content editor to customize your site.

    Pro Tip: No matter what theme you’re using, neither the default WordPress customizer nor the full site editing offers a user-friendly drag and drop customization experience. For that reason, we recommend using a page builder like SeedProd to customize your theme.

    Just remember that you can always return to this screen and continue customizing your theme. You can even completely change your WordPress theme at any point.

    Step 4. Create a Custom Home Page

    WordPress has two two default content types called posts and pages.

    You’ll typically use posts to create articles and blogs. By default, the home page shows these posts in reverse chronological order, so the newest content appears at the top of the list.

    A list of WordPress blog posts

    You might use a blog to build a stronger relationship with their customers, improve your WordPress SEO, and get more traffic to your restaurant website. For example, you could write about recipes, share cooking tips, or blog about the latest restaurant industry news.

    However, even if you plan to publish blog posts, you typically won’t show these on the home page. Instead, we recommend creating a custom home page that introduces your business to new visitors.

    For step-by-step instructions on how to create an attention-grabbing restaurant home page, please see our guide on how to create a custom home page in WordPress.

    Once you’re happy with the page’s design, it’s time to set it as your home page. To do this, go to Settings » Reading in the WordPress dashboard.

    Adding a static home page to your WordPress website

    Here, scroll to ‘Your homepage settings’ and select ‘A static page.’

    Next, open the ‘Homepage’ dropdown and choose the page that you want to use.

    Adding a static home page to your WordPress restaurant website

    Then, simply scroll to the bottom of the screen and click on ‘Save Changes.’ Now, if you visit your website you’ll see the new home page in action.

    If you are going to write blogs, then make sure you create a separate blog page to display your posts. If you don’t, then customers will struggle to find your latest WordPress blogs.

    Step 5. Create an Online Restaurant Menu

    Even long-term, loyal customers may want to look at your menu from time to time. By publishing your menu online, customers can look at it any time of day or night.

    Publishing a menu can also help convince new customers to visit your restaurant.

    It is possible to upload PDF files to your WordPress website. However, downloading a PDF menu can be difficult depending on the customer’s data plan and internet connection, and they’re non-responsive so they can be hard to read on some devices.

    Plus, if you add new dishes or change your pricing, then you’ll also need to upload a completely new PDF.

    For that reason, we recommend using SeedProd to add an online menu to your WordPress website. SeedProd also allows you to create a mobile responsive menu that looks great on every device.

    One of SeedProd's professionally-designed restaurant templates

    You can also easily update the menu as you add new dishes, change the prices, remove dishes, and more.

    SeedProd even comes with a ‘Menu Sales Page’ template that’s perfect for creating a menu.

    A restaurant menu, created using SeedProd

    For detailed instructions, please see our guide on how to create an online restaurant menu.

    Step 6. Set Up Online Food Ordering

    Many restaurants allow customers to order food online. For example, you might give customers the option to pre-order their meal or place an order for delivery.

    It may sound technical, but you can easily add online food ordering to your website using the WPForms plugin.

    The WPForms form builder plugin for WordPress

    WPForms is the best WordPress form builder that allows you to create online order forms for all kinds of products and services.

    It even comes with a ready-made ‘Takeout Order Form’ that you can customize to suit your restaurant website.

    Adding an online takeaway order form to your WordPress website

    Every time someone completes the form, WPForms will notify you automatically so you can start working on that order straight away.

    If you don’t want to accept cash on delivery, then WPForms supports all of the best payment gateways including PayPal and Stripe. This allows you to accept payments securely online, which is quick and convenient for your customers.

    Accepting online payments for your restaurant website

    For step-by-step instructions, please see our guide on how to set up food ordering for restaurants in WordPress.

    Step 7. Add a Restaurant Booking Form

    Today, most people expect to be able to book appointments through an automated system.

    By adding a booking form to your restaurant website, you can accept reservations at any time of the day or night. You’ll never lose another customer just because you weren’t around to answer the phone. 

    Booking forms can also automate a lot of the booking process. This includes collecting payments and emailing your customers to remind them about their upcoming booking.

    You can easily add a restaurant booking form to your website using WPForms. This plugin has a ready-made dinner reservation form template that you can customize for your restaurant.

    How to accept online bookings on a restaurant website

    WPForms also integrates with all of the top email marketing providers. This makes it easy to send reservation confirmation emails to your customers.

    As their booking approaches, you can even send the customer a reminder email, ask them to share any dietary requirements, send a pre-order form, and more.

    Creating email notifications for your booking form

    To learn more about adding a reservation form to your WordPress website, please see our guide on how to create a booking form in WordPress.

    Step 8. Add a Contact Us Form

    Even if you use a WordPress appointment and booking plugin, some customers may still need to talk to you directly.

    While visitors could ring your phone number or send a message to your business email address, we always recommend adding a contact form to your website.

    An example of a contact form

    Most of the best contact form plugins come with built-in spam protection, so you won’t get any contact form spam. A form will also collect consistent information from visitors, so you’ll have all the data you need to write a helpful reply.

    The easiest way to add a contact form to your WordPress website is by using the free WPForms plugin.

    This free plugin comes with a built-in Simple Contact Form template that you can quickly customize using the drag and drop editor.

    WPForms' contact form template

    Then, simply add the form to any page, post, or widget-ready area using the ready-made WPForms block.

    For detailed instructions, see our guide on how to create a contact form in WordPress.

    Step 9. Add a Navigation Menu

    Once you’ve added some content to your restaurant website, you’ll want to help visitors find their way around those pages and posts by adding a navigation menu.

    An example of a restaurant menu, created using WordPress

    No matter what theme you’re using, WordPress makes it really easy to add menus and sub-menus to your restaurant website.  

    For a complete guide, please see our post on how to add a navigation menu.

    The WordPress menu settings

    Step 10. Add Social Proof to Your Restaurant Website

    Social proof is one of the best ways to earn customer trust, and convince new people to visit your restaurant. After all, we’re more likely to try things that we see other people buying, using, or recommending.

    People love sharing food photos on sites like Instagram and Facebook. With that in mind, we recommend adding social media feeds to your WordPress website.

    Smash Balloon Instagram Feed is one of the best Instagram plugins for WordPress, and it allows you to easily show other people’s photos on your site.

    Using this plugin, you can create a hashtag feed and show photos that customers have tagged your account in. This includes photos of your food, venue, and shots of customers having fun at your restaurant.

    A food hashtag Instagram feed, created using Smash Balloon

    For detailed step-by-step instructions, please see our guide on how to create a custom Instagram feed in WordPress.

    If your customers regularly tweet about your restaurant, then Smash Balloon Twitter Feed also lets you create hashtag and mention feeds.

    A Smash Balloon Twitter feed

    For more instructions on adding a Twitter feed to WordPress, see our guide on how to embed tweets in WordPress.

    Step 11. Show Customer Reviews

    Customer reviews and testimonials can provide visitors with more information, and may even solve any question or worries customers have about visiting your restaurant.

    If you already have a Facebook page, then it’s easy to display your Facebook reviews in WordPress using Smash Balloon Facebook Feed.

    Facebook reviews, embedded in a WordPress website

    If you want to show reviews from other platforms like Yelp or Google My Business, then there’s also plenty of customer review plugins for WordPress that you can use.

    These plugins will collect reviews automatically and then organize them into a nice layout on your restaurant website.

    Customer reviews embedded on a WordPress website

    If you do add a customer review page in WordPress, then don’t forget to add it to your navigation menu too.

    Don’t have any reviews to feature on your website? Then it’s time to start asking for them.

    WPForms has a a ready-made Restaurant Review Form template that you can add to your website.

    A restaurant review form, created using WPForms

    Bonus Tips to Grow Your Restaurant Website

    Now that you have setup your restaurant website, here are some top tips that you can use to grow your online business:

    We hope this tutorial helped you learn how to create a restaurant website with WordPress. You may also want to see our ultimate WordPress security guide and our expert pick of the must have WordPress plugins that you should install on all 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 How to Easily Create a Restaurant Website with WordPress first appeared on WPBeginner.

  • How to Create a Loyalty Program in WooCommerce

    Do you want to create a loyalty program in WooCommerce?

    A loyalty program can keep customers coming back to your online store, and keep them away from your competitors. It can also be a great way to reward your best customers and make them feel valued.

    In this guide, we’ll show you how to create a loyalty program for your WooCommerce store.

    Creating a loyalty program in WooCommerce

    Why Create a Loyalty Program in WooCommerce?

    Creating a loyalty program can be a great way to get more sales on your online store.

    A loyalty program encourages customers to keep coming back to your WordPress website, which is the key to running a successful business over the long term. It can even boost average spend per customer by giving shoppers a reason to add more items to their basket.

    Most stores give customers points for buying products and services. However, you can also reward customers for other actions like creating an account, placing their first order, signing up to your email newsletter, or spending over a certain account.

    You might even give customer extra points for returning to an abandoned shopping cart and completing their purchase. In this way, a loyalty program can help you recover WooCommerce abandoned cart sales.

    With that said, let’s take a look at how to add a loyalty program in WooCommerce.

    Setting Up Your WooCommerce Loyalty Program

    The easiest way to create a loyalty program is by using Advanced Coupons. It is the best WordPress coupons plugin and lets you create all kinds of coupons, programs, buy one get one free offers, and other rewards.

    After creating a loyalty program, Advanced Coupons will show the customer how many points they’ll get for each action, including buying a specific product.

    The customer will see a message in their shopping cart to let them know how many points they'll earn

    First, you’ll need to install and activate both the free Advanced Coupons plugin and the premium Advanced Coupons Loyalty Program addon. For more information, please see our step-by-step guide on how to install a WordPress plugin.

    Note: You can purchase the Advanced Coupons and Loyalty Program plugins together by getting the ‘All-In-One Bundle’.

    After that, simply go to Coupons » Loyalty Program in your WordPress admin dashboard and click on the ‘License’ tab.

    Adding a license to the Loyalty Program WordPress plugin

    You can now enter your license key and the email address you used to purchase Advanced Coupons. You can find this information by logging into your account on the Advanced Coupons website.

    After that, go ahead and click on the ‘Settings’ tab. This brings you to a screen where you can build the loyalty program.

    To start, let’s reward members with points when they take certain actions on your website, like leaving a product review, posting a comment, or buying a product.

    In the ‘Price to points earned ratio,’ we can see that the Loyalty Program plugin gives customers 1 point for every $1 spent.

    The points earned ratio

    If you want your WooCommerce loyalty program to look more impressive, then you give customers more points. For example, members might earn 2 points or 10 points for every $1 they spend.

    ‘Points to price redeemed ratio’ is how many points it takes to earn a dollar as part of your loyalty program.

    By default, customers earn $1 for every 10 points. That means the customer needs to redeem 10 points to get a $1 discount coupon. You can change these values to anything you want.

    You can also change the name of your loyalty scheme by typing into the ‘Points name’ field. We’ve gone with ‘Awesome Points’ for our loyalty program, but you might want to use something more branded, like Starbucks does with their ‘Stars’.

    Changing the name of your WooCommerce loyalty program

    Next, you’ll need to decide how your points are calculated. For instance, you may want to give a customer less points if they use a coupon code, compared to a customer who didn’t use a coupon. In this way, you can give the best rewards to your best customers.

    To do this, click on the ‘Points Earning’ tab. Here, you can check the boxes to take any discounts, tax, shipping costs, and any fee amounts into account when awarding points.

    Calculating points in a WooCommerce loyalty program

    Many online marketplaces and digital stores only reward customers for spending money. However, there may be other actions that benefit you, so it’s a good idea to reward customers for taking these actions.

    For example, you might want to reward visitors for registering with your membership site, posting a product review, or even commenting on a blog post.

    Simply scroll to the ‘Point Amounts’ section and then click the switch for any action that will earn the customer points.

    Point amounts toggle

    After activating these toggles, check whether there are any new settings to configure.

    For example, you’ll need to type in how many points customers will get for registering as a new user.

    Awarding points for registering as a new customer

    You can also encourage shoppers to spend more by awarding extra points for orders over a certain amount.

    To do this, enable the ‘Spending over a certain amount’ switch and then type a value into the ‘Spending over a threshold’ field.

    How to create a threshold for your WooCommerce loyalty program

    During busy shopping periods you may want to give customers an extra reason to buy from your store. For example you might award extra points during Black Friday, so customers aren’t tempted to shop with a competitor.

    You can give customers extra points during a specific period by enabling the ‘Extra Points To Earn During Period’ slider. Then, enter a date and time range into the ‘Extra points to earn during period’ section and type in how many points customers will earn.

    Awarding extra points for members of your eCommerce loyalty program

    There are some more settings you may want to look at, but this is enough to create a loyalty program in WooCommerce. When you’re happy with how the program is set up, scroll to the bottom of the page and click the ‘Save changes’ button.

    Your new WooCommerce loyalty program is now live.

    Automatically Creating Accounts for Your Customers

    Your customers will need to create an account in order to collect loyalty points.

    Already, this encourages people to sign up to your online store. However, you can also create an account automatically when a visitor makes their first purchase. This can improve the shopping experience, and may get you some extra members.

    To automatically create an account for a new customer, go to WooCommerce » Settings. Then, click on the ‘Accounts and Privacy’ tab.

    Changing your WooCommerce account settings

    To start, you may want to uncheck ‘Allow customers to place orders without an account’, so that customers can’t checkout as a guest. This will encourage more people to register with your site, but it may cause more shoppers to give up on a purchase and abandon their shopping carts.

    With that being said, it’a a good idea to set up WooCommerce conversion tracking and track visitors to your WordPress website. You can then see whether this change hurts your conversion rates.

    Next, check the ‘Allow customers to log into an existing account during checkout’ box.

    Once you’ve done that, you’ll want to make it as easy as possible for customers to create an account. With that in mind, we recommend checking all the boxes in the ‘Account creation’ section, as you can see in the following image.

    Disallowing the option to checkout as a guest in WooCommerce

    Now, WooCommerce will automatically send an email to first-time customers with information on how to access their new account.

    The WooCommerce Loyalty Program in Action

    Your loyalty program is up and running! Once a customer has earned loyalty points, they can turn them into coupons by going to My Account » My Reward Points.

    The customer can then simply type in how many points they want to use, and your WordPress blog or website will show how much the coupon is worth.

    The customer can go ahead and click ‘Redeem’ to create that coupon.

    In the following image, the customer has created a $5 coupon by converting 500 of their points. They still have 550 points left to redeem.

    The customer can turn their earned points into coupons in their account

    We hope this tutorial helped you learn how to create a loyalty program in WooCommerce. You may also want to check out our guide on how to create a WooCommerce popup and 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 Create a Loyalty Program in WooCommerce first appeared on WPBeginner.

  • How to Add an SEO Editor Role in WordPress

    Do you want to add an SEO Editor role in WordPress?

    If you have hired an SEO specialist to work on your website, then adding them as an SEO editor is the safest way to give them access to your WordPress website.

    In this article, we’ll show you how to easily add an SEO editor role in WordPress.

    How to Add an SEO Editor role in WordPress

    Why Add an SEO Editor Role in WordPress?

    WordPress comes with a user role management system that defines what a user can and cannot do on your website. You can assign different user roles to your team members depending on their job descriptions.

    By adding an SEO Editor / Manager role to your WordPress website, you will be providing secure access to the SEO features and tools to some specific members of your team.

    An SEO Editor role has access to the SEO settings for all your posts and pages. This allows them to optimize posts for SEO and work on search rankings.

    An SEO Manager tends to have access to sitewide SEO settings including sitemaps, redirects, local SEO, and more.

    By default, WordPress doesn’t offer either the SEO Editor or SEO manager user roles.

    However, you can easily add these roles by using the All in One SEO for WordPress. It is the best WordPress SEO plugin on the market and allows you to easily optimize your WordPress website like a pro.

    It also comes with powerful access control features which enable you to safely give your SEO team limited access to your website.

    That being said, let’s take a look at how to easily add an SEO editor or manager user role in WordPress.

    How to Add SEO Editor / Manager User Roles in WordPress

    First, you need to install and activate the All in One SEO for WordPress plugin. For more instructions, please see our step-by-step guide on how to install a WordPress plugin.

    Note: You’ll need the Pro version of the All in One SEO plugin to unlock SEO user role features.

    Upon activation, the plugin will launch the setup wizard which will walk you through the setup. If you need help, then you can follow our guide on how to set up All In One SEO in WordPress.

    Now you can simply add a new user to your WordPress website by visiting Users » Add New page or you can edit an existing user account by visiting the Users » All Users page.

    Choose a user for the SEO Manager role

    After that, simply click on the Edit link below the user account that you want to change.

    On the Edit user screen, scroll down to the Role option and select SEO Editor or SEO Manager user role from the drop down menu.

    Choose the SEO Manager from the dropdown menu

    Don’t forget to click on the Add / Update User button to save your changes.

    These users will now be able to access SEO features based on the user role assigned to them.

    For instance, SEO Editor will be able to see and edit SEO Settings for a post or page by simply editing them.

    SEO Editor preview

    On the other hand, a user with the SEO Manager role will also be able to view the General SEO settings on the WordPress admin sidebar.

    They will be able to make changes to site-wide SEO settings that may affect your entire website.

    SEO manager dashboard

    How to Customize SEO User Roles in WordPress

    By default, All in One SEO selects the best access control settings for each SEO user role.

    However, sometimes you may want to add or remove permissions from the SEO editor or Manager user roles.

    All in One SEO lets you customize SEO user roles so that you can select which options they’ll have access to.

    Simply head over to the All in One SEO » General Settings page and switch to the Access Control tab.

    Click the Access Control tab on the General Settings page in AIOSEO

    Caution: Be very careful when giving a user role access to any option under the General SEO Settings. These options may allow them to apply SEO changes that will affect your entire website.

    From here, scroll down to the ‘SEO Editor’ option and toggle the switch next to the ‘Use Default Settings’ option.

    This will reveal the Default Settings that All in One SEO has chosen for the SEO Editor role.

    Default settings for SEO Editor user role

    As you can see that by default the SEO editor user role only has access to Post SEO settings.

    From here, you can check or uncheck items that you want to allow the SEO editor to have access to.

    For instance, you can remove access to the Manage Redirects option or give them access to the Search Statistics feature.

    SEO editor changed settings

    Similarly, if you want to change settings for the SEO Manager user role, then you will need to switch off the ‘Use Default Settings’ toggle next to the SEO Manager option.

    This will reveal the default settings that All in One SEO has chosen for the SEO manager user role.

    SEO manager default settings

    By default, the SEO manager user role has access to several options under the General SEO settings as well as all the options under the Post SEO settings.

    You can change that by checking the items that you want them to have access to or unchecking to remove access from specific items.

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

    We hope this article helped you learn how to add an SEO Editor role in WordPress. You may also want to see our ultimate WordPress SEO guide for beginners and our top picks for the best WordPress plugins 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 Add an SEO Editor Role in WordPress first appeared on WPBeginner.

  • How AI Will Affect the WordPress Industry

    AI is becoming more prominent every day, and there’s no question it will change the WordPress business. Many changes are already taking place. This article showcases what might be different in the near future, as well as what’s happening currently.

    You’ve probably been hearing a ton about AI (artificial intelligence), which describes human reasoning mimicked in machines – especially computer systems. Specifically, AI includes natural language processing, speech recognition, machine vision, and expert systems.

    In this article, we’ll focus on advancements that pertain to WordPress and what it looks like now that AI has its grip on the industry.

    This introductory article covers the following:

    Plus, we’ll try to answer the biggest question of them all: Will WordPress Developers Be Out of a Job?

    So, adjust those AI-created reading glasses, and let’s begin!

    How AI Will Change the WordPress Industry

    AI image.
    AI has its eye on the WordPress industry.

    Knowing that AI is here to stay, there’s bound to be speculation about how AI will change the WordPress industry. Will it be for the better? Worse? Can AI take my job as a developer?

    We’re no fortune tellers here, but we can determine a few industry changes that will more than likely take place. A lot of it has already.

    Here’s a breakdown of some of AI’s major changes to the WordPress industry.

    Website Building

    Machines that build websites? It’s not a sci-fi movie, it’s reality. There are already companies that are in the process of building algorithms that can build websites (e.g. Wix ADI, Hostinger, and Jimdo).

    ChatGPT is also a game changer for WordPress developers. It’s a chatbox developed by OpenAI that uses a language processing model to generate text based on user inputs. Its applications range from making code based on texts to generating content.

    AI models like ChatGPT give users access to an AI assistant that works with them on developing the perfect website based on a user’s criteria. It makes determinations about layout, design, branding, and more.

    All of this being said, these are pretty simplistic websites. Therefore, web designers and developers are still essential and provide a service unsurpassed by AI… for now.

    Machine-Aided Writing

    Like website building, machine-aided content creation and writing are on the horizon. AI assistants will create content writing, copywriting, social media writing – and basically all written content.

    This article you’re reading right now exemplifies how things will change. Currently, technology isn’t where you can get insightful, meaningful, and engaging content fully produced by AI. However, it’s coming.

    And it will outperform current writing tasks by analyzing the best content to include without a human manually searching.

    That’s not putting myself or any other writers down, but AI can research articles in a matter of seconds, whereas a writer like myself has to look up various resources – which can take a while.

    The good news is that humans can currently put an article like this together and (hopefully) make it engaging, and AI just doesn’t have the creative chops (patting myself on the back).

    AI is already implemented to help with writing, including software like Grammarly – which is getting better and better at understanding context, making good suggestions, and ensuring that your words are well written.

    Grammarly example.
    This Grammarly example shows how AI adds suggestions and corrections.

    There’s also software like Jasper, Hypertenuse, and Writesonic that help create unique articles, copywriting, and social media content by writing it for you. And AI journalism is also here for stock insights, business reports, sports recaps, and more.

    User Experience That’s Customized

    As AI advances, it will understand the customer more and more, providing them with a customized shopping experience.

    An example is a facial recognition plugin, such as Real ID. Beyond Real ID, there will be plugins allowing AI to suggest products. This will be based on color, size, and brand – whatever would look good on an individual consumer. This will eliminate the need for browsing and can instantly match products.

    This takes it further than “suggested items” based on browsing history by knowing what is a good match with an AI assistant. It’ll be like your best friends saying, “Oh, that looks great on you!” Or, “Eh, not your style.”

    Customer Service Automation

    You’ve probably had automated customer service already. Chatbots exist all over the WordPress community and social media. They learn from various interactions, add answers to their system, and respond automatically. Even when making calls, voice recognition answers questions via an AI assistant.

    Automation is even apparent at your grocery store. The self-checkout aisle is a good example. It is edging towards the point where humans will be out of the equation (in its current state, it’s definitely not satisfactory… yet).

    Along with answering questions, AI can find prospective customers and improve the sales process – plus much more.

    SEO Booster

    AI can give you a boost in the SEO department. It’s already here for WordPress – and getting better all the time. The days of painstakingly going through your website and optimizing SEO for WordPress are already over.

    A plugin like SmartCrawl automatically analyzes your website’s SEO, provides recommendations, and leverages your social media SEO. Additionally, for images, Smush can optimize images automatically.

    As AI advances, plugins like SmartCrawl and Smush will, too.

    Reduction of Human Error

    Humans, of course, make mistakes. We’re wired for them. And mistakes can be costly – especially with WordPress development.

    AI will be used more and more to prevent errors by developing flawless systems of coding, security, and specifications. This is another example of AI taking over WordPress development completely.

    Machine learning is here to improve efficiency. It can eliminate the need for costly meetings regarding decision-making, for example. AI will already know what’s best, and you can eliminate that hours-long Slack call with a dozen employees.

    When decisions by AI are made, it is decided on information gathered and a set of algorithms criteria. So, when programmed well, it can eliminate any errors.

    Unbiased Decisions

    Humans, driven by emotions, can sometimes make decisions based on bias. However, AI is emotionless, practical, and rational in any decision-making process.

    When eliminating biased views, it can disrupt programming by allowing agencies to make decisions on sites they want to build, what to include, and what clients to work with.

    Zero Risks

    Ever want to remove a line of code but decided it was in your best interests not to in case it would crash an entire website? When AI robots are on the job, they can take more risks without the backlash of losing a job in case of a bad decision.

    Plus, they can provide more accuracy with greater responsibility.

    So, AIs can be written-up for bad work performance, so that’s good news for developers. However, it can also take a developer’s job, so there might not be any opportunity to be written up in the first place.

    Graphics and Images

    Part of website development is images; AI can produce images with just a few words of what it is you’d like.

    This can also be used when creating websites for clients who need images for their WordPress site, social media, emails, and other marketing. AI generators like fotor, DeepAI, and craiyon are a few examples of companies that can provide this service.

    fotor example.
    An example of AI-generated artwork from fotor.

    Almost anything imaginable can be generated with these programming languages, and the art is becoming increasingly complex as time goes on.

    The Upside to AI

    We’ve gone over how AI will change the WordPress industry – and much of it is positive. Beyond streamlining web development, AI can:

    – Drive down the time it takes to perform a task and enable multi-tasking with a hands-off approach.

    – Work 24/7 with no breaks needed.

    – Increase eCommerce sales by learning the customer’s needs and catering to them (e.g. like the clothing example mentioned above).

    – Make decision-making faster and smarter.

    – Save time and energy by implementing SEO practices practically instantly.

    – Be deployed across industries.

    There are other examples, but AI has great potential in the WordPress business.

    Still, there’s also some bad with the good.

    The Downside of AI

    Of course, there can be a downside to AI as well. And when saying “downside”, that can depend on the context of individual situations and circumstances – so keep that in mind. However, there could be some unpleasant disruptions to how WordPress has operated throughout the years that might not bode well.

    Some unsavory aspects will be:

    – Unemployment could rise as AI can take over positions in WordPress development, such as with graphics, web building, copywriting, and more.

    – A personalized experience on a human level will disappear if AI performs the tasks.

    – High costs can occur when using AI software, tools, robots, etc.

    – No creativity.

    – No ethics, which we all have when it comes to our work.

    All of this also begs the question…

    Will WordPress Developers Be Out of a Job?

    As of right now, AIs are capable of churning out websites that are quite limited, basic, and lack imagination. Sure, this will improve over time. However, at the moment, AI isn’t there. WordPress developers and designers are a necessity.

    AI is on a trek to form a next-generation workplace that relies on collaboration between systems and individuals. So, humans are essential and not obsolete. If anything, human efforts are strengthened by the emergence of AI.

    Tasks will be able to be performed quicker, jobs can be done around the clock, and decisions can be made in a few moments.

    A personalized touch on web development, design, graphics, and writing is still needed (and valuable). Additionally, updating and maintaining web design is done by humans.

    So… will AI ever completely take over WordPress development?

    Fear not — it’s not likely to happen too soon.

    BUT…

    What you can do as a WordPress developer is adapt to AI. There’s no point in turning a blind eye to AI – it’s here already and will become more and more prominent.

    Be aware of AI tools, and get to know them well. Learn about what an AI web design tool does and how it works. Then, decide what tools you can use in your web development business. And finally, practice using the tools until you figure out exactly what it does.

    No amount of AI can replace human creativity. The best AI out there doesn’t know what a customer wants. There will be an increase in one-off AI-generated websites now and from here on out, but it’s unlikely that full automation will take over web development jobs soon.

    It’s a matter of combining your skills as a web developer with AI – and adapting to this new technology.

    Seeing Eye-to-Eye With AI

    With AI emerging, there’s a lot of speculation, excitement, worry — you name it — in the WordPress community. But, like everything else, it’s not the demise of WordPress developers, illustrators, writers, and every other job required for good web development.

    It’s just a matter of embracing change and working with it. And at the end of the day, if you get on top of what’s coming, you can expand and grow tremendously with the AI resources at your disposal.

    Don’t worry about a robot coming along and handing you a termination letter anytime soon. Sure, there’ll be some changes, but as much anxiety as change can bring, try to see eye-to-eye with AI.

    Be sure to check back with us soon as we dive deeper into AI with more articles about this ever-evolving technology.

  • How to Sell Music Online in WordPress (Step by Step)

    Recently, one of our readers asked if it was possible sell music online in WordPress?

    The answer is yes. Whether you’re selling your own songs or creating an online music store, you can easily do this in WordPress. Selling music online is a great way to make money without having to pay high shipping or manufacturing costs. It can also be an easy way to promote your own band or music, as well as grow your fanbase.

    In this article, we will show you how to easily sell music online in WordPress, step by step.

    How to sell music online in WordPress

    How to Sell Music Online in WordPress

    The easiest way to sell music online is by using Easy Digital Downloads. Easy Digital Downloads is the best eCommerce WordPress plugin that’s designed specifically to sell digital products including music.

    How to sell music online using WordPress

    Unlike general eCommerce plugins like WooCommerce, Easy Digital Downloads is built specifically with the features you need to promote, sell, and distribute digital music online.

    In this way, you don’t have to waste time configuring features that aren’t necessary for selling digital products, such as shipping and inventory management settings.

    With that being said, let’s see how you can easily sell music online in WordPress.

    Note: If you are looking to sell physical copies of your music, too, such as vinyl records or CDs, check out our guide on how to set up an online store.

    Before You Get Started

    Before you can start selling music online, it’s important that you have a WordPress site setup already.

    For this, you will need a domain name and WordPress hosting.

    We recommend using SiteGround’s EDD hosting because it comes with Easy Digital Downloads pre-installed.

    SiteGround Managed Hosting forEasy Digital Download (EDD)

    But you can also use any other WordPress hosting provider and follow our instructions below.

    Step 1. Setting Up Your eCommerce Plugin

    The first thing you need to do is install and activate the Easy Digital Downloads plugin. For detailed instructions, please see our guide on how to install a WordPress plugin.

    The Easy Digital Downloads WordPress plugin

    Upon activation, head over to Downloads » Settings in the WordPress dashboard.

    How to set up the Easy Digital Downloads WordPress plugin

    Even though you’re selling music, you still need to set your store’s location. This allows Easy Digital Downloads to auto-fill some fields in the order form, which will make it easier for fans to buy your music. Easy Digital Downloads will also use this information to calculate sales tax.

    To add your location, simply open the ‘Business Country’ dropdown menu. You can then choose where your business is based.

    Setting the location of your online music store

    Next, open the ‘Business Region’ dropdown menu and choose the state or province where your store operates from.

    After making these changes, go ahead and click on Save Changes to store your settings.

    Adding a region to your digital music store

    Step 2. Adding a Payment Gateway to Your Music Store

    When selling music online, you’ll need a way to accept credit card payments in WordPress.

    By default, Easy Digital Downloads supports popular payment gateways including Stripe, PayPal and Amazon Payments.

    Pro Tip: Want to use a different payment gateway instead? You can add extra payment options using the Easy Digital Download extensions.

    To add payment gateways to your website, go ahead and click on the ‘Payments’ tab. Then make sure the ‘General’ tab is selected.

    Adding a payment gateway to your WordPress website

    In the Active Gateways section, check the box next to each gateway you want to use on your WordPress website.

    If you check more than one payment method, then you’ll need to choose a default gateway, which will be selected automatically when the visitor arrives at the checkout.

    To make this decision, simply open the ‘Default Gateway’ dropdown and choose the payment method you want to use. You can use any gateway you want, but Stripe can accept credit cards as well as Apple Pay and Google Pay. With that in mind, we recommend using Stripe as your default gateway.

    Adding a Stripe gateway to your WordPress blog or website

    After selecting one or more payment gateways, click on the ‘Save Changes’ button. You’ll now have access to some new tabs where you can configure each payment gateway.

    The process will vary depending on which gateway you’re using, but Easy Digital Downloads will walk you through the process.

    Let’s use Stripe as an example.

    To set up Stripe, simply select the ‘Stripe’ tab and then click on ‘Connect with Stripe.’

    Connecting the Stripe payment gateway to WordPress

    This launches a setup wizard that will walk you through the process of configuring Stripe as your payment gateway.

    If you’re using multiple payment gateways, then you’ll need to repeat these steps to set up each gateway separately.

    By default Easy Digital Downloads shows all your prices in US dollars. Once you’ve set up your payment gateway, you may want to change the currency that’s used on your website.

    To show your prices in any currency other than US dollars, just click on the ‘General’ tab. Then, select ‘Currency.’

    How to change the currency settings in your online music store

    Next, open the ‘Currency’ dropdown. You can now choose the currency that you want to use on your online music store.

    Just be aware that some payment gateways may not accept every currency. If you’re unsure, then you can always check your chosen payment gateway’s website. Most have a list of all the currencies they support.

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

    Step 3. Turn Your Music Files into Downloadable Products

    Once you’ve set up a payment gateway, you’re ready to start adding music to your online store. With Easy Digital Downloads, you can add sell a single song or add multiple files to the same digital product. This is perfect for selling EPs, albums, compilations, and other products that have multiple separate audio files.

    Create a New Digital Product

    To create a digital product, simply select ‘Downloads’ from the left-hand menu. Then, click on the Add New button.

    Adding music as a downloadable product

    You can now type in a name for the product. This will be shown on the product’s page, so you’ll typically want to use something descriptive like the title of the album or single.

    Next, type out the description that will appear on the product page.

    This should give shoppers all the information they need to decide whether the product is right for them. For example, you might include the genre, duration, and track listing. You might also want to show customer reviews, quotes from music critics, or the star rating.

    Adding customer reviews to your WordPress website using Easy Digital Downloads

    Add Categories and Tags

    If you’re planning to sell music from lots of different artists, then categories and tags can help shoppers find what they’re looking for.

    Helpful and descriptive categories can encourage shoppers to explore related artists and genres, which can get you more sales. You might even get creative and add tags for different characteristics like mood, influences, or activities, as you can see in the following image.

    Adding product tags to your WordPress website

    You can create new categories and tags in the ‘Categories’ and ‘Tags’ boxes.

    This works similarly to adding categories and tags to WordPress pages.

    Adding product tags and categories to your music website

    Set a Price (Or Create Variable Pricing)

    After that, you’ll want to set a price by scrolling to the Download Prices section.

    Here, type in how much visitors need to pay before they can download the digital product.

    Adding a price to a digital music download

    Most of the time you’ll want to charge a fixed amount, but Easy Digital Downloads also supports variable pricing.

    You might use variable pricing to sell different versions of the same digital product. For example, you could create an extended album with additional tracks, or have several versions of a single with different bonus songs.

    If you want to sell variations, then select the ‘Enable variable pricing’ checkbox. This adds a new section where you can start to build your variations.

    For now, just type in a title and price for each variation.

    How to enable variable pricing

    To add more variations, simply click on ‘Add New Price.’ This adds another section where you can type in a title and price.

    With that done, you’ll need to set the default variation, which will be selected when the visitor first lands on the product page. Simply check the radio button next to the variation you want to use.

    Adding variable pricing to your songs, albums, and EPs

    Add Your Audio Files

    You’re now ready to start uploading audio, which can either be a single file or multiple separate audio tracks.

    When it comes to music, WordPress supports mp3, ogg, and wav. WordPress also supports m4a, although this format may not work in all browsers.

    Pro Tip: If you want to sell music in a file type that WordPress doesn’t support, then see our guide on how to allow additional file types in WordPress.

    You can now scroll to the Download Files section and click on the ‘Upload a File’ icon.

    Uploading audio and music files to an eCommerce store

    Now simply choose a song from the media library, or upload a new file from your computer.

    With that done, type a title into the ‘File Name’ field. This will be visible to the shopper, so you’ll typically want to use the song’s title. However, you can also add extra information such as the artist’s name.

    If you want to add multiple tracks to the digital product, then click on ‘Add New File.’ This adds a section where you can upload another file.

    How to sell songs, audio files, and albums online using WordPress

    Simply repeat these steps to upload all the files you want to include in the digital product.

    Finish Setting Up Variable Pricing (Optional)

    Did you enable variable pricing in the previous step? If you’re selling different versions of the same product, then you’ll need to choose which files to include in each variation.

    For example, you might release ‘My Awesome Album’ with 10 tracks, and ‘My Awesome Album Extended Edition’ with 12 tracks.

    Note: If you set a single price, then skip ahead to the next section.

    In the ‘Price Assignment’ column, you’ll see that every audio file is set to ‘All’ by default. This means it’s included in every variation.

    To change this, simply open a file’s ‘Price Assignment’ dropdown and choose the variation that customers need to purchase, in order to get this audio file.

    How to create variable music downloads using WordPress

    Simply repeat these steps to build unique variations with different track listings.

    Protect Your Music By Setting a Download Limit

    By default, a customer can download a product as many times as they want after purchasing it. This can be useful if the person accidentally deletes their download, or they want to listen to the track on multiple devices such as their smartphone, tablet, and computer.

    However, offering unlimited downloads can make you vulnerable to scams. For example, a customer might share their direct download link with dozens of other people, who then download your music for free.

    With that in mind, you may want to set a reasonable file download limit by typing into the ‘File Download Limit’ field.

    Add a download limit to your music files

    Note: If you set this value too low, then customers may occasionally contact you asking for extra downloads. If there’s a genuine reason why they need to re-download the file, then you can simply resend the purchase receipt by going to Downloads » Payment History in your WordPress dashboard.

    Create a Refund Policy

    Hopefully, everyone who buys your music will be happy with their purchase. However, it’s still smart to think about how you’ll handle refunds.

    If you scroll to the ‘Refunds’ section in the left-hand menu, then you’ll see that Easy Digital Downloads offers your customers a 30-day refund by default.

    Creating a refund policy for your online store

    If you want to give customers more or less time to claim a refund, then simply type a new number into the ‘Refund Window’ field.

    A generous refund policy can make customers see your site as trustworthy and fair, which could get you more sales. It will also help turn hesitant visitors into first-time customers.

    Giving unhappy customers their money back is a big part of good customer service. Even if they didn’t like their purchase, an easy refund process may still convince people to buy from you in the future.

    For that reason, we recommend offering refunds wherever possible. However, if you don’t want to give refunds, then open the ‘Refund status’ dropdown and choose ‘Non-Refundable.’

    Changing the refund policy on your music store

    Upload Your Album or Song’s Cover Art

    With that done, you’ll need to add a product image. This will typically be the album or single’s front cover, or the musician’s logo.

    Pro Tip: If you don’t already have a product image, then you can create one using web design software such as Canva.

    To add a product image, simply scroll to the Download Image section and then click on the ‘Set Download Image’ link.

    Adding a product image to a music store

    This launches the WordPress media library where you can choose an image or upload a new file from your computer.

    Add Download Instructions

    Finally, you may want to add some download instructions, which will appear on the order confirmation page.

    An example of download instructions, on a purchase confirmation page

    They’ll also be added to the bottom of the purchase receipt email customers get when they buy from your site.

    You can use this section to share technical information, such as the file format or the programs it’s compatible with. However, you can also write a thank you note, or even share exclusive perks such as a coupon code.

    Download instructions, on a music purchase receipt

    No matter what information you want to share, go ahead and type it into the ‘Download Instructions’ box.

    Once that’s done, you can go ahead and click on the ‘Publish’ button to make the digital download live.

    Adding download instructions to a digital music download

    Step 4. Customize Your Digital Download Emails

    Every time someone buys music from your store, Easy Digital Downloads will send them an email.

    Inside the email, they will find a download link to their purchased music.

    The default Easy Digital Downloads purchase receipt email

    While this email has everything the customer needs by default, it’s a good idea to customize it. For example, you might help your email stand out by adding your own branding and logo.

    To customize the default email, head over to Downloads » Settings. Then click on the ‘Emails’ tab.

    How to customize the purchase confirmation email on your online store

    Add Your Own Logo and Branding

    You may want to start by adding a logo to the purchase confirmation email.

    This logo appears at the top of the screen, so customers can immediately see who the purchase email is from.

    Adding your music store's logo to the purchase receipt email

    To add a logo, click on the ‘Upload File’ button. You can now either choose an image from the WordPress media library or upload a file from your computer.

    Change the ‘From’ Name and Email

    You can also add a ‘From Name’ which will appear in the customer’s inbox. With that being said, you’ll want to use something that the customer will recognize such as the name of your band or online music store.

    You’ll also need to add a ‘From Email,’ which will act as the ‘from’ and ‘reply-to’ address.

    Configuring the payment confirmation email

    Some customers may reply to the purchase receipt email. For example, if they’re having problems downloading your music, then they might reach out by clicking ‘Reply.’

    Because of that, you’ll want to use a business email address that you frequently check.

    Improve Your Email Deliverability

    If shoppers don’t get the purchase receipt email, then they won’t be able to download the music they just bought.

    This is a bad customer experience, so you’ll want to make sure the purchase receipt email arrives in the shopper’s inbox and not in their spam folder. For that reason, we recommend using WP Mail SMTP to improve email deliverability rates.

    Simply click on the ‘Install & Activate WP Mail SMTP’ button and then follow the onscreen instructions to configure the free plugin. For more information, please see our step-by-step guide on how to fix the WordPress not sending email issue.

    How to fix the WordPress not sending email issue

    When you’re finished, don’t forget to click on the ‘Save Changes’ button.

    Write Your Purchase Email

    After all that, click on the ‘Purchase Receipts’ tab.

    How to create a custom purchase receipt for an online store

    On this screen, you can type in an email subject, add a heading and also change the email’s body text.

    You could simply type in the text that you want to send to every customer. However, you can create more helpful and personalized emails by using the Conditional Emails feature.

    Conditional Emails use ‘template tags’ to personalize your messages. These template tags change based on factors such as the buyer’s name, how much they paid for their music download, and any coupon codes they used for the purchase.

    When Easy Digital Downloads sends an email, it’ll automatically replace the template tags with real values.

    To see all the different tags you can use, simply scroll to the bottom of the page.

    Easy Digital Download's conditional email settings

    Test Your Purchase Receipt Email

    When you’ve finished making changes, you may want to send a test email to check how the message will look to your customers.

    Simply click on the ‘Send Test Email’ button and Easy Digital Downloads will send an email to your admin email address.

    Sending a test email from your online music store

    When you’re happy with how the purchase receipt email looks, you can go ahead and click on the ‘Save Changes’ button.

    Step 5. Test Your Digital Music Download

    After all that, it’s a good idea to test the digital download to see whether there are any problems or anything you want to change.

    Enable Test Purchases

    To start, you’ll need to put Easy Digital Downloads into test mode so you can buy products without having to enter any payment information.

    In the WordPress dashboard, go to Downloads » Settings and then click on ‘Payments.’

    Adding a payment gateway to Easy Digital Downloads

    On this screen, check the box next to ‘Test Mode.’

    Next, select ‘Store Gateway’ as this allows you to make a purchase without typing in any credit or debit card information.

    Adding payment gateways to WordPress

    After that, click on ‘Save Changes’ to store your settings.

    Make a Test Purchase

    Now you’re in test mode, go to Downloads » Downloads and hover your mouse over the product you want to test.

    When it appears, click on the ‘View’ link.

    How to customize a music download

    This opens the item’s product page.

    To go ahead and make a test purchase, click on the ‘Purchase’ button.

    Testing a music purchase on your WordPress website

    Easy Digital Downloads will now add this product to your shopping cart.

    To proceed, click on the ‘Checkout’ button.

    How to sell music online with WordPress

    Under ‘Select payment method,’ click to select the radio button next to ‘Store Gateway.’

    You can now type in your name and email address. Easy Digital Downloads will send the purchase receipt to this address, so you’ll need to use a real email address that you have access to.

    How to sell albums, songs, and music online using WordPress

    After a few moments, you’ll get a purchase confirmation email containing links to download each track in the digital product.

    If everything works as expected, then you’re ready to start accepting payments from real-life music fans.

    To take Easy Digital Downloads out of test mode, go to Downloads » Settings, and then select the ‘Payments’ tab. Here, uncheck the box next to ‘Test Mode’ and the box next to ‘Store Gateway.’

    How to accept payments online using WordPress

    With that done, click on ‘Save Changes’ to store your settings. You’re now ready to accept credit card payments in WordPress.

    Step 6. How to Promote Your Music Downloads

    At this point, you’ve created one or more digital products, but you still need to drive potential customers to your product pages so they can buy your music.

    This might mean creating a sales page where you advertise all the latest releases, adding a particular product page to your website’s menu, or even highlighting your favorite track on a custom home page.

    You could even write a WordPress blog where you talk about music topics such as the latest releases, your tour experiences, or your favorite records. These posts are the perfect place to include links to any relevant albums and singles that readers may want to buy.

    No matter how you promote a product, you’ll need to know its URL.

    To find this link, head over to Downloads » Downloads. You can then hover your mouse over the product and click on its ‘Edit’ link.

    Selling music online using WordPress and Easy Digital Downloads

    You’ll find the URL under ‘Summary’ in the right-hand menu.

    You can now link to this product page from any area of your website, simply by using its URL. To learn more, see our step-by-step guide on how to add a link in WordPress.

    Adding a product page to your WordPress website

    Easy Digital Downloads also creates a ‘Purchase’ button for each digital download. Visitors can click this button to add that specific product to their shopping cart.

    You can add this button to any page, post, or widget-ready area. This allows visitors to start the purchasing process without necessarily visiting the product’s page.

    Adding a music purchase button to your website or blog

    To get the button’s shortcode, simply scroll to the product’s Download Settings section. You can then copy the text in the ‘Purchase Shortcode’ field.

    For more information on placing the shortcode, please see our guide on how to add a shortcode in WordPress.

    How to add a digital down to WordPress using shortcode

    We hope this article helped you learn how to sell music online with WordPress. You can also go through our guide on the best live chat software for small businesses and our step by step guide on how to create an email newsletter.

    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 Sell Music Online in WordPress (Step by Step) first appeared on WPBeginner.

  • How to Track Social Metrics for WordPress Sites

    How to Track Social Metrics for WordPress SitesWhen was the last time you examined the way users share your posts and pages to their social media accounts? It might initially seem strange to worry about how many people tweeted your last blog post. But such counts and trends give you insight into how popular your site is and which pages or posts work. […]

    The post How to Track Social Metrics for WordPress Sites appeared first on WPExplorer.