# Hosted Checkout (No-Code)

Hosted checkout allows you to launch a complete payment experience using a ready-to-use checkout page hosted by Zotlo. No SDK integration or frontend development is required.\
Simply create a checkout link, configure your product and payment settings, and share the link anywhere you want.

## **Hosted Checkout**

Zotlo generates a unique hosted checkout URL for each checkout link.\
The checkout page automatically applies:

* Localized pricing
* Selected payment methods & custom ordering
* Multi-language UI
* Branding and theme settings
* Subscription or one-time product configuration
* Quantity selection (where applicable)

## **Creating Checkout Links**

1. Go to **Projects → Checkout Links** in the Zotlo Dashboard.
2. Click **Get Started** to create your link.
3. Give your link a name (internal use only).
4. Configure your package, payment methods, language, and branding.
5. Save the link, it will first appear in **Draft** status.

## **Configurations**

### **Package Settings**

Choose the product or subscription plan that the checkout link will sell.\
Hosted Checkout supports:

* Subscriptions
* One-time purchases
* Trials
* Discounts
* Country-based pricing rules

Learn more about [product creation and pricing](https://docs.zotlo.com/features/products-and-plans).

### **Payment Settings**

Choose which payment methods to show.\
After activating methods in your project:

* Add them to the checkout link
* Arrange the display order
* Ensure Apple Pay / Google Pay domains are verified
* PSP-linked methods appear only if supported by your PSP

Learn more about [payment methods](https://docs.zotlo.com/features/payment-methods/payment-methods-overview).

### **User Identification**

Choose whether the user should enter their **email** or **phone number** during checkout.

If your app already knows the user, you can pass a `subscriberId` in the checkout URL.\
When a valid identifier is provided, the user **does not need to enter email/phone again** inside the checkout form.

**Example:**\
`premium.example.com?subscriberId=test@gmail.com`\
`premium.example.com?subscriberId=12124567890`

When a `subscriberId` is passed, you can control its behavior:

* **Auto-hide Email/Phone:** hide the field if the identifier is provided
* **Allow Edit:** allow the user to update the identifier
* **UUID Support:** you may pass a UUID, but email/phone will still be required for subscriptions

{% hint style="info" %}
If you prefer you can pass a unique identifier (UUID) but remember if you are passing UUID as user identifier email/phone entry still be required for subscriptions.
{% endhint %}

### **Branding & Layout**

Customize your hosted checkout:

* Theme selection
* Logo & header
* Colors, fonts, label visibility
* Price layout (subtotal, total, discount visualization)
* CTA button styles (except Apple Pay, Google Pay, PayPal — brand rules apply)
* Optional product imagery
* Quantity settings
* Business purchase (tax ID) fields

### **Custom Domain Settings**

By default, your checkout link uses a Zotlo domain.\
You can switch to your own custom domain:

1. Open the checkout link → **Change URL**
2. Enable **Use Custom Domain**
3. Add a CNAME record pointing your subdomain to Zotlo
4. Wait for automatic verification

{% hint style="info" %}
You can either use Zotlo domain or your own domain with hosted checkout links according to your preference.
{% endhint %}

## **Redirects After Payment**

After a successful payment, you can:

* Show Zotlo’s hosted success page
* Redirect to your own web URL
* Redirect into your mobile app (deeplink)
* Display app download buttons (App Store / Google Play)
* Use Web-to-Web or Web-to-App flows

Zotlo automatically determines the correct redirection based on your configuration.

### **1. App-to-Web Theme**

Used when the checkout link is opened from inside a mobile app.\
The app may open checkout in a browser or WebView.

* After payment, Zotlo redirects the user back to the app using a **deeplink**
* If opened in a WebView, the **developer must close the WebView manually**

{% hint style="success" %}
App-to-web is ideal for apps that offload purchases to the web and need to return users smoothly to in-app content.
{% endhint %}

### **2. Web-to-App Theme**

Used when the purchase starts on the web and should continue in your mobile app.

* Zotlo can show **deeplink buttons** or **App Store / Google Play buttons**
* Ideal for marketing funnels or onboarding flows

**This option can also be used for web-to-web flows** and redirect users to any landing page, dashboard, or custom success URL. No mobile app required.

{% hint style="info" %}
Web-to-app is ideal for marketing funnels that start on the web but should continue inside the app or for standard web-based businesses without mobile app.
{% endhint %}

## **Publishing Checkout Link**

Checkout links start in **Draft** or **Test Mode**. Click **Publish** to make them available for real users.

Zotlo performs an instant automated review. If everything is ready, your link goes live immediately. If not, you will see a short warning so you can fix and publish again.

## **Checkout Link Analytics**

After publishing, a Statistics tab becomes available. You can track:

* Traffic
* Conversions
* Revenue
* Country, device, and package insights

These metrics help optimize your checkout experience and improve performance.