The Basket Summary and Login Status Web Components

Billy Fluck
Billy Fluck
  • Updated

The more you can personalise and streamline your customers’ online journeys, the better; this helps provide the best possible online experience and encourages customers to keep coming back! The Basket Summary and Login Status Web Components can help contribute to this, by showing returning customers that you recognise them, and by letting customers always see the number and value of what’s in their basket regardless of where they are on your site.

In this article we’ll look at what these Web Components are, what they can do, and how you can set them up.

What’s a Web Component and what can it do?

Spektrix Web Components allow you to add customisable, dynamic widgets into your website in order to perform specific functions – in this case, providing clear information to your customers about their login status and what’s in their basket at all times. They don’t replace the normal flow of your site, but rather complement it and allow you to make different asks and calls to action wherever you want.

Crucially, Web Components allow you to take advantage of many of the benefits of an API integration without needing an in-depth understanding of the API. Your web developer can write all of the HTML and CSS within the component, meaning it’s really simple to get set up. Once that’s done, they’re then free to focus on what they do best – designing the best possible user journey for your website.

The Basket Summary and Login Status Web Components are the simplest that are currently available, and allow you to display a few key pieces of information on your website at all times.

  • Basket Summary: use this Component to display one or both of the following pieces of information, based on the current contents of a customer’s basket:
    • Number of items in the basket
    • Total value of the basket
  • Login Status: when a customer has logged in to their online account, display their name (first name, last name or both) and/or email address

Here’s an example of how this can look:

How do I set it up?

If you’re keen to set up one or both of these Web Components, have a read of this article for an overview of what’s required. It’s a slightly more technical article, aimed at the person in your organisation who’s going to work most closely with your web developer to get this set up.

We would recommend you read through that article, then pass the suggested resources over to your web developer to begin a conversation about getting things set up.


If you have any further questions about the Basket Summary and Login Status Web Components please don’t hesitate to get in touch with the Spektrix Support team.