Webs shopping cart store integration guide

Easily add ecommerce buttons and a shopping cart into your Webs website to create a professional looking Webs store.

The ShopIntegrator Webs shopping cart brings a huge range of easy to use ecommerce features to Webs websites, such as:





ShopIntegrator Webs shopping cart demo

Get Started Free If you just want to have a look and see it working then visit the ShopIntegrator webs store demo >>> .

If you're ready to try it yourself then get started by registering for our free Webs shopping cart 30 day no obligation trial >>>

Webs shopping cart store demo


How to add a store to Webs websites

Simply follow the steps outlined below to turn your Webs website into a Webs shop using the ShopIntegrator Webs ecommerce widget.

  1. Sign up for your FREE account trial of ShopIntegrator
  2. Logon to ShopIntegrator admin console
  3. Follow the steps below to build your online Webs store in minutes.


Copy and paste hidden master shop script onto your Webs pages that use ShopIntegrator

<---Access your ShopIntegrator Admin Console--->

Build a Webs online store with ShopIntegrator ecommerce plug-ins Click on the ‘Add Ecommerce to Your Website’ button in the ShopIntegrator web admin

Build a Webs online store with ShopIntegrator ecommerce button add-ins

Add ShopIntegrator shopping cart plug-ins to your Webs website Select Webs in Step 1 of the 'Add Ecommerce To Website' web admin

Build an advanced shopping cart in Webs with ShopIntegrator ecommerce plug-ins Copy the code in Part(i) from the final step of the 'Add Ecommerce To Website' ShopIntegrator web admin page

How to add a shopping cart to Webs with ShopIntegrator ecommerce plug-ins

<---Switch to your Webs editor now--->

Sell products through your Webs website Click on the Layout menu at the bottom of the Webs Builder page settings and drag the Custom HTML control into the top of the page.

Note: Webs does not allow HTML custom controls to be put into the header of the page therefore every page using ShopIntegrator must have the master shop script added in this way.

How to add a shopping cart to a Webs website

How to add a shopping cart to a Webs website

Sell products through your Webs website Paste the Part (i) ShopIntegrator store script (see Paste store script into webs website settings above) click on the HTML box and copy the ShopIntegrator part(i) script [See above] into the HTML control and select Save Changes.

How to add a shopping cart to a Webs website



Insert ecommerce button plug-ins into your website

<---Access your ShopIntegrator Admin Console--->

Build a Webs online store with ShopIntegrator ecommerce plug-ins Click on 'Add Ecommerce to Your Website' in the ShopIntegrator web admin

Build a Webs online store with ShopIntegrator ecommerce button add-ins

Add ShopIntegrator shopping cart plug-ins to your Webs website Select Webs in Step 1 of the 'Add Ecommerce To Website' web admin

Select the ShopIntegrator ecommerce plug-in to insert into your Webs online store Select the type of ecommerce plug-in to add in to your web page.
In this example we have selected 'Sell Single Product'.

Select the ShopIntegrator ecommerce button to insert into your Web online store



Categories of ecommerce plug-in explained
Sell single products - These plug-in options apply to a single product to be purchased and include ‘buy now’ and ‘add to cart’.
Sell multiple products - The plug-in options under this heading tabulate a group of products in the same category. You can add each product to the shopping cart directly from this table.
Checkout and currency controls The ‘checkout plug-ins’ take your customer through to the checkout page. The ‘currency control plug-in’ enables customers to change the currency in which they view and buy products. Note: The currencies available to the customers to select are controlled by you.
Shopper cart Information - This plug-in provides summary information of what is in your customer's shopping cart. Using this plug-in, you can display on any webpage the ‘no. items in cart’, ‘total cost of items in cart’ and /or ‘list items in cart (mini cart/cart)’.


Sell products and digital downloads from your Webs online store Select the Product you will be selling with this ecommerce plug-in
Note: You will need to set up your Products in the Product Manager of ShopIntegrator's Admin console.

Sell products and digital downloads from your Webs online store Select the ecommerce plug-in you wish to display on your web page(s)
In this example we have selected 'Interactive Buy Now Price Tag' which enables the customer to select quantity and any product options/variants.

Select the ShopIntegrator ecommerce plug-in to insert into your Webs online store


Select the ShopIntegrator ecommerce plug-in to insert into your Webs online store


Build an online store with ShopIntegrator shopping cart plug-ins Copy the code in Part(ii) from the final step of the 'Add Ecommerce To Website' ShopIntegrator admin console page

How to add a shopping cart to Webs with ShopIntegrator ecommerce plug-ins <---Switch to your Webs editor now--->

Insert a ShopIntegrator ecommerce plug-in into your Webs website Select the Custom HTML option from the Layout menu.

Add a store to Webs using Basic Elements in the Webs Editor


Insert a ShopIntegrator ecommerce button into your Webs website Drag the ‘Custom HTML’ element into position on your webpage.

Add a store to Webs using Basic Elements in Webs Editor


Insert a ShopIntegrator ecommerce plug-in into your Webs website Click to open the Custom HTML control and paste the code from your ShopIntegrator admin console (see Step 6 above) into this element and select Save Changes

Insert a ShopIntegrator ecommerce button into your Webs website


Your Webs online store is up and running View your online store with a working Buy Now button in Preview or Published mode!

Insert a ShopIntegrator ecommerce button into your Webs website



When you click ‘Buy Now’, button the product is added to the cart and the checkout is launched. If you just want the product added to the cart without opening the checkout, simply use the ‘Add to Cart’ Interactive Price Tag version instead. You'll then also need a View Cart or Checkout button to go with it.

Customising your ecommerce buttons and shopping cart design

Easy point and click customisation for a novice to use, powerful capabilities for a web designer. Style your ecommerce to seamlessly blend into your website.

Learn more

Other Content Management Systems
& DIY site builders

We have step-by-step ecommerce integration guides available for adding ecommerce into many different Content Management Systems (CMS) and DIY site builders.

Learn more