How to Do A/B Split Testing in WordPress (Step by Step)

Do you want to run A/B split tests on your WordPress site to improve conversions?

Split testing helps you understand how small changes in content and design affect user behavior. You can create different versions of a landing page and see which one converts the best.

In this article, we will show you how to easily do A/B split testing in WordPress.

How to do A/B split testing in WordPress

What Is A/B Split Testing?

A/B split testing is a technique that allows you to compare two versions of the same web page against each other so that you can determine which one performs better and produces the best results.

Marketers often use A/B split testing for their landing pages to find out which one gets them more conversions and sales.

Split testing can be used to test any element on the page, including call-to-action buttons, color schemes, layout changes, marketing text, images, and more.

Basically, you show different variations of a page to your audience. After that, you track user engagement and conversions to find out which variation gives you the best results.

Split testing explained

How to Do A/B Split Testing in WordPress

Before we move forward, there are a few things you will need for this tutorial.

Previously, Google Optimize was a free tool that many people used for split testing. However, Google Optimize sunsetted on September 30, 2023. Google announced that it would be investing in A/B testing in Google Analytics 4, which is the latest version of the famous analytics platform.

This means that if you were using Google Optimize before, then you can no longer access your experiments, personalizations, and historical data. When you open your account, you will see a message at the top showing that the tool is now sunset.

Fortunately, there are some other simple ways of A/B testing in WordPress. These are great Google Optimize alternatives, as they are easier to use and help you conduct experiments in WordPress. Simply click the links below to jump ahead to your preferred method:

Method 1: A/B Testing in WordPress Using Thrive Optimize

Thrive Optimize is part of the Thrive Theme suite and lets you run experiments and split tests in WordPress.

Since Google Optimize is no longer available, Thrive Optimize is a great alternative to conduct A/B tests. It offers more features, and you don’t need to enter a code to run a split test. Plus, it will keep your experiment data safe.

Just keep in mind that you will only be able to use Thrive Optimize if you are also using the Thrive Architect page builder plugin.

First, you’ll need to visit the Thrive Themes website and sign up for an account.

Thrive Theme

After creating an account, you can download the Thrive Product Manager plugin from your account area.

Next, you’ll need to install and activate the Thrive Product Manager plugin. For more details, please see our guide on how to install a WordPress plugin.

From here, you can go to the Product Manager page from your WordPress dashboard and click the ‘Log into my account’ button.

Go to Thrive product manager

On the next screen, you’ll see different Thrive Theme products.

From here, you’ll need to install Thrive Optimize and Thrive Architect. Simply check the ‘Install Product’ options and click the ‘Install selected products’ button at the bottom.

Install thrive optimize and thrive architect

If the products don’t automatically activate, then you will need to head back to the Product Manager page from your WordPress dashboard and activate Thrive Architect and Thrive Optimize.

You should now see a success message once the plugin is installed.

View success message

Next, you’ll need to head to Thrive Dashboard » Thrive Optimize from your WordPress admin panel.

After that, you can add a new page by going to Pages » Add New from your WordPress admin panel. Once you are in the content editor, simply click the ‘Launch Thrive Architect’ button.

Edit with Thrive Architect

Next, Thrive Architect will ask you what type of page you would like to create.

You can create a normal page, a blank page with a header and footer, a completely blank page, or select a pre-built landing page. For this tutorial, we will select the ‘Pre-built Landing Page’ option.

Select the type of page you want to create

There are many pre-built landing page templates to choose from. Simply select one and edit your page.

For more details on how to edit your page with Thrive Architect, you can see our guide on how to design landing pages in WordPress.

Select landing page template

In the Thrive Architect page builder, you will see an A/B testing option in the right panel.

Go ahead and click the ‘A/B’ icon.

Click split testing icon

Next, you can create different variants for your page for split testing.

We recommend clicking the ‘Duplicate this variation’ button for your control page. This will create a clone of your main page so you won’t have to create the landing page all over again from scratch.

Create a duplicate variation

You will now see a duplicate variant of your landing page.

Go ahead and click the ‘Edit Variation’ button to make changes.

Edit your variation

Next, you can edit the landing page to split-test different elements.

For example, we will change the color of the call to action (CTA) button. Once you are done, just click the ‘Save Work’ button at the bottom.

Make changes to variation

Now, you can click the ‘A/B’ button from the panel on the left to go back to the A/B testing dashboard.

Next, Thrive Architect also lets you split traffic for each variation. Simply use the toggles at the bottom to allocate the amount of traffic to each page.

Once you are done, go ahead and click the ‘Set Up & Start A/B Test’ option.

Set up and start A/B test

A popup window will now open.

Go ahead and enter a name for your split test and a short description. You can also toggle on the ‘Enable Automatic Winner Settings’ option and set conditions to pick a clear winner, as well as the duration that Thrive Optimize will run the A/B test.

Starting your A/B test

After that, simply click the ‘Next’ button.

Now, you can select a goal for your test. There are 3 options, which include revenue, visit goal page, and subscription. After picking a goal, you can click the ‘Start A/B Test’ button.

Select a goal for the test

For this tutorial, we will select the ‘Subscription’ goal for our test.

Next, you’ll be redirected to the WordPress content editor. You can scroll down to the ‘Thrive Optimize – A/B Test Overview’ meta box and see the 2 variations.

You don’t have to do anything else. The plugin will now test both variations and show the winner.

View Thrive Optimize metabox

To view how the variations are performing, you can click the ‘View Test Details’ option in the meta box.

Here, you can see the conversions over time for each variant and also see which is the control variant. There is also an option to stop the test and choose a winner.

View split test results

Method 2: A/B Testing in WordPress Using Nelio AB Testing (Free)

