Logon
Demonstration
Each demo allows you to get straight into finding out about the ShopIntegrator hosted shopping basket/cart ecommerce service without having to register or set up any of your own products and shipping plans.
Shoppers View: Shop Button Add-ins At A Glance
Below shows just three of the 18 different ecommerce buttons and store add-ins available. These are interactive store demo plugins, so try clicking on the Add to Basket button and then the View Basket buttons.
See how the in-page Mini Basket/Cart plugin automatically updates to keep track of all the items in your shopping basket/cart.
Customise your ecommerce add-in colours, store button images and other appearance settings to match website style. Find out more about ecommerce buttons and store add-ins here.
Add-in ecommerce buttons in to Any Website by following step by step instructions just like those shown in steps 
and 
below.
Popular Content Management Systems (CMS) and DIY Site Builders have their own step by step guides, click on your website type to see more.
Adding ecommerce To A Website
Copy and paste your accounts ecommerce script once in to your web page.
<script type="text/javascript" language="JavaScript" src="http://ecommerce.shopintegrator.com/client/GetShopScript?CLIENT_ID=shopin090127"></script>
Copy and paste your ecommerce plugin text in to your web page
[Shown Below are just 3 of the 18 ecommerce add-in buttons In Your Toolkit]
ecommerce Plugin
Created by copying and pasting the following text in to your web page:
<script>if(window.shopActive){sellItem('DEMO1');}</script>
<noscript><a href="http://ecommerce.shopintegrator.com/ecommerce?ci=shopin090127&op=si&ID=DEMO1" target="si_DEMO1">
<img src="http://ecommerce.shopintegrator.com/ecommerce.png?ci=shopin090127&op=si&ID=DEMO1" border="0"/></a></noscript>
ecommerce Plugin
Created by copying and pasting the following text in to your web page:
<script>if(window.shopActive){showViewBasketControl();}</script>
<noscript><a href="http://ecommerce.shopintegrator.com/ecommerce?ci=shopin090127&op=svb" target="control"><img src="http://ecommerce.shopintegrator.com/ecommerce.png?ci=shopin090127&op=svb" border="0"/></a></noscript>
ecommerce Plugin
ecommerce add-in buttons appearance and your shop's overall look and feel are styled using the ShopIntegrator admin console Appearance Manager. However, some plugins are marked with the CSS symbol and allow direct style sheet styling in your own page.
Created by copying and pasting the following text in to your web page:
<script>if(window.shopActive){showMiniBasketList();}</script>
<noscript><img src="http://ecommerce.shopintegrator.com/ecommerce.png?ci=demo&op=smbl" border="0"/></noscript>
We styled our Mini Basket/Cart as follows but you could style it how you like:
<style type="text/css">
.si_minibasket_table{border: 0; padding: 0; margin: 0; width: 195px; text-align: left; font-size: 12px; font-family: trebuchet ms, verdana, tahoma, arial, sans-serif; color: #034C95; background: url('/img/demos/mini-basket-bg.png') repeat-y;}
.si_minibasket_td_description{width: 125px; padding-left: 10px; line-height: 100%;}
.si_minibasket_td_qty{width: 15px; vertical-align: top;}
.si_minibasket_td_cost{width: 35px; padding-right: 10px; text-align: right; vertical-align: top;}
.si_minibasket_td_total_col3{font-size: 14px; color: #034C95; padding-right: 10px; width: 35px; height: 20px; text-align: right; border-top: 1px dashed #333; font-weight: bold;}
</style>
Shoppers View: Shop Button Add-ins Demo Website
We have created a small website to demonstrate how a number of the different ecommerce add-in buttons might be used on your website. This will give you a shoppers point of view. Click on the image below to launch the demo.
Shop Owners: Shop Admin Console Demo
We have setup a special demonstration client for you to take a look at the administration console. The client already has setup different products, shipping plans, special offers etc. The client has been setup as read only. Any changes you make and try to save will not take effect. so that every person sees the same online demo, unaffected by other people using the demo at the same time. Click on the image below to launch the demo.
