Overview
Kustom Elements are lightweight web components that let you add Kustom features to your storefront without building heavy integrations. Each element is a simple HTML tag that you embed where you want it: product pages, landing pages, cart or footer with minimal styling so it fits your layout. Use them to show available payment methods, display delivery options or add express checkout buttons
Currently, the following Elements are available:
Payment logos: Display accepted payment methods at checkout
Delivery logos: Display available delivery carriers
Where to find Elements
Elements are managed directly in the Kustom Portal. To access them:
Log in to the Kustom Portal
In the left-hand navigation menu, click Elements
Select either Payment logos or Delivery logos
Payment logos
Payment logos allow you to display the payment methods accepted in your store such as Visa, Mastercard, Apple Pay, Klarna and more directly on your website.
How to set up payment Logos
Navigate to Elements > Payment logos in the Kustom Portal
Select your Store from the dropdown
Choose your locale (e.g.
en-SE). This determines which payment methods are shown for that marketCopy the HTML tag displayed in the embed section:
<kustom-payment-method-display locale="en-SE"></kustom-payment-method-display>
Paste the tag in your website's HTML where you want the logos to appear
To add your domain, click Edit domains in the top-right corner
To retrieve the full script, click Copy script
Note: The logos displayed will automatically reflect the payment methods enabled for the selected locale.
Delivery logos
Delivery logos allow you to display the delivery carriers available in your store, giving customers visibility into their shipping options before reaching checkout.
How to set up delivery logos
Navigate to Elements > Delivery logos in the Kustom Portal
Select your Store from the dropdown
Choose your locale (e.g.
en-SE). This determines which carriers are shown for that marketCopy the HTML tag displayed in the embed section:
<kustom-delivery-method-display locale="en-SE"></kustom-delivery-method-display>
Paste the tag in your website's HTML where you want the logos to appear
To add your domain, click Edit domains in the top-right corner
To retrieve the full script, click Copy script
Note: The logos displayed will automatically reflect the delivery carriers available for the selected locale.
Technical guide
For a more detailed integration guide, please see our Kustom Docs documentation for Kustom Elements.