How to Create Test for Mobile-enabled and Responsive Websites in VWO?

Using VWO, you can create tests for mobile-enabled or responsive websites for visitors accessing your website through mobile and other devices. To create test for mobile-enabled websites, you must select the option to load the pages to the mobile device when setting up the test. Only then, VWO will resize and load the website as it would load on the actual device on the Visual Editor where you can edit the interface using VWO point-to-click Editor.

You can create tests for websites accessed from the following devices:

• iPhones
• iPads
• Android smartphones and tablets
• Windows Phones

NOTE: This feature is different from creating tests for mobile apps.
Selecting the device type allows you to make changes on the actual device 
interface in the editor for creating tests for your responsive websites.

To get started, click the test type Test on the navigation menu. Next, in the upper-right corner of the dashboard, click Create.

Setting Up Pages to Test

To set up the test, you can start by entering a title for the test by clicking on the pencil icon against the New Campaign. Then, select a hypothesis you want to test during the test, enter URLs of the pages, and defining targeting options.

Enter URLs to Test

Specify the URL of the pages where you want to run the test. You can use URL patterns and regular expressions to run tests site-wide and on multiple pages.

NOTE: To include or exclude URLs from the campaign, click the ADVANCED 
tab present next to the URL field. Using this tab, you can also define 
advanced pattern-matching options to either include a broad URL with 
wildcard entries or a specific URL. To learn about using different URL 
patterns, refer to Using URL Patterns in VWO.

Select Hypothesis to Test

A hypothesis is an assumption that a proposed change would work well for your website. You can associate your test in VWO with one hypothesis against which the test results are evaluated, however, this is an optional step. To learn more about the hypothesis, refer to Hypothesis in VWO.

Configure More Options

More Options allows you to configure the following advanced settings for the test:

• Open in Code-only Mode: This is an advanced mode for developers that lets you create variations in a code-only mode instead of using the Visual Editor. Variations created using this mode cannot be later edited using the Visual Editor. To learn more about this, click here.
• Load campaign pages on mobile device: Per the device you select, VWO will resize and load the website as it would load on the actual device you selected. You can edit the interface using VWO point-to-click Visual Editor.
• If the website URL changes on the device, VWO automatically updates the test URL to the new URL. For example, if you create a normal test on www.example.com and then switch to the iPhone device mode, VWO will automatically update the test URL to the mobile website, such as www.example.com/mobile.

 You can now make changes to the website and create variations. To learn how to create variations and further steps in an A/B test, click here.

Define Visitor Segment You Want to Target

You can define specific visitor groups to track in this test using different conditions such as geographical location, user device, and other user behaviors. When you enable a view for a specific audience segment, VWO will only include these segmented users in the campaign. To learn more about defining audience segments, click here.

• To use a default VWO segment, select the visitor segment you want to target using the Segment Gallery option.
• To create your own custom segment, select the Custom option to define conditions for a segment. To know more about creating custom segments, click here.

PRO-TIP: If you want your test to be run only on mobile devices, you will 
have to explicitly segment it for mobile visitors. Click here to learn how 
to target your test to a segment.