Categories
Technology

What is a CSS selector?

A CSS selector is a way of specifying a UI element on a website. It could be an HTML element, class, or ID.

Elements are specified simply by there HTML name: “button”, “h1”, “div”, “a”

Classes need to be prefaced by a dot: .my-class

IDs, similarly, are prefaced by a hastag: #unique-id

Combine these types of selectors for increased specificity: button.check-out

CSS selectors
Use CSS selectors to specify parts of your webpage.

Examples:

If your HTML element looks like this:

<a href=”/checkout” class=”checkout”>Check out</a>

A valid CSS selector would be: .checkout


If your HTML element look like this:

<button id=”buy-now”>Buy now</button>

A valid CSS selector could be: button#buy-now

SplitWit use of CSS selectors

SplitWit uses CSS selectors to indicate click events for your A/B tests. SplitWit will track clicks on these elements, and use them to calculate which version of your experiment is more successful.

Click event metrics
Measure clicks on your website.

The SplitWit visual editor can also use CSS selectors. Enter a CSS selector in the “Make a change” section to highlight it. Alternatively, simply click on the element, and SplitWit will generate a valid CSS selector for you. The “Insert element” sections works in the same fashion.

The visual editor uses CSS selectors
SplitWit uses CSS selectors to specify UI elements

Categories
Technology

What is SplitWit?

SplitWit helps you optimize your website for maximum convertability and eliminate the bottleneck that’s stopping your customers. Any body could have a theory about what’ll make their website better. But, the only way to know for sure is through experimentation. That’s the scientific approach.

A vs B experimentation
Test two versions of your website with SplitWit.

SplitWit offers suggestions about what to test on your website – like the call-to-action message that you use. The visual editor lets you make changes with just a few clicks – no code needed. Once you learn what makes your website better, you can launch new experiments to keep getting even more customers.

Sign up now for a two week free trial.

Categories
News Technology

Github repo and WordPress plugin

SplitWit has created a GitHub repo to share integration code, examples, and utilities.

https://github.com/SplitWit

The first project we’ve added is our WordPress plugin – which is also new. Once installed, you can add a SplitWit project ID to the settings page to automatically integrate. This injects the necessary code snippet into your WordPress site.

https://github.com/SplitWit/splitwit-wordpress-plugin

Enter your project ID into the plugin.
Settings page of the SplitWit Experiments plugin

You can also download it here directly:

Download splitwit-wp-plugin.zip

Here’s how to install it:

1) Download the compressed file, unzip it, and add the contents to your WordPress site’s plugin folder ( wp-content/plugins/ )

2) Create a free account at SplitWit.com.

3) Create a SplitWit project for your site.

4) Copy/paste that project’s ID code into the plugin’s settings page. This ID code can be found on the SplitWit projects page.

Find you project ID for SpltWit.
You can find your site’s project ID on the projects page

https://www.SplitWit.com/projects