If you are looking for a free solution for running A/B tests on your WordPress site, then you can use Nelio AB Testing.

While the free version isn’t as powerful as Thrive Optimize, you will get basic features to conduct experiments on your website. For example, you can test headlines, create two different versions of a page to test them, and more.

However, if you are looking for a visual builder and additional options like assigning weights to each variant in the experiment, then we recommend using the first method instead.

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

Upon activation, you can head to Nelio A/B Testing from your WordPress dashboard. From here, click the checkbox to accept the terms of service and privacy policy of the plugin, and then click the ‘Continue’ button.

Accept Nelio testing terms of service

After that, you’ll be taken to the Neilo A/B Testing » Tests page in the WordPress admin panel.

Go ahead and click the ‘Add Test’ button.

Add a new test

Next, you’ll see options to test on your website. For example, the plugin lets you split test pages, posts, headlines, widgets, menus, themes, JavaScript, CSS, and more.

For the sake of this tutorial, we will select the ‘Headline’ option and split-test some titles for a blog post.

Choose test type

After that, you can enter a title for your test at the top.

From here, you will see the Control Version and Variants section. First, you can click the dropdown menu and choose a post title. This will be the control version (labeled A).

Enter test title and select post

Next, you can scroll down and enter details of a variant (labeled B).

This will be the new headline you will be testing against the one that’s already live.

Enter variant details for testing

After that, you can scroll down to the Conversion Goals and Actions section. You will notice that the plugin will use the default goal for this experiment type. In this case, it will measure views for your page with a new headline.

However, you can define your own goals for other experiment types. For example, if you want to test a page, then you can select whether you’d like to measure page views, clicks, clicks on external links, YouTube video playback, or choose a custom event.

Select conversion goal and action

The plugin also lets you create segmentation and narrow your test audience. However, this feature is only available for premium users, and you’d need to subscribe to a paid plan.

After setting your conversion goals, you can click the ‘Start’ button at the top to start A/B testing.

Select goal and start the test

Nelio A/B Testing plugin will now conduct the experiment.

To stop the experiment, you can go to the Nelio A/B Testing » Tests page and then click the ‘Stop’ link under the test.

Stop your test

You can also click the ‘View Results’ option to see which variant is performing the best.

The plugin will help you select a winner and show conversions for each variant.

View test results

Bonus Tips for Running A/B Tests in WordPress

When it comes to doing split tests on your website, here are some tips for running your experiments the right way:

  • Decide on a Goal – You’ll need to first decide which feature you want to test and what the end goal is. A good place to start is by studying your audience and their needs. You can also get feedback from users to understand what they are looking for and then split test elements on your site to boost conversions.
  • Keep Your Experiments Simple – It’s generally a good idea to just create 2 versions of your landing pages, ads, text, and other elements. This makes it easier to compare which variant is performing the best.
  • Document Your Split Test Results – After you’ve successfully conducted an experiment, you should document the results. This way, you’ll have valuable data for future reference and easily see what worked on your site.

We hope this article helped you learn how to do A/B split testing in WordPress. You may also want to see our guide to WordPress conversion tracking made simple and how to create an email newsletter the right way.

The post How to Do A/B Split Testing in WordPress (Step by Step) first appeared on WPBeginner.

Best of Best WordPress Tutorials of 2023 on WPBeginner

As we say goodbye to 2023, it marks the end of yet another year filled with opportunities for reflection on our achievements and aspirations.

This past year, due to slow economic activity, layoffs, and inflation, we witnessed many individuals starting new businesses online. So many of them took advantage of WPBeginner’s free resources to kickstart their online ventures.

We are grateful for the continued support of our amazing WPBeginner community. You give us the inspiration and energy to keep producing top-notch WordPress tutorials.

In keeping with tradition, this article will reveal our team’s selection of this year’s top-notch WordPress tutorials on WPBeginner.

Additionally, our CEO will provide a comprehensive overview of 2023, offering insights to gain some perspective about the progress we made.

Best WordPress tutorials of 2023

WPBeginner Recap 2023 by Syed Balkhi

2023 has been an outstanding year full of new experiences, accomplishments, and lessons learned.

This year unlocked a new level of challenges and opportunities for me. I’m grateful for both of them as they helped me gain more clarity, self-awareness, and new perspectives that will greatly influence my decisions as I go into 2024.

I turned 33 years old, visited 8 countries including two bucket list experiences (Egypt and Maldives), passed the milestone of 25 million websites using our software, completed 12 business acquisitions + 4 growth fund investments, and overall I’m ending the year stronger than ever.

None of this would be possible without the support of my wife, Amanda, and my family.

Balkhi Family Recap 2023

This year, WPBeginner turned 14 years old, and I’m really proud of the amazing work our team is doing.

Our software products passed the milestone of 25 million active installs. We celebrated it with a NASDAQ billboard in Time Square with photos of our team members.

It’s pretty incredible to see the small blog that I started at age 19 has become a movement for making the web a better place.

Our team has done some great work this year.

We have launched 6 new free business tools to help you do more with WordPress.

Aside from these tools, we created hundreds of new tutorials as well as updated over 2000 WordPress tutorials this past year.

WPBeginner – Fun Fact:

Our team has now grown to over 320+ people across 50 different countries. We’re hiring for full-time remote positions. If you’re interested, check out our Careers page.

Our growth is a direct result of the incredible growth of WordPress and the support of our amazing WPBeginner community.

One of the questions I often get from new readers is how does WPBeginner make money? Well, it’s through our suite of premium plugins and SaaS software that we create. I did a brief overview of WPBeginner income, but here’s a quick recap of our various products.

WPForms

