> For the complete documentation index, see [llms.txt](https://docs.leapwallet.io/cosmos/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.leapwallet.io/cosmos/elements/integrate-as-an-embed.md).

# Integrate as an Embed

Supercharge your dApp with Cross-chain Swaps and Bridging just by copy-pasting a few lines of HTML to your dApp!

Just follow these four simple steps -

1\. Go to [swapfast.app](https://swpafast.app)

2\. Click the embed icon

<figure><img src="/files/cCZR24xstrQKo0dgdBBY" alt="" width="375"><figcaption></figcaption></figure>

3\. Click the Copy code button

<figure><img src="/files/DWoRCvrHyIf0MEedTYWX" alt="" width="375"><figcaption></figcaption></figure>

4\. Paste the code in your dApp!

Yep, it only takes two minutes to add swaps and bridge to your dApp!

### Pre-select tokens or chains

If you want to pre-select the chain or token, you can do that via query parameters.&#x20;

{% hint style="success" %}
We're coming up with an update on [swapfast.app](https://swapfast.app) where you get an option to pre-select source chain, source token, destination chain and destination token directly!
{% endhint %}

Here's the query parameters you can set

1. Source Chain - `sourceChainId`
2. Destination Chain - `destinationChainId`
3. Source Asset - `sourceAsset`
4. Destination Asset - `destinationAsset`

{% hint style="warning" %}
You need to specify the on-chain denom for `sourceAsset` and `destinationAsset`
{% endhint %}

If I want to pre-select ATOM on Osmosis to NTRN on Neutron, here's how the URL would look like

```
https://swapfast.app/embed/swaps?sourceChainId=osmosis-1&destinationChainId=neutron-1&sourceAsset=ibc/27394FB092D2ECCD56123C74F36E4C1F926001CEADA9CA97EA622B25F41E5EB2&destinationAsset=untrn
```

And here's how the embed code would look like

```html
<iframe 
  allow="clipboard-read; clipboard-write" 
  src="https://swapfast.app/embed/swaps?sourceChainId=osmosis-1&destinationChainId=neutron-1&sourceAsset=ibc/27394FB092D2ECCD56123C74F36E4C1F926001CEADA9CA97EA622B25F41E5EB2&destinationAsset=untrn" 
  height="620"
  width="420"
/>
```

### Theme Customisations

We don't support theme customisation for elements embed yet. Please reach out to <support+elements@leapwallet.io> if you need updates on this.