After you create a Store and a Web Storefront, you can click the Settings button to access the configuration pages. These pages control the branding, localization, customer communication, and appearance associated with the storefront. If you have configured default settings at for your overall Store, you can override default settings within the subpages below. 

Edit your Storefront Settings

You can customize the appearance and UX of each of your Web Storefronts in the FastSpring App. 

  1. Navigate to Storefronts > Web Storefronts
  2. Click Settings on the Web Storefront you want to customize. A list of subpages appears. 
  3. Select a subpage to edit the associated information. Click on the drop-downs below to access more information on each page. 
  4. Save your changes. 

General Settings

From the General Settings tab, you can configure settings that apply to each page on your Web Storefront. 

Fill out following fields to customize your storefront settings:

Customer Information

Header Settings

The Header Settings control the appearance of the section at the top of your Web Storefront. This applies to all pages within the Storefront. 

Size and Behavior Settings

Links Settings

The Links section controls the display of hyperlink texts in the header of the header. To customize links in the footer and body of your Web Storefront, see Footer Settings and Page Settings below. 

Background Settings

Footer Settings

The footer settings control the appearance of the bottom of your Web Storefront. The footer is identical on every page of your storefront. It appears directly above the section that identifies FastSpring as the Merchant of Record. 

Footer Text Settings

Footer Links

Footer links settings control the appearance of hyperlinks in your Storefront’s footer. These settings also apply to the text configured in the section above. See Header Settings above, or Page Settings below to configure links in the heading and body of the Storefront. 

Page Settings

Page settings control the style of specific content within the body of each page on your Web Storefront. The body includes all content in between the header and the footer. 

Links on Pages

Links on Pages settings control the appearance of hyperlinks in the body of your Web Storefront. See Header Settings and Footer Settings above to configure links in the header and footer of your Storefront.

Background

The background section of page settings controls the background of the content section between the header and footer of your Web Storefront. See Header Settings and Footer Settings above to customize their background display. 

Products and Prices

The Products and Prices subpage controls the sizing of product titles and icons, and the color of product prices displayed on your Web Storefront. 

Price

Products

Products as Offers

The following settings apply to product offers that you display on your Web Storefront. The settings applied here only apply to offers displayed on your storefront. To control the settings of all other products, see Price and Products above. 

Homepage

The Homepage subpage controls the appearance and behavior of elements and features that are unique to your storefront’s homepage. 

Buttons

The Buttons subpage controls the appearance of all buttons on your Web Storefront. Some settings can be controlled separately for each type of button.

Example:

Corner Radius = 8px
Border Width = 3px
Border Color = rgb(0,0,0)(black)

Types of Buttons

Completion Page

The checkbox labeled Enable licenses on completion page controls whether or not configured fulfillments appear on the Completion page following a successful purchase. 

Customers can also access their fulfillments through their receipt emails, or their account management portal

Promotions

The Promotions subpage controls the behavior of your Web Storefront’s promotional features. This includes promotional codes, cross-sells, upsells, and popup offers when a customer does not make a purchase immediately. 

Promotional Code

This section controls the behavior of the coupon code field at checkout. If displayed, customers can input coupon codes that you configure to receive a discount at checkout. 

Product Page

The Product Page subpage controls the positioning of cross-sell and upsell offers in the product catalog. This placement is in relation to the products which trigger the offers.  

Abandoned Cart Popup

If you plan to use a cart abandonment popup dialog, you can control the appearance in this section. This will display when a customer leaves the page open in their browser without completing a purchase. This only appears if there are items in the cart.

Analytics Integration

From the Analytics Integration subpage, you can customize the integration between your Web Storefront and your Google Analytics account. 

Google Analytics

Google Tag Manager Integration Behavior

Checkout

If gift purchases are enabled in your Store, you can control the availability of gift purchases for this Web Storefront. Select Enable Gift Purchases to allow customers to purchase on behalf of a recipient in this Storefront. 

PayPal

The PayPal subpage lets you customize the PayPal logon window that appears when a consumer chooses to pay with PayPal.

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.
  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.