WPForms is the fastest growing online form builder for WordPress with over 6 million active installs. It’s the #7 most popular plugin in the WordPress.org plugin directory. Here’s a link to the WPForms free version.

This year, we added several powerful features including ability to accept credit card payments for everyone including free users. This was previously a Pro only feature. Aside from that, we also created a new payments dashboard, added coupons feature, and more.

A lot of our users asked for the ability to create Calculators, so we created a brand new Calculations addon in WPForms. Now, you can create advanced lead generation calculators using WPForms. Furthermore, you can use the calculations feature to create more powerful online order forms too.

Aside from that, we added many more powerful features including 1300+ pre-made form templates, lead forms addon, form styles for block editor & elementor, customizable email templates, ConvertKit addon, WPCode integration, and much more.

I truly believe that WPForms is a MUST HAVE plugin for all website owners, and I’m really proud of our team for continuing to raise the bar.

The WPForms team also did their own 2023 Year in Review post which is far more interactive and super cool.

AIOSEO

All in One SEO (aka AIOSEO) is one of the most popular WordPress SEO plugins used by over 3 million websites. This year my team worked really hard to make it by far the best SEO toolkit in the market.

I have been told by many users that they’re switching from Yoast and RankMath to AIOSEO because of the features we’re adding. See the top reasons why users are switching from Yoast to AIOSEO.

This year, we added a powerful Search Statistics feature inside your WordPress dashboard that shows you how your website is performing in Google search. It lets you do keyword rank tracking, see which keywords are winning / losing, and more.

AIOSEO Search Statistics Dashboard

We also added a Content Rankings report that shows you which of your content have started to drop in SEO rankings, so you can quickly update them and re-gain your rankings.

How to identify content decay in WordPress

Aside from that, we added the much-requested SEO revisions feature that allows you to keep track of your SEO progress inside WordPress. This also allows you to undo changes with a single click.

The best part is that our team added the integration with Google algorithm updates, so you can see whether your changes are having a positive or negative impact.

At AIOSEO, we’re adding features that other WordPress SEO plugin simply don’t have. That’s because we’re practitioners, and we understand what publishers & eCommerce websites need to grow their SEO rankings.

I highly recommend that you check out AIOSEO if you want to grow your site’s rankings. There’s a free version available as well.

We also created a free SEO Chrome extension to help you do on-page SEO analysis faster.

Last but not least, our AIOSEO team has launched a new SEO trends section where we’re sharing the behind-the-scenes case studies of the fastest growing websites.

Other Notable Product Highlights

  • WPCode passed over 2 million active installs. It’s truly one of the most powerful and underrated WordPress plugins. We added conversion pixel tracking, access control, new testing mode, and much more. Give the free version a try, and you’ll see why it’s one of the fastest growing WordPress plugin right now.
  • Smash Balloon is the most popular social media feeds plugin for WordPress. This year, our team launched the much-requested TikTok feeds plugin which is also part of our all-access bundle.
  • SeedProd is a popular drag & drop WordPress page builder. This year our team added 300+ pre-made website kits & templates. Aside from that, we added deep integrations with WooCommerce and Easy Digital Downloads, so you can create custom eCommerce websites with no-code. See the full 2023 review by our team.

All our product teams have been doing great work, and it’s nearly impossible for me to summarize everything here, so I highly recommend that you check out our WordPress plugins. Your support means a lot to us, and this is what keeps us going.

Acquisitions and Investments

This year, we did some really great acquisitions and investments. Here are the new products that joined WPBeginner family.

Duplicator is a leading WordPress backup and migration plugin. We have been recommending the free version on WPBeginner for years, so when the opportunity presented itself, I jumped on it right away. Our team has added tons of new features too. I highly recommend you to check it out.

Thrive Themes offers a suite of WordPress marketing plugins including landing pages, A/B testing, lead generation, quizzes, online courses, and more. A lot of marketing agencies absolutely love our products (see the full story).

Envira Gallery is popular WordPress gallery plugin that I helped create in 2014. I’m glad to welcome it back to the Awesome Motive family. If you’re a photographer, you’d love Envira (see the full story).

HeroThemes is the maker of the best WordPress customer support plugins including Heroic knowledge base and Heroic Inbox plugin. HeroicKB is something that I have recommended on WPBeginner for a long time, and I’m glad to welcome it to the WPBeginner growth fund (see full story).

Seahawk Media is a premier WordPress services company that offer a wide range of WordPress services, like WordPress development, design, maintenance, migration, support, and white-label services. I invested in Seahawk Media as part of the WPBeginner growth fund because a lot of WPBeginner community members have been asking us for this. I shared the full background story here.

Aside from the above, we also acquired WP101, WC Vendors, Imagely, MemberMouse, Wishlist Member, and several more that I am not yet ready to share.

Want us to acquire or invest in your business? Learn more about the WPBeginner Growth fund where I invest in WordPress and SaaS companies.

With that said, let’s look at 2023’s best WordPress tutorials on WPBeginner.

January

SEO Title vs H1 Post Title in WordPress: What’s the Difference? – In this beginner’s guide, we explained the difference between the SEO Title tag and the H1 heading in a post or page title. We also showed examples of how to use them effectively to maximize SEO and improve the user experience.

How to Prevent Fraud and Fake Orders in WooCommerce – Fraudulent and fake orders can cause severe losses for online stores. This tutorial showed how to prevent spam and block fake orders in WooCommerce effectively.

9 Best Google Optimize Alternatives (Free and Paid) – Google retired their Google Optimize tool that allowed website owners to run experiments like A/B testing. In this article, we showcased 9 Google Optimize alternatives that you can use.

How to Write Content Using AI Content Generator in WordPress – As AI technologies like ChatGPT and DALL-E made news, many users wanted to know how to use them to write articles. In this guide, we showed how to use AI content generators to produce content.

