Access editor

Access kiln widget editor directly from your browser : widget.kiln.fi.

Customize look and feel

On the left side panel you are able to edit the look and feel of you widget and you can preview some of kiln flagship products will look in the UI.

• At the top of the side bar you have some preset to start from existing usecases.

• Accent: Edit the accent to your brand main color and see it updated accross the widget.

• Logo: By default kiln logo, remove the url to display no logo.

Export your branding

On the top left, next to kiln logo you will see a little button link icon. Click on it to copy a "branded link" to your clipboard, anyone with this link you will access the same configuration you just created. You can use this as a way to save your configuration.

You can also copy directly the widget configuration json to apply this look and feel in the integration phase.

Kiln Widget

The Kiln Widget is ideal for all platforms seeking to offer crypto rewards, including wallets, custodians, tech providers, browser extensions and more. Its versatility serves a wide range of sectors, enhancing user engagement and allows you to monetise these services with earn capabilities integrated directly into your platform.

The Kiln Widget empowers platforms to launch a fully branded decentralized application (dApp) or seamlessly embed it into any web-based interface. With the Kiln Widget editor, platforms can customize their earn sections to perfectly align with their unique brand, providing both flexibility and a personalized user experience.

We are providing the Kiln widget to platforms to enable them to:

• Monetise new service: Launch new prod with no coding required.

• Adapt the integration to their platform: Deploy Kiln Widget as a standalone website (dApp) or embed it within an existing web platform or even mobile app.

• Offer a complete earn experience their users: The widget offer users a seamless journey from discovering earning products to managing deposits and accessing detailed reports on they rewards all in one place.

Widget capabilities

🧑‍🎨 Branded Earn experience

Customize the earn section to reflect your brand's look and feel. The Kiln Widget Editor allows you to apply your unique brand elements, ensuring a cohesive user experience.

🕵️ Comprehensive earn administration

Products management: Easily add/remove earning products without coding, including Native Staking, Pooled Staking, and DeFi protocols. You can also pause deposits on outdated products (e.g., migrating from Aave_v2 to Aave_v3) and restrict access to specific regions if needed.

Region control: Block access to the widget or particular products in certain countries, ensuring compliance with local regulations.

☄️ No/Low Code Integration

Kiln Widget enables the deployment of earning functionalities without requiring extensive technical resources. Whether you have a dedicated development team or not, you can integrate the widget effortlessly.

Usage Examples

Option 1: 🌊 Standalone Earn dApp Deploy Kiln Widget as a standalone dApp that can be accessed independently. This allows you to create a dedicated earn website that reflects your brand’s identity, without having to code anything, while you can administrate your website remotely. Ideal of brands that want to test out the appetite of their users while redirecting them to a branded website in a mobile wallet dApp browser for example.

Option 2: ✨ Embedded Earn section Integrate Kiln Widget directly into your platform’s interface to provide users with a seamless earning experience. This is ideal for web-based platforms that want to add earning functionalities without extensive development efforts.

Option 3: 🧩 Embedded just what your need Configure the widget without navigation, logo and wallet selection to embed part of the widget directly in your UI. This is ideal for web-based platforms that want to add deposit and withdraw without having to build this flow in house.

What's next?

• Customize your widget on Kiln Widget Editor and save your configuration - Useful resources : 🧑‍🎨

• Select what kiln products you want to enable - Useful resources : 🙋‍♀️ - Useful resources : 🤽‍♂️ - Useful resources : 💰

• Access your widget directly or integrate it in your platform - Useful resources :

Prerequisites

• You need a dashboard organization, if it's not already the case, ask kiln team so that we can onboard you.

• You need access to a Kiln Connect API key, if it's not already the case, ask kiln team so that we can onboard you. You can generate one yourself, .

• Have some deployed products on mainnet, if it's not already the case, kiln can provide test product for your testing and trial integration.

• Optional : have customize your widget, you can directly upload your configuration via API and soon in Kiln dashboard directly

Configure your Widget

Integrate your Widget

Deeplinks

Kiln provides a deeplink mechanism that allows seamless redirection into the different pages between overview, deposit and withdraw.

To enhance your platform's capabilities, consider integrating specific features of the Kiln Widget. For instance, if you already have an existing native earn section, you can redirect users to the Kiln Widget for deposit transactions. After a transaction is signed, seamlessly bring the user back to your platform.

Your widget base url

Access your widget using the configured slug , this will automatically pull your configuration including theme and available earn products. In this document we refer to this as "base url" or "your widget".

Structure: https://slug.widget.kiln.fi/

Example: , a Kiln managed configuration for testing the widget in an iframe.

Portfolio

By default if you redirect the user to "your widget" the overview page, it's will show all the user active and potential position based on the products you enabled in your widget.

To redirect the user to this page you need to add the /overview after your base URL.

Structure: https://slug.widget.kiln.fi/overview

Manage

By default if you redirect the user to "your widget" the overview page, it's will show all the user active and potential position based on the products you enabled in your widget.

To redirect the user to the manage page you need to add the /overview after your base URL.

Structure: https://slug.widget.kiln.fi/overview/{product}/{product_id}

• product is define in the deployment endpoint and can be one of dedicated / pooling / defi

• product_id valid vault ID in the format <chainId>_<vaultAddress>

Example opening a Morpho Vault:

Deposit

If you want to open the widget direct on the deposit flow, you will need to add /earn after your base URL.

Structure: https://slug.widget.kiln.fi/earn

On this page, you can use the following path params to further customize the deposit flow.

Here’s the improved Kiln Widget Deeplink Integration Guide with a clearer query parameters table, better type definitions, select options, detailed descriptions, and examples.

Example Deeplinks

1. Allow full Selection

Users can freely choose deployment and asset:

2. Predefine vault and asset

Locking a specific vault and asset:

3. Disable deployment and asset selection

Prevent users from changing the predefined values:

4. Redirect users after deposit

Automatically send users back to your app after completing the deposit using callback_url :

Withdraw

If you want to open the widget direct on the withdraw flow, you will need to add /withdraw after your base URL.

Structure: https://slug.widget.kiln.fi/withdraw

You can use the path parameters defined above, notably : product_id , callback_title , callback_url .