Displaying Multiple Products on One Page

Overview

This article will teach you how to display multiple products together on one common page. There are three ways that you can achieve this within SpringBoard, and each has its own benefits and drawbacks.

Option 1: Using Containers

A quick and simple way to offer multiple products on one common page is to create a container page that lists all of the products that you associate with it. A container page contains radio buttons, drop-down menus and/or checkbox elements, which allow a buyer to choose to purchase other products that you offer. 

You should make sure that the products to be used in the container page are set up prior to creating the container page itself. After creating the container page, you will need to add your other related products.

You can create a container page by going to SpringBoard's Store Home » Products and Pages  » Create Container Page. For more information, see Creating Container Pages.

There is one main drawback to using containers to display multiple products in one common page.  There is not much that can be done to customize the layout of the page. FastSpring can style various elements with CSS, but if you are looking for a very specific layout, using containers is not the best choice. 

While you can display a description and an image on a container page, you can not display descriptions and images for individual products. You can add an image and a description for each Option Group, rather than each product within that group. To add a description to the products in the container page, go to SpringBoard's Store Home » Products and Pages  » select container » "Edit" Product Options » "Edit" Product.  Add a description in the description field, click close and then remember to click Save.

Option 2: XML Template Pages

Creating an XML template page is another option to display multiple products on one common page. They offer a great amount of flexibility in terms of page layout, but they are complex to create and maintain if you have lots of products or make updates frequently. They require some knowledge of xml, html and CSS.

You can create an XML template page by going to SpringBoard's Store Home » Product and Pages » Create Template Page.

One benefit of XML template pages is that they can use product names, prices, images, and descriptions you have already configured in SpringBoard.

If you would like to try to use XML template pages, but are not comfortable creating the XML page, we can help you with the setup process. Please open a support ticket and give us a detailed description of what you are hoping the page will look like.

For example, you could attach:

  • The layout mocked up in an html document
  • An image which gives a rough idea of your desired layout
  • Examples from other website stores that show what you want to attain
  • An over-all detailed description of the objects you want and where they are to be placed on the page

Please also send a list of the products in the order that you would like them to appear.  If we create an XML template page for you, it can get very cumbersome to manage with more than ten products. Every time you want to add, edit, or reorder products you will need to submit a new support ticket.

Option 3: Host the Page Yourself

If you want to create a page to display all products with descriptions and images, the best option is to create and host the page yourself.  Hosting the page yourself gives you the maximum amount of flexibility and control in terms of how you present your products together. It is also simpler to create and maintain your own page than to create and maintain XML template pages.

You can get a shopping cart style flow by linking to the product order pages as described under Products and Pages » select your product » View Additional Page Linking Options » Option 4 or 5. For more information, see page linking options.

 

You can also display multiple products on one page via cross-sells, which you can offer in various locations in the order process.

Have more questions? Submit a request

Comments

Powered by Zendesk