Webnode shopping cart store integration guide

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

The ShopIntegrator Webnode shopping cart adds a vast range of easy to use ecommerce features to Webnode websites, such as:





ShopIntegrator Webnode shopping cart demo

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

If you're ready to try the ShopIntegrator Webnode shopping cart then register for our free Webnode shopping cart 30 day no obligation trial >>>

Webnode shopping cart ecommerce store demo


How to add a shopping cart to Webnode websites

Simply follow the steps outlined below to turn your Webnode website into a Webnode shop using the ShopIntegrator Webnode 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 Webnode store in minutes.


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

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

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

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

Add ShopIntegrator Webnode shopping cart to your website Select Webnode in Step 1 of the 'Add Ecommerce To Website' web admin

Build an advanced shopping cart in Webnode 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 Webnode with ShopIntegrator ecommerce plug-ins

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

Sell products through your Webnode website Click on the Gadgets menu from the content controls at the top of the Webnode Builder page settings and drag the Embed Code control into the top of the page.

Note: Webnode does not allow Embed Code 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 Webnode website

Sell products through your Webnode website Paste the Part (i) ShopIntegrator store script (see Paste store script into webnode website settings Copy the ShopIntegrator part(i) script [See above] into the Embed Code control and select Ok to save.

How to add a shopping cart to a Webnode website



Insert ecommerce button plug-ins into your website

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

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

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

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

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

Select the ShopIntegrator ecommerce button to insert into your Webnode 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 Webnode 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 Webnode 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 Webnode online store


Select the ShopIntegrator ecommerce plug-in to insert into your Webnode 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 Webnode with ShopIntegrator ecommerce plug-ins <---Switch to your Webnode editor now--->

Insert a ShopIntegrator ecommerce plug-in into your Webnode website Select the Embed Code option from the Gadget menu in the Contents settings.

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


Insert a ShopIntegrator ecommerce button into your Webnode website Drag the ‘Embed Code’ element into position on your webpage.

Insert a ShopIntegrator ecommerce plug-in into your Webnode website Paste the code from your ShopIntegrator admin console (see Step 6 above) into the 'Embed Code' element and select OK to save the changes

Insert a ShopIntegrator ecommerce button into your Webnode website


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

Insert a ShopIntegrator ecommerce button into your Webnode 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