Your browser is out of date. The site might not be displayed correctly. Please update your browser.

Knowledge Base
Extra Tools
SplitSignal
How to Draft a SplitSignal Test: A Complete Guide

How to Draft a SplitSignal Test: A Complete Guide

Manual

Step 1: Create a New Test

Select Create Test and Enter Name and Description.

How to Draft a SplitSignal Test: A Complete Guide image 1

How to Draft a SplitSignal Test: A Complete Guide image 2

We provide suggestions on titles and descriptions here.

Step 2: Inspect Structure

Select the section of the website you would like to test (Inspect Structure)

How to Draft a SplitSignal Test: A Complete Guide image 3

Note: This step is not required but is often helpful in selecting pages.

Step 3: Filter Pages

How to Draft a SplitSignal Test: A Complete Guide image 4

This is where additional sorting and filtering can be done. You can also add a custom URL list here.

How to Draft a SplitSignal Test: A Complete Guide image 5

How to Draft a SplitSignal Test: A Complete Guide image 6

You want to ensure that after you are done sorting, the pages you want are represented here:

 How to Draft a SplitSignal Test: A Complete Guide image 7

Step 4: Create Rules

Below are 5 common tests that SplitSignal users run:

Title Test: Add Brand

Select Change the text content of the element and enter “title’ in the CSS selector box:

How to Draft a SplitSignal Test: A Complete Guide image 8

How to Draft a SplitSignal Test: A Complete Guide image 9

After you select Current in the Paste variable drop-down, you want to add the desired brand in the Test value template box:

How to Draft a SplitSignal Test: A Complete Guide image 10

Meta Test: Add Date

Select the Change the element attribute and enter “meta[name=description]” into the CSS selector box:

How to Draft a SplitSignal Test: A Complete Guide image 11

Select the Extract from page button (this allows the test to use current on-page elements):

How to Draft a SplitSignal Test: A Complete Guide image 12

Name the variable, then press the Select on page button:

How to Draft a SplitSignal Test: A Complete Guide image 13

Select the element from the preview:

How to Draft a SplitSignal Test: A Complete Guide image 14

This is what is received after you select on page:

How to Draft a SplitSignal Test: A Complete Guide image 15

Then add the date from the Paste variable section:

How to Draft a SplitSignal Test: A Complete Guide image 16

How to Draft a SplitSignal Test: A Complete Guide image 17

If you would like information about the import from file option (custom variables), see here.

Heading Test: Change h1 to h2 and h2 to h1

Select the Change the element type and use the Select on page to pick your CSS selector:

How to Draft a SplitSignal Test: A Complete Guide image 18

Select the element:

How to Draft a SplitSignal Test: A Complete Guide image 19

Then add the h2 element type in the Element type box:

How to Draft a SplitSignal Test: A Complete Guide image 20

Add a new rule (you can create multiple rules for a test as needed):

How to Draft a SplitSignal Test: A Complete Guide image 21

NOTE: The more rules added in a test, the less likely a test result can be tied to a specific change. Use the add rule option wisely.

Select the h2 CSS selector and then press the second one on the page:

How to Draft a SplitSignal Test: A Complete Guide image 22

Enter h1 in the Element type box:

How to Draft a SplitSignal Test: A Complete Guide image 23

Move Element: Move Breadcrumbs down on page

Select the Move Element option, then Select on the page:

How to Draft a SplitSignal Test: A Complete Guide image 24

Select the Element:

How to Draft a SplitSignal Test: A Complete Guide image 25

Repeat this step for the Target CSS selector box:

How to Draft a SplitSignal Test: A Complete Guide image 26

Then select the After option for the Placement:

How to Draft a SplitSignal Test: A Complete Guide image 27

Delete Element: Delete the Home Breadcrumb:

Select the Delete element, then Select on the page:

How to Draft a SplitSignal Test: A Complete Guide image 28

Then remove the element:

How to Draft a SplitSignal Test: A Complete Guide image 29

Then click See preview to ensure that this is what you want (this is best for any on-page change):

How to Draft a SplitSignal Test: A Complete Guide image 30

Check out the change:

How to Draft a SplitSignal Test: A Complete Guide image 31

Select the next button when you are happy with the test:

How to Draft a SplitSignal Test: A Complete Guide image 32

Step 5: Review and Launch

Review the test here before launch:

How to Draft a SplitSignal Test: A Complete Guide image 33

Please check out the SplitSignal Pre-SEO Test Launch Checklist before launching the test. 

 

Manual
Show more