Screen Branding

Screen Branding allows you to design your shopping cart to reflect the look of your website. This provides for a seamless transition from your site to UltraCart to avoid confusing or alarming customers by showing a cart that looks completely different form your website. They need to know that they are still using your system to buy the product.

Beyond Screen Branding, there are options to power your whole website in UltraCart, though they are mostly for advanced users or to work with the Pro Services Team in UltraCart: Catalog, UltraCart REST Checkout API

Getting Up & Running Quickly

In a hurry? Then upload your logo and place it on the checkout page. That alone will keep most customers from abandoning the cart.
Navigate to:

Configuration → Checkout → Screen Branding Themes

Click Edit: (You will only have the DFLT theme at first but you can add more later)

Then Choose Graphics Library from the Left Hand navigation:

Click the Upload graphic button at the bottom of the screen.

After uploading, the logo will appear in your graphics file list. Click the link button to view the links for the image.

Copy the <img> link to your clipboard.

Using the breadcrumb link at the top of the screen, click on

Theme Editor (DFLT) →

Then Click on Screens and choose Edit for one of the screens:

In the header section, paste your clipboard containing the <img> tag.

Click the Save and Preview button:

For a more in-depth look at Screen Branding (in the old UI), this tutorial below walks through adding a header and footer of an existing site to a checkout page. The example is complete with a css file and background images.

Click to watch video...

The site featured in the tutorial above is Rad Air Snowboards. Here are the files needed to replicate the tutorial.

Tutorial Files

Going the extra mile

To achieve a seamless transition, there are still many decisions to make.

Will you use the regular checkout or the Single Page checkout?
Will you employ the Javascript Checkout for flexibility?
Will you create a Catalog to achieve an amazing user experience?

Javascript Checkout

The Javascript Checkout API is a clean and powerful way to create completely customizable checkout pages. The Integration Center has a two page example that you can use and our Pro Services Team can be hired if you run into any issues.. Be sure to check out that example if you wish to go the route of the Javascript checkout!

Next Page: Some Final Thoughts

Browser not supported