Vistaprint shopping cart store integration guide

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

ShopIntegrator's Vistaprint ecommerce widgets bring a huge range of easy to use ecommerce features to your Vistaprint website.






How to add a shopping cart to Vistaprint

Simply follow the steps outlined below to turn your Vistaprint website into a Vistaprint store using the ShopIntegrator Vistaprint ecommerce shopping cart widgets.

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




Copy and paste the hidden master shop script once into your Vistaprint webpage

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

Build a Vistaprint online store with ShopIntegrator ecommerce widget Click on the ‘Add Ecommerce To Your Website’ button in the ShopIntegrator web admin

Build a Vistaprint online store with ShopIntegrator ecommerce plug-ins

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

Build an advanced shopping cart in Vistaprint 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

vistaprint shopping cart store script

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

Sell products through your Vistaprint website In the Vistaprint editor click in your webpage ready to insert a new element, then from the site editor control bar, click the Extras button in the Insert section of the site editor tab, which will open the Extras popup window for your website.

How to add a shopping cart to a Vistaprint website

Sell products through your Vistaprint website Scroll down the list of Extras until you find the Handy HTML Widget, click on this and you will be show a text entry box for you to Enter Your HTML Code.

How to add a shopping cart to a Vistaprint website



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

How to add a shopping cart to a Vistaprint website



How to add a shopping cart to a Vistaprint website



Insert ecommerce buttons into your Vistaprint

<---Access your ShopIntegrator Web Admin--->

Build a Vistaprint online store with ShopIntegrator ecommerce plug-ins Click on ‘Add Ecommerce To Your Website’ in the ShopIntegrator web admin

Build a Vistaprint online store with ShopIntegrator eCommerce buttons



Add ShopIntegrator shopping cart into Vistaprint Select Vistaprint in Step 1 of the 'Add Ecommerce To Website' web admin

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

Select the ShopIntegrator ecommerce button to insert into your Vistaprint 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 Vistaprint online store Select the Product you will be selling with this ecommerce button 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 Vistaprint online store Select the ecommerce button you wish to add into 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 button to add into your Vistaprint online store


Clicking the 'Use This Instead' button for the 'Interactive Buy Now Price Tag' selects this ecommerce button add-in. Selected ShopIntegrator buy now ecommerce button to insert into your Vistaprint online store


Build a Vistaprint store with ShopIntegrator shopping cart Copy the code in Part(ii) from the final step of the 'Add Ecommerce To Website' ShopIntegrator web admin page

Build an online store with ShopIntegrator shopping cart plug-ins


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

Sell products through your Vistaprint website In the Vistaprint editor click in your webpage ready to insert a new element, then from the site editor control bar, click the Extras button in the Insert section of the site editor tab, which will open the Extras popup window for your website.

How to add a shopping cart to a Vistaprint website

Sell products through your Vistaprint website Scroll down the list of Extras until you find the Handy HTML Widget, click on this and you will be show a text entry box for you to Enter Your HTML Code.

How to add a shopping cart to a Vistaprint website



Sell products through your Vistaprint website Paste the Part (ii) ShopIntegrator store script (see Paste ecommerce button script into Vistaprint website Handy HTML Widget above) into the Vistaprint Handy HTML Widget text box, then click the Done button

How to add a shopping cart to a Vistaprint website



Sell products through your Vistaprint websiteResize the HTML Widget to give it enough space to show the ecommerce button
By default Vistaprint creates a narrow HTML widget block and as a result will crop the ShopIntegrator content shown in the web page you Preview unless you change the size of that Vistaprint HTML widget in your page to be big enough to display the full content.

To resize the block in your Vistaprint editor, drag the corner of the HTML widget block to increase the size of the Vista print HTML widget to be big enough to display the full ecommerce button and contents, about a 2 inch (5cm) square will do it for the moment. You can always come back and adjust the size later to make a better fit. How to add a shopping cart to a Vistaprint website

How to add a shopping cart to a Vistaprint website

Step11 - Sell products through your Vistaprint website Click the Vistaprint Save button for your webpage, then click the Preview button for your Vistaprint website and you should now see your ecommerce button working in your web page.

Add Ecommerce to Vistaprint

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