How to Create a WordPress Form with Payment Options (Easy Way) – Many users only need to sell a handful of products or services, and using a shopping cart like WooCommerce is overkill for that purpose. In this tutorial, we taught how to create a WordPress form with payment options and accept online payments without a shopping cart.

February

34 Unique Things You Didn’t Know About All in One SEO (Pro Tips) – All in One SEO is the most comprehensive SEO toolkit for WordPress. In this article, we highlighted some powerful, unique features of the plugin that many beginners may not be using yet.

How to Stop WordPress From Overwriting .htaccess File – WordPress core and some plugins may occasionally need to edit and add their settings to the .htaccess file. However, this becomes problematic if you have custom settings and don’t want them to disappear. In this tutorial, we showed how to prevent WordPress from overwriting the .htaccess file for your website.

13 Common WordPress Block Editor Problems and How to Fix Them – Many WordPress users spend a lot of time creating content using the block editor. In this article, we discuss common issues with the block editor and share easy ways to fix them.

Research: The Truth Behind Make Money Online Videos on YouTube and TikTok – Our research team analyzed 344 videos from YouTube and TikTok influencers posting about making money online. Read the complete report to find out the real truth behind those make money online videos.

How to Add Multilingual Search in WordPress (2 Ways) – If you run a multilingual website or eCommerce store, then adding multilingual search can boost user engagement on your website. In this tutorial, we showed two ways to add multilingual search to WordPress.

March

Ultimate WordPress Migration Guide for Beginners (Step by Step) – Many small businesses and bloggers may want to switch from a closed platform to WordPress or from one WordPress host to another. We put together the ultimate WordPress migration guide, which walks you through WordPress migrations without losing your data.

54 Best ChatGPT Prompts for Bloggers, Marketers, and Social Media – ChatGPT and other AI tools are only as useful as your prompts (instructions). To show how to write better prompts for AI, we compiled a comprehensive list of the most useful ChatGPT prompts for bloggers, marketers, and social media experts.

Nextiva vs. RingCentral vs. Ooma: Which is Better? (Compared) – Wondering which business phone service to choose? We compared the top business phone companies, Nextiva, RingCentral, and Ooma, to help you find the right solution for your business.

Internal Linking for SEO: The Ultimate Guide of Best Practices – Internal linking is crucial for good search rankings. In this guide, we shared the best practices and practical tips to create and maintain internal links across your website.

Should You Start a Blog or a YouTube Channel? (Beginner’s Guide) – Starting a blog or a YouTube channel are both great ways to publish content online, but which one should you choose? In this guide, we compared both platforms and shared our practical tips to use them to your advantage.

April

Why Is WordPress So Hard (And How to Make It Easier) – One of the common complaints about WordPress is that it is complicated for beginners. In this article, we explained why it feels difficult and how you can quickly make it easier.

Introducing Broken Link Checker – Never Have Dead Links On Your WordPress Site Again – In April, we announced the release of a new broken link checker plugin. It enables website owners to easily track and fix broken links on their website.

How to Start a Successful YouTube Channel for Your Business – Starting a YouTube channel is a popular online business idea. We made a step-by-step walkthrough for beginners to easily start a successful YouTube channel for their businesses.

13-Point WordPress SEO Checklist for Beginners – Many of our users asked us if we can highlight the most important SEO steps that they should take. In this tutorial, we shared our tried and tested WordPress SEO checklist that any user can apply to their website.

WPForms vs. Gravity Forms vs. Formidable Forms: Which is Best? – In this article, we compared WPForms, Gravity Forms, and Formidable Forms. We analyzed their ease of use, customization options, add-ons, and integrations so that you can choose the best WordPress form builder for your website.

May

In May, we launched three free tools for WPBeginner users:

The following are some of the best articles from the same month:

How to Choose a Target Audience for Blogs (+ Examples) – Picking a target audience allows you to create better content that resonates with your users. This helps you get more conversions and sales. In this article, we showed you how to choose your target audience with practical examples.

How to Fix WordPress Redirecting to Old Domain After Migration – This is a common redirection issue users face when migrating to a new domain name. In this tutorial, we explained what causes it and how to fix WordPress redirecting to the old domain after migrating your website.

How to Create a Digital Product Marketplace in WordPress – Want to create a marketplace where other digital creators can sell their products? In this step-by-step guide, we showed how to make a digital product marketplace in WordPress.

June

In June, we launched these free tools for WPBeginner users:

  • Keyword Density Checker – Helps you find the most optimized keywords on any content to fix over-optimization and boost rankings.
  • Keyword Generator Tool – Makes keyword research easy by showing you 300+ keyword ideas people are searching for about your topic in Google.
  • Email Signature Generator – Create your professional-looking email signature in a few minutes by choosing a template with your details and style.

What is Content Decay? (And How to Fix It) – Content decay is the decline in organic traffic and search rankings over time. Unless you update your content, you will continue to lose rankings and traffic. In this article, we explained content decay and how to monitor and fix it.

How to Edit WooCommerce Pages (No Coding Required) – WooCommerce creates several pages to display storefront, product pages, cart, and checkout. Small improvements to these pages can result in higher sales and less cart abandonment for your store. In this article, we showed how to edit WooCommerce pages without any coding skills.

How to Backup Your WordPress Site (4 Easy Ways) – Creating a backup is compulsory to protect your website data against security threats and human errors. You can easily restore a saved site version in case anything goes wrong. In this tutorial, we showed four ways to back up your WordPress site easily.

How to Write a Great Blog Post (Structure + Examples) – You can write a compelling and helpful blog post, but without the right structure, only a few people may read it. In this article, we explained how to write a great blog post with proper structure and examples.

