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.

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

Sell digital download products from a Yola store
Sell products with advanced delivery calculations by weight, value, country, including VAT/GST/Sales tax handling
Accept debit and credit cards in your Yola store through CardSave, Pay Pal, eWAY and Sage Pay, with a growing number of checkout payment gateways
SKU stock quantity control/Out of stock product management
Product variants/options which may modify the product weight and price
Multi-currency pricing
Customer special instructions

Sell customised and personalised products
Customisable ecommerce buttons and checkout
18 ecommerce buttons and store add-ins, including:
- Buy Now
- Add to Cart/Basket
- Checkout
- Change Currency
- Product Lists
- Mini Cart summary
Customer order management with order receipt email
Customer special offers and discount codes

ShopIntegrator Yola shopping cart demo

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

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.

Sign up for your FREE ShopIntegrator account trial
Logon to ShopIntegrator web admin
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

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

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

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

Sell products through your Yola website

Add master shop script for your ShopIntegrator account into your Yola website

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

How to add a shopping cart to a 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

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

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

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

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