This guide provides comprehensive instructions for integrating the EmpX Swap Widget into your application. The widget is designed to be easily embedded via an standard HTML <iframe>.
Embed the widget using the following iframe code. You can adjust the width and height to fit your layout.
<iframe
src="https://widget.empx.io/?primaryColor=%23e49c01&background=%23000000&chain=pulsechain"
allow="clipboard-read; clipboard-write"
width="450"
height="900"
frameborder="0"
></iframe>The widget behavior and appearance can be customized using URL search parameters.
| Parameter | Type | Default | Description |
|---|---|---|---|
chain |
string |
pulsechain |
The initial blockchain network to load. Currently pulsechain, with more chains planned. |
background |
hex |
#000000 |
The main background color (hex code). |
primaryColor |
hex |
#e49c01ff |
The primary accent color for buttons and highlights (hex code). |
integratorId |
string |
null |
Your unique Integrator ID (bytes32 hex). If provided, enables fee sharing. |
To match a "Blue & Navy" brand identity:
https://widget.empx.io/?primaryColor=%233b82f6&background=%230f172a
Note: Any hex color code should be URL-encoded (e.g., # becomes %23).
You can generate a custom embed URL and iframe snippet using the builder UI:
https://widget.empx.io/builder
The builder does not change widget behavior at runtime; it simply helps compose URL parameters and previews them.
The EmpX Integrator Program allows partners to earn per transaction revenue by hosting the swap widget.
To register as an integrator and obtain your integratorId, please contact the EmpX team with the following details:
- Protocol Name: Name of your project.
- Contact Details: E-mail, Discord, X (Twitter), Telegram, and Website.
- Registration Data: Provide the configuration for your preferred fee model.
Option A: Split Model (Revenue Sharing) You split the standard protocol fee with EmpX.
beneficiary (wallet address): 0x530C---------aDd9
feePercent: This is fixed (50/50 split of the protocol fee)
model: Split Model
Option B: Additive Fee Model (Extra Fee) You charge an additional fee on top of the swap.
beneficiary (wallet address): 0x530C---------aDd9
feePercent: ex.30 (0.30% additional fee) upto 1% i.e 100
model: Additive Fee Model
Once registered, you will be provided with a unique Integrator ID.
Example ID:
0x366b7ad069b00d2882bfbf40e341bb020d8c55bc20ac1de3ed7ceee0445cf079
To participate, you must pass your unique integratorId in the widget URL.
- The ID is a bytes32 hex string.
- If omitted, the widget defaults to a "direct user" mode with no extra integrator fees.
<iframe
src="https://widget.empx.io/?integratorId=0x366b7ad069b00d2882bfbf40e341bb020d8c55bc20ac1de3ed7ceee0445cf079"
></iframe>Note: Specific fee percentages and tiers are configured at the contract level and may vary based on your agreement.
In this model, an additional fee is added on top of the swap execution.
- Mechanism: The user sees a slightly higher slippage/fee impact to account for the integrator's cut.
- Client Impact: The widget automatically adjusts the protection buffer from 0.5% (standard) to 1.0% to accommodate the additive fee without causing failed transactions.
- Earnings: You earn the entire additive portion.
- Mechanism: The standard protocol fee is split between the EmpX protocol and the integrator.
- Requirements: Requires whitelisting of specific contract configuration for your
integratorId. - Earnings: A percentage of the protocol fee (e.g., 50/50 split).
- Max Cap: There is a hard cap on the total fee percentage that can be charged to prevent user impact (typically capped at 3% max total slippage + fee).
- Dynamic Fees: Stablecoin pairs may have lower hard caps (e.g., 0.15% base) compared to volatile pairs (0.28% base).