July

How to Sell Videos Online With WordPress (Step by Step) – Selling videos with WordPress is easy and gives you more control over your content and earnings. You’ll be able to sell the same video files countless times. In this tutorial, we showed you how to sell videos online with WordPress easily.

How to Do a UX Audit of Your WordPress Site – User experience (UX) is an important factor in the success of a website. A good user experience can lead to more conversions and sales, while a poor UX costs money. In this guide, we showed how to do a proper UX audit of your WordPress site.

12 Best ChatGPT Alternatives for Bloggers / Marketers – AI-powered tools like ChatGPT can give you a competitive advantage by boosting productivity, generating ideas, and automating workflows. In this article, we shared the best ChatGPT alternatives to help you use more artificial intelligence in your daily tasks.

5 Best Monthly Web Hosting Plans (Starts at $4.95/mo.) – Some of our users asked us to recommend the best hosting plans where they can pay month-to-month instead of annually. In this article, we shared our top picks of the best monthly web hosting plans.

August

7 Best Yoast SEO Alternatives for WordPress – Yoast SEO is one of the most popular WordPress SEO plugins, but there are newer solutions that are innovating faster and are up-to-date with the latest SEO trends. In this article, we showcased the best Yoast SEO alternatives for WordPress that you can try.

How to Understand WordPress Website Visitors Intent – Understanding user intent helps you create more helpful content and a better user experience. In this article, we shared tips to understand WordPress website visitors’ intent.

Is WordPress Dying? The State of WordPress – Have you seen claims and rumors that WordPress is dying or about to be replaced by a newer website builder or software? In this article, we shared the state of WordPress to show you that there’s absolutely no truth to the rumors that WordPress is dying.

How to Use AI for SEO in WordPress (12 Tools) – Wondering how artificial intelligence can help you with SEO? In this article, we shared the best tools that let you use AI for WordPress SEO.

Introducing a New Chrome Extension by All in One SEO – Have you ever wished for an easy way to quickly get a full SEO audit of any page? All in One SEO’s free Google Chrome extension helps you do just that. In this article, we showed how to use All in One SEO’s Chrome Extension to quickly perform an SEO audit of any page in your browser.

September

How to Find and Fix Broken Links in WordPress (Step by Step) – Broken links create a bad user experience, a loss in search rankings, and can cost you money. In this article, we showed how to easily track and fix broken links in WordPress easily.

The Future of WordPress: What to Expect (Our Predictions) – Over the years, WordPress has continued to grow and evolve to meet the changing needs of website owners. But what can we expect in the future? In this article, we talked about the future of WordPress and what you can expect.

How to Optimize the Customer Journey for WooCommerce Store – By optimizing the WooCommerce customer journey, you can increase conversion rates, improve customer satisfaction, and boost profits. In this article, we shared how to optimize the customer journey for your WooCommerce store from beginning to end.

WordPress Career Options – How to Make a Living With WordPress – Want to make a living using WordPress? In this article, we shared several career options that let you make a living using WordPress.

Creator Economy Statistics That Will Blow You Away – From full-time content creators to hobbyists, the creator economy industry has grown a lot over the years. Our research team compiled creator economy statistics that will surprise you.

October

How to Do a SEO Content Gap Analysis (Beginner’s Guide) – If you are struggling to find good topics to blog about or want to boost your existing posts to the top, then a content gap analysis is a surefire way to steal competitor traffic. In this article, we outlined the steps to perform an SEO content gap analysis so you can gain an edge over your competitors’ sites.

What Is Google Knowledge Panel + How to Claim It With WordPress – Google often displays informational panels called Knowledge Panels about people, organizations, and products. In this article, we explained Google Knowledge Panels and how you can claim one with WordPress.

How to Determine the Ideal Size of a Web Server for Your Website – The size of a web server depends on different components and resources. More popular websites will need a larger web server, but lower-traffic websites can get by with a smaller one. In this article, we showed how to determine the size of a web server best suited to your website.

How Much Is My Website Worth? (REAL Value) – Buying and selling websites is a massive industry. Knowing your website’s value can help you feel good about its progress and stay motivated to keep growing it. In this article, we talked about how to calculate your website’s worth.

How to Quickly Generate 100+ Blog Post Ideas (3 Methods) – Many bloggers struggle to find blog post ideas to keep their audience engaged. In this guide, we shared quick and easy ways to generate 100+ blog post ideas.

November

60+ Affiliate Marketing Statistics You Need to Know – The affiliate marketing industry is how many content creators make their living. For this article, our research team compiled affiliate marketing statistics that may surprise you.

A Complete Beginner’s Guide to WordPress Full Site Editing – Full Site Editing has changed how users can build their websites using WordPress. In this article, we showed how to use the WordPress Full Site Editor.

How to Stress Test a WordPress Website – Stress testing a WordPress website will show how your website will perform in different situations. This way, you can ensure fast performance and resolve any issues. In this article, we showed how to stress test a WordPress website easily.

Beginner’s Guide to WordPress Email Marketing Automation – Email marketing automation allows you to save time by automating tasks, creating drip emails, and using tools to grow your email list. In this beginner’s guide, we walked you through WordPress email marketing automation with tips, tricks, and tools that you can use.

How to Monitor Google Algorithm Updates in WordPress – Google algorithm updates are changes made by Google to its search engine ranking algorithm. These updates can significantly impact your website’s visibility in search engines and its organic traffic. In this article, we explained how to monitor Google algorithm updates in WordPress.

December

9 Best Credit Card Processing Plugins for WordPress (Compared) – Credit card processing plugins are the best way to accept online payments on your WordPress site. In this article, we compared the best credit card processing plugins and show you how to pick the right one for your business.

How to Grow Pricing Page Conversions by 30% Today (9 Ways) – In this guest post, Thomas Griffin, co-founder of OptinMonster, shared his no-nonsense list of the best tips for how to grow your pricing page conversions by at least 30%.

How to Create a Wholesale Order Form in WordPress (3 Ways) – A wholesale form lets buyers purchase in bulk and customize the products to fit their needs. In this article, we discussed how to create a wholesale order form in WordPress so customers can buy your products in bulk faster.

How to Get Website Design Feedback in WordPress (Step by Step) – Website design feedback is vital for improving the user experience for your visitors. In this guide, we shared how to get feedback on your WordPress website design using a survey widget.

These were some of the best WordPress tutorials on WPBeginner in 2023. We hope that you found them helpful.

We want to thank all WPBeginner users who visited our website, offered feedback, left comments, and shared our content with others. We truly appreciate you.

We look forward to adding even more helpful WordPress tutorials in 2024. Have a Happy New Year.

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 Best of Best WordPress Tutorials of 2023 on WPBeginner first appeared on WPBeginner.

How to Make a Website Banner (3 Easy Ways)

Are you looking for an easy way to make a banner for your WordPress website?

A banner can highlight the products, services, or news updates offered by your website. It can increase user engagement, boost your click-through rate, and encourage visitors to take action.

In this article, we will show you how to easily make a banner for your WordPress website.

Make a website banner in WordPress

What Is a Website Banner?

A banner is a graphical display that stretches over the top, bottom, or side of a WordPress website. It often includes a brand name and logo, along with other visual elements, to promote a specific product, service, or event.

For example, if an online store has just announced a sale, then it can show a banner at the top of its pages to tell new visitors about the promotion and encourage them to make a purchase.

Shop sale preview

A well-designed banner can make a strong impression and invite visitors to explore the rest of your site. Plus, banners can also be used to promote affiliate products, increase brand awareness, build an email list by encouraging visitors to sign up for your newsletter, and drive traffic to other pages on your site.

You can also use banners to promote your social media accounts and encourage visitors to follow or like your pages.

What Is the Best Website Banner Size?

The ideal website banner size depends on the layout and specific marketing goals of your WordPress blog.

For example, if you want to display a rectangular and thin banner at the top of the screen, then you can use the Large Leaderboard size, which is 970 x 90.

Some of the other popular and most-used banner sizes include:

  • Medium Banner: 300 x 250
  • Leaderboard: 728 x 90
  • Wide Skyscraper: 160 x 600
  • Half-Page: 300 x 600
  • Large Leaderboard: 970 x 90
  • Billboard: 970 x 250
  • Large Rectangle: 326 x 280
  • Vertical Banner: 120 x 240
  • Full Banner: 468 x 60
  • Half Banner: 234 x 60
Banner sizes

If you want to show a banner for an event in the sidebar, then you can use the Wide Skyscraper or Half-Page banner sizes. Similarly, you can also use the Medium banner size to display a square-shaped banner on your page.

If you are looking to display ad banners, then you may want to see our beginner’s guide on the highest-performing Google AdSense banner sizes and formats for WordPress.

Having said that, let’s see how you can easily make a banner on your WordPress website. For this tutorial, we will cover three methods to make a banner, and you can use the links below to jump to the method of your choice:

Method 1: Make a Website Banner Using OptinMonster (Recommended)

OptinMonster is the best WordPress banner plugin on the market that allows you to easily create floating bar and popup banners for your website.

It is the best conversion optimization and lead generation tool that helps you turn website visitors into subscribers and customers.

Plus, many of OptinMonster’s banner templates have optin fields that allow you to collect the names, email addresses, and phone numbers of your website visitors.

Step 1: Install OptinMonster on Your Website

First, you will need to sign up for an OptinMonster account. To do this, simply visit the OptinMonster website and click on the ‘Get OptinMonster Now’ button to set up an account.

The OptinMonster lead generation tool

After that, you have to install and activate the free OptinMonster plugin on your WordPress website. For detailed instructions, you may want to see our beginner’s guide on how to install a WordPress plugin.

Upon activation, the OptinMonster setup wizard will open in your WordPress admin panel.

From here, you must click the ‘Connect Your Existing Account’ button to connect your WordPress site to your OptinMonster account.

Connect your existing account

This will open up a new window on your computer screen.

From here, you have to click the ‘Connect to WordPress’ button to move ahead.

Connect OptinMonster to WordPress

Step 2: Create and Customize Your Banner

Now that you have connected your WordPress account with OptinMonster, head over to the OptinMonster » Campaigns page from the WordPress admin sidebar.

From here, you need to click on the ‘Create Your First Campaign’ button to start creating your website banner design.

Create first OptinMonster campaign

This will direct you to the ‘Templates’ page, where you can start by choosing a campaign type.

For example, if you want to show your banner as a bar at the top of the screen, then you can pick the ‘Floating bar’ campaign. Similarly, you can select the ‘Popup’ campaign type to display your banner as a popup.

After that, you will also need to select a template for the campaign you chose.

Select the floating bar template

For this tutorial, we will be choosing a template for the ‘Floating bar’ campaign type.

Next, you will be asked to give a name for the campaign that you are creating.

Simply type a name of your choice and click the ‘Start Building’ button to move forward.

Click the Start Building button

This will launch the OptinMonster drag-and-drop interface on your screen, where you can start customizing your banner. From here, you can drag and drop fields of your choice from the sidebar on the left onto the banner.

For example, if you want to add social media icons to your banner to increase your followers, then you can drag and drop the Social Media block from the left sidebar.

Add blocks to the banner

After that, just click on the block to open its settings in the left column.

From here, you can change the button title, add your social media URL, and even change your social media platform from the dropdown menu.

