Logon

Demonstration

See working demos here
Demo

Featured Clients

Add Cart to Website

How to add a shopping cart into your website?

Learn more

How to add shopping cart to website

Yola shopping cart store integration guide

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

Make your business website stand out with Yola The ShopIntegrator Yola shopping cart brings a huge range of easy to use ecommerce features to Yola websites, such as:



ShopIntegrator Yola shopping cart demo

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

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

Yola shopping cart store demo


How to add a store to Yola websites

Simply follow the steps outlined below to turn your Yola website into a Yola shop using the ShopIntegrator Yola shopping cart ecommerce add-in.

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


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

<---Access your ShopIntegrator web admin--->

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

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

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

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

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

Sell products through your Yola websiteAdd master shop script for your ShopIntegrator account into your Yola website

Yola shopping cart for your Yola account type Your next steps depend on if you have a Yola Free/Yola Bronze account or
if you have a Yola Silver/Yola Gold account.

Click on the tab below for the type of Yola account you have.
Yola Free or Bronze
Yola Silver or Gold
Note: Yola Free and Yola Bronze subscriptions do not allow HTML controls to be put into the header for the entire site so every page where you have ShopIntegrator ecommerce buttons and ecommerce add-ins must have the master shop script added in this way.

Sell products through your Yola website Click on the Widgets menu at the bottom right of the Yola Builder and drag the HTML control into the top of the page.



How to add a shopping cart to a Yola website

Sell products through your Yola website Paste the Part (i) ShopIntegrator store script (see Paste store script into Yola website settings above) into the Yola HTML Widget text box, then click the Save button.

How to add a shopping cart to a Yola website

Note: Yola Silver and Yola Gold subscriptions allow you to add the ShopIntegrator store script for your account into your site header so you only need to perform this first step once for your entire site.

Sell products through your Yola website Under the Yola Site menu in the top left, click the Site Settings menu item.

How to add a shopping cart to a Yola website

Sell products through your Yola website Click the Site Tracking Code in the Tracking section.
How to add a shopping cart to a Yola website

Sell products through your Yola website Paste the Part (i) ShopIntegrator store script (see Paste store script into Yola website settings above) into the Yola Header Code section of the Custom Site Tracking Code

How to add a shopping cart to a Yola website



Insert ecommerce button add-ins into your website

<---Access your ShopIntegrator web admin--->

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

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

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

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

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



Categories of ecommerce add-in explained
Sell single products - These add-in options apply to a single product to be purchased and include ‘buy now’ and ‘add to cart’.
Sell multiple products - The add-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 add-ins’ take your customer through to the checkout page. The ‘currency control add-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 add-in provides summary information of what is in your customer's shopping cart. Using this add-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 Yola online store Select the Product you will be selling with this ecommerce add-in
Note: You will need to set up your Products in the Product Manager of ShopIntegrator's web admin.

Sell products and digital downloads from your Yola online store Select the ecommerce add-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 Yola online store


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


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

How to add a shopping cart to Yola with ShopIntegrator ecommerce add-ins

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

Insert a ShopIntegrator ecommerce add-in into your Yola website Select the HTML option from the Widget menu.

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


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

Add a store to Yola using Basic Elements in Yola Editor


Insert a ShopIntegrator ecommerce add-in into your Yola website Paste the code from your ShopIntegrator web admin (see Step 6 above) into this element and select Save

Insert a ShopIntegrator ecommerce button into your Yola website


Your Yola 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 Yola 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