StoreFront User Guide
Design, Build, and Manage Your Online Store
Get started with StoreFront, UltraCart’s powerful built-in website builder, designed to help you launch a beautiful, conversion-optimized online store—without needing advanced technical skills.
What is a StoreFront?
A StoreFront is UltraCart’s fully integrated eCommerce website builder. It allows merchants to design, manage, and optimize an online store from within the UltraCart platform, using a combination of drag-and-drop tools, customizable templates, and powerful scripting options.
Whether you’re launching a new store or managing a large product catalog, UltraCart StoreFronts provides the flexibility and control needed to create a professional, high-performing eCommerce site.
Core Features Include:
Drag-and-drop Visual Builder
Built-in themes and templates
Full product and category management
Customizable checkout pages
Integrated SEO tools and upsell offers
Developer-friendly template language (Velocity)
Easy integration with analytics and tracking tools
Prerequisites:
An active UltraCart account
Basic familiarity with the UltraCart Dashboard
StoreFronts enabled on your account (All new UltraCart Accounts have StoreFronts enabled)
If you are an existing merchant and wish to upgrade to StoreFronts, please see Upgrading from a Legacy Checkout to a StoreFront
What’s Covered in This Guide
This StoreFront User Guide provides step-by-step instructions and reference documentation across several major areas of the StoreFront system. Below is a categorized overview of the available topics:
Topics
How StoreFront creates pages for your products
The difference between product group pages and product pages.
Using Conditions to automatically assign products to a group page
Creating many product pages quickly using conditions
Using a different page template
Adding custom content (header, footer, etc)
Adding additional custom content placeholders to a page template
Changing child page sort order
Setting SEO for a each product page
Adding/Removing products from a group page
Changing the sort order of products
An introduction to the Admin Panel
Parent page template does not support child page links and this page is not used in a menu
FAQ
Storefront Languages in UltraCart
Overview
UltraCart's Storefront Languages feature allows merchants to translate their storefront content into multiple languages, enhancing the user experience for customers worldwide. This feature leverages automatic translation powered by Google Translate, enabling merchants to support up to 60 different languages.
Navigate: Main Menu → Storefronts → Choose Storefront Host → (Storefronts Menu) Languages
Adding and Managing Languages
To add another language to your UltraCart storefront, follow these steps:
Navigate to the Languages tab in your Storefront.
Review the translation cost associated with your storefront's content, which appears in the paragraph above the Language list.
Enable the desired language by checking the corresponding box. You can also enable all languages using the "enable all" checkbox.
Save your settings.
If your theme does not support internationalization (i18n), you will need to upgrade to a theme that does.
(*Supported themes include all current themes available in the Themes Gallery.)
Field | Description |
|---|---|
Language | List of available languages. |
Default | Designates the default language. |
Enabled | Select the checkbox for any additional languages you wish to enable. |
Edit (button) | Click that to access the checkout text editor. You can modify the defaulted text to your liking. |
How Multi-Lingual Support Works
Automatic Language Selection
When a customer visits your storefront, their browser sends an "Accept-Language" HTTP header indicating their preferred languages. UltraCart automatically sets the customer's language preference based on this header if your site supports the language.
Manual Language Selection
Customers can manually select their preferred language using a globe icon in the upper right corner of the desktop view. The language picker displays languages in their native spelling, such as "Español" instead of "Spanish."
Background Translation
New content is translated in the background when a language is first enabled. Customers may initially see some untranslated content until the translation process is complete.
Editing Checkout Text
To edit a specific line of checkout text (heading for input fields, etc.) for a language:
Go to the Languages page and click Edit next to the desired language.
Use the search tool to find the text you want to edit.
Modify the text in the provided edit field and save your changes.
Static Text
When adding static text to a template, use the i18n system to ensure it can be translated.
For example, instead of directly adding text like:
<div class="ucColorSubHeader">Your contact email</div>
use the i18n system:
<div class="ucColorSubHeader">$i18n.write("checkout.viewcart.yourContactEmailField", "Your contact email")</div>
Supported Themes
The following themes support multi-lingual capabilities:
Elements
Hero
Jewel
Lifty
Native
Natural VB
Poppy
Introduction
The storefront file manager is where you host your your images and other files in your storefront.