You can also add other blocks to display videos, images, text, or CTAs in your website banner design.

Configure block settings from the left column

After that, you need to select the position of your banner.

By default, the OptinMonster floating bar is displayed at the bottom of your website screen once you start scrolling.

However, you can easily change this setting by clicking on the ‘Settings’ icon at the bottom of the sidebar on the left.

This will open up settings in the left column, where you must expand the ‘Floating Bar Settings’ tab. From here, simply toggle the ‘Load Floating Bar at the top of the page?’ switch to display the banner at the top.

Toggle the switch to display the banner at the top

Step 3: Add Triggers for Your Banner

Once you have designed your banner, switch to the ‘Display Rules’ tab at the top. From here, you can add rules for your banner display.

Remember that you only need to switch to this tab if you want to add a specific display trigger for your banner. Otherwise, you can skip to the next step.

For example, if you would like to show your banner when the user is about to leave your site, then you need to choose the ‘Exit Intent’ option.

Choose Exit Intent option from the dropdown menu on the left

Once you have done that, just select the ‘On all devices’ option from the dropdown menu in the middle. If you wish to use this display rule for mobile devices only, then you can also choose that option.

After that, pick the Exit Intent Sensitivity according to your liking and click the ‘Next Step’ button.

Choose exit intent technology sensitivity

This will take you to a new screen. Here, you need to make sure that the ‘Optin’ option is selected for the ‘Show the campaign view’ dropdown menu.

Once you have done that, simply click the ‘Next Step’ button.

Select the Optin option from the Then dropdown menu

Your display rule for the banner will now be shown on the screen.

If you want to change something here, then you can click the ‘Edit’ button to fix it.

Summary for display rules

Step 4: Publish Your Banner

You can now switch to the ‘Publish’ tab at the top and click the ‘Save’ button in the top right corner of the screen.

After that, simply click on the ‘Publish’ button to display the banner on your website.

Save and publish the banner

Now visit your website to see the banner at the top of your screen.

This is what it looked like on our demo site.

Optinmonster banner preview

Method 2: Make a Website Banner Using Canva (Free)

If you want to make a website banner for free, then this method is for you.

Canva is a popular web-based tool that allows you to create all kinds of graphics, including banners, logos, posters, book covers, and more. It also offers a free version that you can use to create a website banner design.

Step 1: Create a Canva Account

First, you will need to visit the Canva website and click on the ‘Sign Up’ button to create an account.

If you already have a Canva account, then you can simply log in.

Create a Canva account

Upon account creation, you will be taken to your Canva account home page.

From here, you need to switch to the ‘Templates’ tab from the left column and then search for banner templates using the search box at the top.

This will display all the banner templates available in Canva. However, some of these templates may be locked because they are paid features.

Choose a Canva template

Step 2: Design Your Website Banner

Once you select a template, Canva’s design interface will be launched on the screen.

From here, you can customize your banner template according to your liking. You can change the existing content in the template by clicking on the blocks and adding your own text.

Customize the Canva banner

You can even add different graphical elements like stickers, photos, and videos by switching to the ‘Elements’ tab in the left column.

Upon adding an element, you can further change its animation, position, and transparency from the menu at the top.

You can also upload media files from your own computer by switching to the ‘Uploads’ tab from the left column.

Add elements from the left column

To add some text to your banner, simply switch to the ‘Textbox’ tab from the column on the left.

Once there, you can use default text styles or different font combinations to add some content to your banner.

You can even add a call to action with a link by selecting the text using your mouse. This will display a link icon at the top of the text.

Click on the Link icon

Simply click on that icon and copy and paste the link you want to add.

After that, click the ‘Done’ button to save it.

Add link

Step 3: Get an Embed Code for the Banner

Once you are happy with your banner customization, just click the ‘Share’ button in the top right corner of the screen.

This will open up a prompt menu where you must select the ‘More’ option at the bottom.

Click the More option in the Share prompt

This will take you to the ‘All Options’ menu, where you have to select the ‘Embed’ option.

Once you do that, a new prompt will open up on the screen. From here, simply click the ‘Embed’ button.

Click the Embed button

Canva will now create an HTML embed code for you.

Once it’s displayed on the screen, click the ‘Copy’ button under the ‘HTML embed code’ option.

Copy the HTML embed code

Step 4: Add the HTML Embed Code in WordPress

You can now display your banner on your WordPress page, post, or sidebar according to your liking. For this tutorial, we will be showing our banner on a WordPress page.

First, you need to open the page or post where you want to add the banner.

Once there, click the ‘+’ button in the top left corner of the screen to find and add the Custom HTML block to the page.

Once you have done that, simply paste the embed code you copied into the block.

Add code into the block editor

Finally, click the ‘Update’ or ‘Publish’ button to save your changes.

Now visit your website to see the WordPress banner in action.

Canva banner preview

Method 3: Make a Website Banner Using Thrive Leads

You can also create a website banner using Thrive Leads. It’s a popular WordPress popup plugin used by over 114,000+ websites.

With Thrive Leads, you can design banners that will help you capture leads on your WordPress site and grow your email list.

Step 1: Install Thrive Leads on Your WordPress Website

First, you will need to visit the Thrive Themes website and sign up for an account. Once you have done that, head over to your member dashboard.

From here, go ahead and click the ‘Download and install the Thrive Product Manager plugin’ link.

Install the Thrive Product Manager plugin

Next, you need to visit your WordPress website to install and activate the Thrive Product Manager plugin. For detailed instructions, you may want to see our step-by-step guide on how to install a WordPress plugin.

Upon activation, head over to the Product Manager tab from the WordPress admin dashboard and click the ‘Log into my account’ button.

