Collapse Menu
Documentation
FastSpring App
Contact Support

Get Started with Web Storefronts

Overview

Overview of Web Storefronts and how to create one

Table of Contents

A Web Storefront is a website hosted securely by FastSpring that displays your product information and allows consumers to purchase your products. You can have as many Web Storefronts as you need in each Store, and customize each one to look and feel different than the others.

Each Store has a default Web Storefront that controls the appearance and styling of the Account Management site. Your default Web Storefront is indicated by a button in the top, right corner. You cannot change which Web Storefront is the default, but FastSpring can change it for you. 

Different web browsers have different options that must be set regarding the Content Security Policy. Since Web Storefronts set all the various options (in support of various browsers), some browsers may show “errors” in the browser’s console regarding unsupported commands. These errors are to be expected and should not cause issues. 
 

Web Storefront Pages

Each Web Storefront consists of several pages, though not all customers will see every page in the Storefront, depending on how they interact with the Storefront. 

Homepage:

The homepage is where your products are listed. Product Offers may be instantly displayed in-line when the consumer clicks an item’s “buy” button. 

Product Page:

The Product Page lists a specific product along with any applicable Product Offers or Product Options. You have the option to link to the Product Page directly from your website. If your website has a product listing or catalog page, you can link directly to the Product Page of your Web Storefront instead of the Homepage. When the Product Page loads, the chosen product is pre-selected for purchase, and cannot remove the product. Consumers can proceed directly to payment. 

Web Storefronts do not maintain consumers' cart contents between sessions. If session persistence is important to have, consider using the Store Builder Library instead of a Web Storefront. 

Payment Information:

In the Payment Information popup window, the consumer enters payment details such as name, email address, and credit card information. 

Completion Page

The Completion Page displays the order reference, your after-purchase instructions, and applicable fulfillment information upon completion of a successful purchase. 


 

Create a New Web Storefront

  1. In the FastSpring App, click Storefronts > Web Storefronts.
  2. Click the Create Web Storefront button on the top, right corner of the page. The Create Web Storefront popup window appears. 
  3. In the Company Sub-Directory Storefront ID field, enter an ID for your new Web Storefront (with no spaces). The ID becomes part of the Storefront's URL. For example, if you wanted to create a special Storefront for a holiday promotion, you can enter holiday.

  4. Click Create. Your new Web Storefront appears in the list of Storefronts.
     
New Storefronts are offline by default. If you are setting up your Store for the first time, the Store can be switched to online after activation. It must be online to use, however the option is unavailable prior to activation. 
 

Copy an Existing Web Storefront

  1. In the FastSpring App, click Storefronts > Web Storefronts.
  2. Click the More button below the Storefront you want to copy, and then select Copy.
  3. The Copy popup window appears. In the To New Storefront URL field, enter an ID for your new Web Storefront (with no spaces). This becomes part of the Storefront's URL. For example, if you wanted to create a special Storefront for a holiday promotion, you can enter holiday.
    • Do not click the drop-down selector in the To Existing Storefront field; this replaces the Storefront completely. 
    • If your Store has only one Web Storefront, it has to be the default Web Storefront and cannot be overwritten. In that case, the To Existing Storefront field does not appear.

  4. Click Finish. Your new Web Storefront appears in the list of Storefronts.
Storefronts are Offline by default. Click the Offline button and select Switch to Online to begin processing live customer transactions via the Storefront.
 

Select Products to Display on Homepage

The Homepage of a Web Storefront lets you display an organized list of the products in your FastSpring Store, like a product catalog. You can select to display up to 2 groups of products on this page.

  1. In the FastSpring App, select Storefronts > Web Storefronts.

  2. Click the Homepage button for the Storefront you want to edit. The Homepage Products popup window opens

  3. This window consists of two main sections: Main and Secondary. The Main Heading and Main Products fields control the top or upper section of the Homepage. The Secondary Heading and Secondary Products fields control the lower section of the Homepage. The secondary section is optional.

  4. Optionally enter heading text to be displayed on the Homepage above the products in a section. Click the Main Heading or Secondary Heading field and enter the text. Click the language drop-down to enter the heading text in additional languages.

  5. Use the Main Products field and Secondary Products field to choose which products appear on the Homepage. Click the text field to begin typing the name of the product you want to add, and a list of matching products pops up.

  6. Click Save.