When you want to test buttons within you ecommerce site and use Reedge, here is a little trick to test buttons on all product pages at once. To test on all product pages at the same time we need to find a part of the URL that is always there in a shop.

Use a multivariate test in the Testing -> Start new test area and follow the guide below.

Shopify

For Shopify this is for example /products/  by looking at examples http://shop.oneandonlyheadboards.com/products/island-sun and http://www.clothmoth.com/products/love-will-find-a-way-t-shirt

osCommerce

On osCommerce you have the following URL structure http://store.mandriva.com/product_info.php?cPath=149&products_i... it seems to contain product_info.php so with that we have a unique identifier for product pages.

Magento

Here its a but complicated since there is a very free URL structure that is very SEO oriented and has no reference to a product. For example http://www.magento-mall.com/sony-vaio-vgn-txn27n-b-11-1-notebook-pc... has no unique identifiers in the URL to tell this is a product page. But I am positive we will will be able to target these product pages. I suggest we look the HTML of the button you can target:

<button class="form-button" onclick="productAddToCartForm.submit()"><span>Add to Cart</span></button>

By seeing this I doubt if we find any more of these kinds of buttons on the site and if we do, we target them all. In step 1 of the Test Wizard we select the button and the jQuery selector is

FORM#product_addtocart_form DIV.product-shop DIV.add-to-holder FIELDSET.add-to-cart-box BUTTON.form-button

so that seems pretty unique but after looking at more pages it seems that the unique part is

FIELDSET.add-to-cart-box BUTTON.form-button.

Step 1: where to test

We select in all cases the URL mentioned above and select the button. As a variation we change the text to Buy Now (in the editor you need to select HTML to change the text of the button).

Original: <button class="form-button" onclick="productAddToCartForm.submit()"><span>Add to Cart </span></button>

Variation: <button class="form-button" onclick="productAddToCartForm.submit()"><span>Buy Now</span></button>

If you like to check if it now works in multiple product pages, just paste another 2 in the step 1 browser and you see that the selections also work.

Save the variation and the original and go to next step where you can preview. We need to act on step 5.

Step 5: who will see it

Reedge select automatically the URL's here that you used on the browser of step 1. Bu if you want the button to change everywhere you have to change the part where it says: Page URL -> Starts with to Page URL -> Contains. Then in the field behind it for osCommerce users you fill product_info.php that way reedge will apply the button change to any url that contains product_info.php.

Shopify users fill out /product/ in that field and Magento users nothing, thay can just remove everything. But if you have the shop installed in a subdomain or special folder, for example shop.mydomain.com or www.mydomain.com/shop/ it worth filling out that in URL we have to see the word shop that makes it easier to find the right button and give less risk of reedge to replace the wrong button.

The Rest

From there you Continue and finish the wizard, add a goal (usually a thank you page after payment) but you can create if different or multiple goals if you like. Save the test and it will start on the given date and you will see the results shortly.

THIS IS AN OLD VERSION, NOT USED ANYMORE

In these six steps we show you how to add a project and start making your first changes on the site. Will make a special X-mas offer for users from Canada that visited our page minimal twice before. We load this banner after the page is finished using a id-replacement in the existing site (we do not change any code in our CMS).

Step 1 Create New project

Using Create New Project in the Reedge App you can make a new project with its own code. Tracking information cannot be shared over projects, this to guarantee the strict separation of account even within the App.

By giving Reedge information about your specific goals, we can assist you in reaching them. We will actively support you with tips and ideas how to use Reedge.

Once the project is made, click on it and you go to the Dashboard of the project.

Step 2 Place codes on your site

Now you in the new project you can add the code to you website.  To see the code for this project go to Project Settings.

Code 1

We recommend to place Code 1 right before the </head> code in you website.

Note: You must understand that the code also can be placed at the bottom of your page before </body> but then some parts of Reedge will not work properly (See also more on this in Zones).

Code 2

Always under code 1 and before </body> you must place code 2.

