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


---

# 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.leapwallet.io/cosmos/elements/integrate-as-an-embed.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.