Checkout Billing Form

This element is available only within the Checkout Builder element.

Design Controls

Billing Details

Adjust the appearance of your billing details section. Set the background color, fine-tune the padding, and style its borders to ensure it aligns with your brand’s aesthetics.

  • Background – Choose a background color to set the ambiance of your billing details section.
  • Padding – Modify the space inside the borders of the billing details.
    • Padding – Specifically, adjust the inner spacing on all sides of the billing details section for a tailored fit.
  • Borders – Shape and style the edges of the billing details section.
    • Radius – Round the corners of the borders for a smoother appearance.
    • Styling – Choose border styles and colors to accentuate the section.
    • Shadow – Add a shadow effect to elevate your billing details, giving it depth on the page.


Ensure the billing form sits perfectly on your page. Adjust the margin above and below it to create a harmonious flow within your content.

  • Margin Top – Increase or decrease the space above the billing form, making sure it blends seamlessly with preceding elements.
  • Margin Bottom – Manage the space below the billing form to ensure a balanced transition to subsequent elements.