# 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="https://897927660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrOZ4nLnlAQp8G5goWQ1X%2Fuploads%2F1VDRlzbJDLLpLItoz3aj%2FScreenshot%202024-08-19%20at%205.12.15%E2%80%AFPM.png?alt=media&#x26;token=192f7ea3-5b32-4415-965f-8a73dbb3075a" alt="" width="375"><figcaption></figcaption></figure>

3\. Click the Copy code button

<figure><img src="https://897927660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrOZ4nLnlAQp8G5goWQ1X%2Fuploads%2Fy2KrOYP7anvtuS6PrVfb%2FScreenshot%202024-08-19%20at%205.14.33%E2%80%AFPM.png?alt=media&#x26;token=90224fe3-bfde-404c-9771-f5712fcaa754" 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.