Product Widgets

Add a product to any web page with just a few lines of code. Your customers can then view and purchase without them leaving your site. 

Pick your preferred widget from: Standard, Artwork, Mini. 


Standard Widget

Step 1: Design

To have a 'Standard' widget on your existing site, go to  “Product” from the left hand admin menu, then create or select an existing product. 

Click on the Standard” tab, then choose a button, button text and text colour by clicking on the allocated boxes. Toggle the 'Remove Border?' button depending on your choice and edit the Button text, if needed.

Step 2: Embed code

Copy the code to your clipboard and embed the code into your website’s HTML to display the 'Standard' Widget on your site.


Artwork Widget

Step 1: Design

To embed an 'artwork' widget into your existing site, go to Product” from the left hand admin menu, then create or select an existing product. Once completed click on "Widget/Button" from the menu.

Click on Artwork”, then choose a button and button text colour by clicking on the boxes. 

The Buy button text is customisable so adjust the wording as needed.

Step 2: Embed code

Copy the code to your clipboard and embed the code into your website’s HTML to display the 'Artwork' Widget on your site.


Mini Widget

Step 1: Design

If you'd like the Mini Widget to be embedded into your existing website, go to Product”, then either create or edit an existing product. After this go to "Widget/Button"  and select the 'Mini' tab. 

Choose colours for the associated parts of the widget by clicking on the toggles. And if needed, the Buy button text is fully customisable.

Step 2: Embed code

Copy the code to your clipboard and embed the code into your website’s HTML to display the Mini Widget on your site.


Note:

The Widget Width is set to 100% of the container element you paste the widget into. 

In non-tech, this means the widget will fill the space that you're adding the code in to.