# 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](/features/products-and-plans.md).

### **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](/features/payment-methods/payment-methods-overview.md).

### **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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.zotlo.com/features/checkout/hosted-checkout-no-code.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.