Logon
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.
- Sell digital download products from a Vistaprint Store
- Sell products with advanced delivery calculations by weight, value, country, including VAT/GST/Sales tax handling
- Accept debit and credit cards in your Vistaprint store through Pay Pal, CardSave, Sage Pay and eWAY, with a growing number of checkout payment gateways
- SKU stock quantity control/Out of stock product management
- Product options/variants which may modify the product weight and price
- Multi-currency pricing
- 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 and order receipt email
- Customer discount codes and special offers
- Customer special instructions
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.
- Sign up for your FREE account trial of ShopIntegrator
- Logon to ShopIntegrator web admin
- 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
Click on the ‘Add Ecommerce To Your Website’ button in the ShopIntegrator web admin
Select Vistaprint in Step 1 of the 'Add Ecommerce To Website' web admin
Copy the code in Part(i) from the final step of the 'Add Ecommerce To Website' ShopIntegrator web admin page
<---Switch to your Vistaprint editor now--->
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.
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.
Paste the Part (i) ShopIntegrator store script (see above) into the Vistaprint Handy HTML Widget text box, then click the Done button
Insert ecommerce buttons into your Vistaprint
Click on ‘Add Ecommerce To Your Website’ in the ShopIntegrator web admin
Select Vistaprint in Step 1 of the 'Add Ecommerce To Website' web admin Select the type of ecommerce button to add into your Vistaprint web page.In this example we have selected 'Sell Single Product'.
|
Categories of ecommerce plug-in explained |
Select the Product you will be selling with this ecommerce button add-inNote: You will need to set up your Products in the Product Manager of ShopIntegrator's web admin.
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.
Clicking the 'Use This Instead' button for the 'Interactive Buy Now Price Tag' selects this ecommerce button add-in.
Copy the code in Part(ii) from the final step of the 'Add Ecommerce To Website' ShopIntegrator web admin page
<---Switch to your Vistaprint editor now--->
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.
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.
Paste the Part (ii) ShopIntegrator store script (see above) into the Vistaprint Handy HTML Widget text box, then click the Done button
Resize 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.
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.
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.
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.
020 8816 8052
+44 20 8816 8052