Log into the Thrive Product Manager dashboard

After entering your login credentials, you will be able to see your Thrive Product Manager dashboard.

From here, you can select the products that you want to install and use on your site. Simply choose the ‘Thrive Leads’ plugin and click the ‘Install selected products’ button.

Install the Thrive Leads plugin

Step 2: Create a Website Banner

After the plugin installation, you need to visit the Thrive dashboard » Thrive Leads page from the WordPress admin sidebar.

Once you are there, just click the ‘Add New’ button next to the ‘Lead Groups’ option.

Create new lead group by clicking the Add New button

This will display the ‘Add New Lead Group’ popup on your screen, where you need to type a name for the lead group you are creating.

Make sure to name the lead group in a way that will help you identify it.

For instance, if you are creating a banner to build your email list, then you can name your lead group ‘Email List Campaign’.

Type lead group name

After that, the lead group you created will be added to the screen. From here, you have to click the ‘Add New Type Of Opt-In Form’ button.

This will open a new prompt where you must choose the type of banner you would like to create.

Click the Add new Opt-in form button

You can create a slide-in, ribbon, widget, in-content, lightbox, or scroll mat banner according to your liking.

These banners will be like a form as they will collect data from your users, including email addresses, phone numbers, and more.

For this tutorial, we will be creating a ribbon banner for our site.

Choose an Opt-In form type

Upon choosing a website banner design type, the prompt will automatically disappear from the screen.

Now, to open your lead group dashboard, you must click the ‘Add’ button in the right corner of your Lead Groups tab.

Click the Add button for a form

This will take you to your Lead Groups dashboard, where all the forms and lead reports for the group will be displayed after your campaign goes live.

For example, if you want to create a banner to capture email addresses, then all the user information you collect through the banner will be displayed here.

Click the Create a form button

For now, you just have to click the ‘Create Form’ button to start building your banner.

This will open up a new prompt where you must provide a name for the form and click the ‘Create Form’ button.

Provide a form name

Once your form has been created, it will be displayed in your Lead Groups dashboard.

From here, you have to click the ‘Edit Design’ button in the right corner to start building your banner.

Click the Edit Design button

Step 3: Customize Your Website Banner

The Thrive visual editor will now be launched in a new tab on your screen.

From here, you can start by selecting a template for your banner from the ‘Thrive Leads Library’ prompt.

You can then use one of the pre-made template as it is or further customize it with the visual editor. Upon making your choice, simply click the ‘Choose Template’ button to move forward.

Choose banner template

After adding a template for a ribbon banner, you can easily customize the elements in it by clicking on each one. This will open up the element’s settings in the sidebar on the left.

For example, if you want to change the button color in your template, then you simply need to click on it to open its settings in the sidebar.

Choose an element and configure its settings

If you want to add a completely new element to your banner, then you can also do that by clicking the ‘+’ icon in the right corner of the screen.

This will open the ‘Add Elements’ sidebar on the right, where you can drag and drop elements of your choice onto the banner.

For instance, if you want to add social media account buttons to your banner, then you will have to drag and drop the Social Follow element from the right sidebar.

Add elements to the banner

Once you are happy with your banner, click the ‘Save Work’ button in the bottom left corner to store your changes.

After that, you need to return to your Lead Groups dashboard.

Click the Save Work button

Step 4: Configure Banner Settings

Once you are back in your dashboard, you can change the position of your banner by clicking on the ‘Position’ option in the form row.

This will open the ‘Position Settings’ prompt, where you can choose your preferred banner position from the dropdown menu.

After that, click the ‘Save’ button.

Configure banner position

Next, to configure the display frequency of the banner, click the ‘Display Frequency’ option in the form row.

This will open the ‘Display Settings’ prompt, where you can use the slider to determine the number of times the banner should be displayed on the screen.

If you keep the number 0, then the banner will be displayed at all times. Upon making your choice, click the ‘Save’ button to store your settings.

Configure banner display settings

If you want to add a specific trigger for your banner display, then you need to click the ‘Trigger’ option in the form row.

This will display the ‘Trigger Settings’ prompt, where you can choose a trigger for your banner from the dropdown menu, such as after a certain period of time or when a user reaches the bottom of the page.

Once you are done, click the ‘Save’ button to save your settings.

Add a trigger for banner display

Step 5: Publish Your Banner

After you have configured the banner settings, you need to exit your Lead Groups dashboard and head back to the Thrive Leads dashboard by clicking on the link at the top.

Once you are there, expand your Lead Groups tab and toggle the ‘Display On Desktop’ switch to ‘On’. If you also want to display your banner on mobile devices, then you can toggle the ‘Display On Mobile’ switch to ‘On’.

Toggle the Display on desktop switch

After that, click the gear icon in the top right corner of the Lead Groups tab to open up the display settings.

Here, you can select the website pages that you want the banner to be displayed on. For instance, if you want the banner to show at the top of all the pages and posts, then you can check the box next to these options.

Finally, click the ‘Save and Close’ button to save your changes.

Choose where you want to display the banner

Now, you can visit your website to check out the banner displayed at the top of the page.

This is what it looked like on our demo website.

Preview of banner

We hope this article helped you learn how to easily make a website banner for WordPress. You may also want to see our beginner’s guide on how to customize colors on your WordPress website and our top picks for the best web design software.

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 Make a Website Banner (3 Easy Ways) first appeared on WPBeginner.

10+ Best Themes for Thrive Architect in 2020 (Beautiful & Functional)

Page builders take away much of the grunt work in building websites, and make it (almost) a fun activity. This is true especially for non-coders. What’s even better is when you have a base theme that’s compatible with your page builder! In today’s post, we round up the best themes for Thrive Architect, a page builder from Thrive Themes.