How to add products to basket from a text link

Products are normally add to a user's shopping basket when the user clicks the 'add to basket' option.

If product variations (like sizes or colours), and/or product extras, are available on the product, then the user will have to select those options first before adding the item to their basket.

You may want the customer to be able to add a product to their basket by clicking a quick link (rather than a button on the product page) and if a product has variations or options, these can be preselected for the customer.

The customer will click a text link like 'add to your basket' or it could be an image. A good example is shown below:

The help guide here describes how to create the URL for the link, not how to formulate the image/text that people will click on.

Creating the URL

Here's an example URL[Colour]=Green

The first part, before the question mark, is the URL for the product. This can be obtained by going to the product on your website and copying the URL from your browser's address bar.

The part after the question mark has the following features

add-to-basket tells the system to add the product to the basket

quantity tells the system what quantity of the product to add

variation if the product has variations, what variations should be selected

choice if the product has choices, what choices should be selected

extras if the product has extras, what extras should be selected

comments allows comments to be added to the product in the order (such as customisation text)

If a product doesn't have variations, choices or extras then you don't need to include these in the URL.



e.g. variation[size]=small

variation-name is the name of the option (like 'size' or 'colour')

variation-selected is the name of the variation that you would like to be selected (e.g. 'small' or 'green')

multiple variations can be configured with the &, e.g.




e.g. choice[finish]=metal

choice-name is the name of the product choice (like 'finish' or 'material')

choice-selected is the name of the choice that you would like to be selected (e.g. 'metal' or 'walnut')

multiple choices can be configured with the &, e.g.




e.g. extras=10103

choice-ID is the unique ID of the product choice

multiple product extras can be configured with a comma, e.g.



Please be aware that product variations and choices are case sensitive!