When it comes to building a seamless and professional Shopify Plus checkout experience, it's essential to understand the difference between Elements and Branding within the SupaElements app. Both features are powerful, but they serve very different purposes. Knowing how to use them together can take your store's performance and design to the next level.

What Are Elements?

Elements are custom features you can add directly to your checkout page. These aren't just design tweaks, they're interactive and functional tools that improve how customers experience checkout.

All elements are fully customizable and can be placed anywhere on the checkout page using simple drag-and-drop functionality.

When you click the "Create" button for the Customer element on the Checkout page, the Elements are divided into two types;

Dynamic Elements:

These are interactive pop-ups or triggers that respond to user actions. You can choose from a total of 5 options to display.

• SupaAction-Headless enables you to automate actions such as adding products to a cart or applying discounts.

• Product Offer displays upsell opportunities with multiple product selections, options for the quantities and a quick button for call to action.

• Product Slider Offer shows smart banners for upsells with the functionality to slide between the products offered.

• Add-on Banner allows customers to add items to their cart with a single click.

• Image Simple showcases promotional offers, information, and more with custom clickable images.

Static Elements:

These are informative or visual enhancements that support the buying process.

• Static Banner displays customised messages.
• Info Label provides key details like shipping methods or return policies.
• Rating Review adds customer testimonials to build trust.
• The progress Bar shows reward milestones or free shipping goals.

What Is Branding?

Branding is where the visual magic happens. With SupaElements, you can tailor every aspect of your checkout’s appearance to reflect your brand identity.

Key Branding features include:

• Customising colours for alerts, messages, and backgrounds.
• Editing the appearance of headers, footers, and order summary sections.
• Adjusting fonts and layout spacing.
• Saving specific colour palettes for seasonal events or promotions.

Branding ensures that the checkout process looks consistent with the rest of your site, giving customers a sense of continuity and professionalism.

Why Use Both?

Elements enhance what your checkout does. Branding controls how it looks. By combining the two, you can:

• Deliver engaging, personalised offers.

• Keep your brand consistent across the entire buyer journey.

• Improve user experience and build trust.

With SupaElements, you can create custom product offers in just a few clicks, boosting upsells and making the shopping experience smoother for your customers.

Want to know how to get SupaElements for free or at a discount? Take a look
at our FAQ for all the details!

If you need further assistance, feel free to contact us via support email or connect with us directly through HelpCrunch.