Both codes allow you to track the user information and if the code 1 is loaded before the rest of the page (that's why its before </head>) it can change the page content based your preferences.

Step 3 Add domains that will run the code and share visitor information

In the Menu Domains you find the option Manage Domains. There you can Create new domain to add the websites you want to work within this same project. Maybe you CMS is supporting multiple domains in the same news networks and you like to add the code to all of them. No problem, just add as many as you like, they all share the same settings and visitor history for you to reuse over all these domains.

Once you added all the domains you wish to use within this project you can see them all in you domain overview (see image below).

Step 4 Create new test content

In Menu Inventory you can Create new inventory item this is the HTML code we want to load after the page is finished and is specifically intended to replace a HTML element in our website. We have an existing code in our demo-site see below:

<div id="rightbanner-top" style="width:300px; height:250px; margin-bottom:10px;">
      <a href="http://www.oursite.com/special-offer/">
          <img alt="Special Offer" src="/images/ads/special-sale-bunny.jpg" border="0" />
      </a>
</div>

 Reedge is able to replace any HTML code on the page by jQuery Selectors.In this case it seems most logical to use the ID in the div of the banner. Since there is only one div on the page with that ID we will only replace one item. The Change area selector (sorry thats how we call them) in the new stockitem (inventory-item) becomes then div#rightbanner-top

Now we have our special offer ready (see below) we need to decide who we want to offer this great X-mas offer. So we will make a new segment.

 

Step 5 Create action

Since this is a campaign just for a short period we do not create a segment but make an action right away...

In the menu Actions -> Manage Actions you can Create new action. We call this X-mas 2009 offer for Canadians.

Describe the Action

Since you will use Reedge in many ways its good to describe the actions well. That way you know in 3 months time, what the actions were. Its also helpful for Reedge Support in case you need some help.

Create Action Rules

We have dozens of entities you can use to create rules. This allows you to create thousands of different rules. By using one of the four main groups: Content, Systems, Traffic Sources or Visitor data, you can create divers rule.

We drag from the Visitor data en entity Country to the first rule block. We also add a rule so only people that visited two pages out of any of our domains in the project by adding the Pages visited entity to our rule and changing the Time look back option to 30 days that you can find after clicking more.

Stock to load

Now we know who to target we need to load the stockitem that we made to replace the banner. By using the last part of this action Stock to load, you can select stored items and connect them to the action.

Now the action is done and right after saving the action the targeted audience will see the changes on there version of your website.

Done!

When making rules for segments and actions entities are used to define the rule items. These entities can be dragged from the left menus and used to create a rule. There over thirty entities that can be selected so create actions and segments to improve visitor experiences.

We placed entities into four groups:

• Content
• Systems
• Traffic Sources
• Visitor data

Content

Here you find entities that relate to you sites content (like URL, domain, queries and protocols used)

External Link Clicked

This is used to create a rule that refers to a visitor action : clicked on an external link. By external link, we mean any link under a domain that is not added in your project.

Landing Page path

The page visitor entered your website. This entity stores the full URi including transfer protocol, domain, url and string. This page path refers to the last stored landing page (last session)

Page path

URi of the page (bold) http://mydomain.com/url_here?var1=val1&var2=val2

Page Url

Holds page url of a visit. This entity stores the full URi including transfer protocol, domain, url and string (bold) http://mydomain.com/url_here?var1=val1&var2=val2

Query string

This holds the query string in an URL. eg, what's after question mark in url (bold). http://mydomain.com/url_here?var1=val1&var2=val2

Site Domain

Domain visitor used to reach your website(site url) it can be domain.com, www.domain.com, testing.domain.com, testing1.testing.domain.com, etc.

Transfer protocol

This holds the transfer protocol of a visits! Said so anyone knows what this is about, it's http or https etc.

Systems

Here you find some entities that can be used to identify visitor systems from there browser settings.

Browser

The browser used by visitor.

Browser Version

The version of browser used by visitor, for example 3.5.7 (note that this is a string not numerical so that's why greater than comparisons do not work here).

Flash Support

Flash support capabilities of the visitor.

Java Support

Java support capabilities of the visitor.

Operating System

Operating system used by visitor.

Screen Colors

Screen color depth of visitor (eg 24 (bits))

Screen Resolution

Screen resolution of your visitor. It's represented line WIDTHxHEIGHT. eg. 1024x768

Traffic Sources

Here are entities that can be used to segement visitor sources.

Keyword

The keywords visitor used to reach your website.

Referral path

The path of the referral (everything after domain).

Referral type

The type of referral ( eg direct visit, search engine, internal)

Source name

The name of the domain your visited came from (eg google.com)

Visitor data

We grouped some other visitor data in this group, one of which is very important "Visitor segment" allows segments in segments and segments in actions.

Average time on page

The average time in second an user spends on a page

City

The city of visitor based on his IP. Although IP addresses are not stored in the system at the time of collecting the data a lookup is done on a geo-service and the geo information is entered in the system.

Country

Visitor's country based on IP. Although IP addresses are not stored in the system at the time of collecting the data a lookup is done on a geo-service and the geo information is entered in the system.

Days since last visit

Number of days elapsed since last visit (if returning visitor).

Hour of day

The hour of day visitor visited your site (visitor timezone in 24 hours - 00-24)

Language

Visitor's primary language as set up in his browser.

Pages visited

Number of pages visited

Region

Visitor's region based on IP. Although IP addresses are not stored in the system at the time of collecting the data a lookup is done on a geo-service and the geo information is entered in the system.

Time on page

The time in second a user spends on a page

Visit duration

Current Visit duration (seconds). A visit is counter from the moment of first page hit to last page hit in session.

Visitor Type

Visitor type ( eg new, returning).

Visitor’s Segment

Users are placed into segments within the software. This one represents all the segments the user is placed in at a certain time.

Visits count

Number of times visitor visited your site (different visits means different sessions)