Custom HTML

The HTML code feature provides a flexible way to add custom elements, promotional banners, or unique informational snippets to your cart drawer. This tool is ideal for merchants who need specific functionality or styling that goes beyond standard application blocks.

Configuration Settings

• HTML code: Enter your custom HTML structure in this field. You can use standard tags like <div>, <h3>, or <p> to create structured content such as limited-time offer banners or tax-specific notices.

• CSS code: Use this field to apply specific styles to your custom HTML elements. You can define complex styling including:

  • Layout: Control padding, border-radius, and text alignment.

  • Colors: Apply solid background colors or advanced linear gradients.

  • Typography: Customize font sizes, colors, and font families to match your brand's unique design.

  • Effects: Add decorative elements like box shadows for a modern look.

How it Works

Once the code is entered and the block is enabled, your custom content is rendered directly within the cart drawer. This allows you to create high-impact visual elements—such as a "Limited Offer" badge with an orange gradient background—to capture customer attention right before they proceed to checkout.