Replacing legacy screen branding with StoreFronts Checkout
Introduction
UltraCart's StoreFront Checkout is the modern replacement for the legacy Screen Branding system. Migrating to StoreFront Checkout provides a highly customizable, mobile-responsive, and modernized checkout experience for your customers. This guide provides step-by-step instructions to transition from legacy Screen Branding to StoreFront Checkout.
Tip: Migrating to StoreFront Checkout positions your store for future platform improvements and ensures long-term support.
Advantages of StoreFront Checkout
Responsive, Mobile-Friendly Framework: Fully responsive design ensures optimal checkout experience across all devices.
Visual Builder Customization: Easily customize the checkout appearance using UltraCart's Visual Builder.
Theme-Based Architecture: Simplify design changes and updates using themes and site-wide attributes.
Modern UI/UX: Improved customer experience with faster load times and intuitive navigation.
Ongoing Enhancements: StoreFront Checkout receives regular updates with new features and improvements.
Prerequisites
Access to your UltraCart administrative account.
StoreFronts feature enabled on your account.
Step-by-Step Instructions
Installing Storefronts
From the Main Menu select the StoreFronts option
2. A lightbox will display a short video, simply click on the "Install StoreFronts into my UltraCart account" button to begin the install process.
Configure StoreFront to checkout only
Adding a logo
Upload your logo using the Visual Builder editor. From the storefront menu, click the "Browse your Store" button:
Next, click the "Edit" button that appears at the top left corner of the web page:
(This menu only appear when you are actively logged into the UltraCart back-end, it doers not appear to your customers)
Next, mouse over the sample logo so that the logo is outlined in blue then click the gear icon (or use the keyboard shortcut "s" key to open the settings panel in the Visual Builder editor:
multimedia
Fine tuning your checkout colors
Updating Contact Us information
Copy Conversion Tracking
If you are using the Legacy Screen Branding you may have some Conversion and Tracking configured, It is important to move this content over to your new StoreFronts checkout so that you maintain these settings.
Next we want to copy any information we have entered here for the different providers. Now that we have the information we need to take that over to our new StoreFronts checkout.
From here you will have options to configure Google, Other, Custom and more.
Once you have copied over all of the details simply click "Save".
New Buy links
To find your Buy Links navigate to:
Next to each Item that is created you will see a set of action icons, by clicking on the Links icon you will be taken to the Buy Links page for that product.
Clicking on the icon for a given product will then take you to the Item Links or Buy Links page show below.
Because you can have multiple StoreFronts we do provide a drop down list just above the buy link that allows you to select which storefront the link should be assigned to, this allows you to have the same item pointed to different storefronts based on the link the customer user.
From here you would simply need to take the link and add it into your website, that code may look something like this:
