Pagefly AB Testing | Conduct Effectively with Google Optimize

This article will show you what PageFly AB Testing is, how to use Google Optimize, and a final step-guide to create and conduct A/B testing on PageFly Page Builder.

What Is A/B Testing?Click to copy

In case you are new to eCommerce or business, an A/B test is a randomized experiment using two or more variants of the same web page (variant A and variant B). Version A is the original page, while version B contains at least one modified element.

The modified element is firstly hypothesized to have a specific positive impact on your conversion rate. Usually, you need to make such an educated guess after you identify a problem and you want to try out solutions to improve it.

So, let’s create a Pagefly AB Testing with Google Optimize

1. Step 1: Create Optimize account and an Optimize containerClick to copy

You can click here to create your Google Optimize account.

This is step 0 because you should already have at least one container and account when setting up your Optimize account. You only need to select the container you want to use for this.

But just in case you don’t already have one, go to Main menu > Accounts and click on Create account, then click on the Plus icon to add a new container.

2. Step 2: Set up Google OptimizeClick to copy

2.1. Enable Google AnalyticsClick to copy

You need to, first and foremost, connect your Google Analytics account to Shopify. You can find out how to do so through Shopify’s instructions here.

2.2. Enable Google OptimizeClick to copy

Click on a container of your choice, then choose Settings.

You will be directed to a panel containing 2 set up requirements: Install the Optimize snippet (in your Shopify store) and Install the Chrome extension. We’ll only need to talk about the Optimize snippet since Google already has the other covered.

Copy the line of code then head to your Shopify admin dashboard > Online store > Themes > Actions, and choose Edit code.

Choose the file theme.liquid, find <head>, which should be in the first few code lines, and paste the copied code right beneath it like so:

3. Step 3: Set up Google Analytics in your editorClick to copy

To give you context, what we will do with our sample product page is check the impact of the banner below the product details element.

So we will create a variant of the page without the banner. And since we are tracking conversion rate, we will enable tracking on our Add to Cart button. Go to Styling > Tracking > Google Analytics; we will set it up as follows:

We have to set it up like this because Google Optimize tracks events – your customers’ actions. Google Optimize measures the number of times (or duration) the event takes place to create reports for you.

4. Step 4: Create PageFly AB TestingClick to copy

4.1. Create ExperienceClick to copy

In your Google Optimize container of choice, click Create experience. Give it a name and paste the URL of the page being tested in the box below – this will be called your Editor page. After that, click Create.

4.2. Add variantClick to copy

In your experience interface, click on Add variant and give it a name. In our case, we named it “Variant 1 – Without banner”.

Next, click on Edit to enter the variant editor. As you are probably familiar with PageFly, you should have no problem getting used to its interface.

We simply need to remove the banner (specifically its container) and have already successfully made a new variant for the web page.

Edit variant for A/B Testing

Note that you can distribute the proportion of traffic amongst variants by clicking on weight percentage, and you can even customize which audience type gets to see the new variant by clicking on Customize.

4.3. Choose the objectiveClick to copy

Depending on your hypothesis, you might need to measure and analyze a few different things, thus you will need to set specific objectives for your A/B testing campaign.

To do so, scroll down to Measurement and objectives and click on Add experiment objective. Depending on your objective, you will need to either choose Choose from list or Create custom. The default list includes Bounces, Pageviews, and Sessions duration; custom objectives will let you choose between Events and Pageviews where you can set them up to your liking.

You have to set up the objective to match the GA event you set up earlier in the PageFly editor. For example, we set the GA event category as “AB Testing” and the event action as “Add to Cart”. So we will set up our Custom Event like this:

After that, all you have to do is to Start the experiment. You can choose to end it anytime you want.

5. Step 5: Wrap up and check the resultsClick to copy

And now your website is ready to go! Use another browser or Incognito mode to check your site and see if the variant shows up.

You can find reports for the experiment in your Google Analytics dashboard at Behavior > Experiments.

6. Key TakeawaysClick to copy

PageFly AB Testing is essential, as this is a process of finding results to optimize the Shopify Online Store, to ensure that all elements are working, and to find the exact answers on every published factor.

Click on our Live Chat to get more support today!

7. Frequently Asked QuestionsClick to copy

7.1. What is AB Testing?Click to copy

An A/B test is a randomized experiment using two or more variants of the same web page (variant A and variant B). AB Testing is very popular for both ECommerce and SaaS Companies.

7.2. What is Google Optimizer?Click to copy

Optimize is a tool created by Google that allows sellers to test variants of different web pages to see how they perform against an objective which has been specified.

7.3. How many vital tools are there to make sure the AB Testing works?Click to copy

Three apps, including PageFly (Page Builder), Google Optimizer (The Main Set Up Tool) and Google Analytics (The Measurement Tool).

Navigate this category

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
Boost your holiday sales with PageFly's Thanksgiving Template 👉 Discover Now