# Branding & Customization

Zotlo allows you to create branded, high-converting checkout experiences without writing any code. You can customize the visual layout, messaging, and structure of your checkout pages, both [Embedded Checkout](https://docs.zotlo.com/features/checkout/embedded-checkout) and [Hosted Checkout](https://docs.zotlo.com/features/checkout/hosted-checkout-no-code), while ensuring full compliance and payment reliability.

## **Customization**

### **Themes & Layout**

Choose from multiple layout themes and control:

* Overall layout structure
* Header visibility (logo, project name)
* Section spacing, alignment, and padding
* Light/Dark mode compatibility

### **Brand Identity**

Customize key brand elements to match your product’s look:

* Logo
* Primary/secondary colors
* Fonts and label styles
* Optional product imagery
* Business purchase fields (Tax ID)

{% hint style="info" %}
*Note:* Apple Pay, Google Pay, and PayPal buttons follow their own brand guidelines and cannot be restyled.
{% endhint %}

### **Price Display Options**

Control how prices appear to users:

* Subtotal and total layout (if applicable for the selected theme)
* Optional visual discount / bonus presentation(if applicable)
* Localized pricing (automatically applied based on your configuration)

### **Payment Button Style**

Configure your main action button:

* Text (supports dynamic messages such as trial vs paid state)
* Color, size, borders and corners

### **Card Form Labels**

Manage how form fields are displayed:

* Show/hide labels
* Font size and style

## **After-Payment Page** 

Choose how the user experience continues after a successful payment:

* Use Zotlo’s hosted success page (App-to-Web or Web-to-App themes)
* Redirect to your own URL
* Redirect into your mobile app via deeplink
* Display app download buttons for app onboarding

Each theme supports:

* Custom button text
* Full styling controls
* Auto-redirect (optional)

## **Where to Customize**

Branding settings can be configured inside each:

* [**Embedded Checkout Form**](https://docs.zotlo.com/features/checkout/embedded-checkout)
* [**Hosted Checkout Link**](https://docs.zotlo.com/features/checkout/hosted-checkout-no-code)
* [**Checkout Links created via API**](https://docs.zotlo.com/integrating-zotlo/api-reference/checkout-endpoints)

Design changes are immediately reflected in the checkout preview.