# Widget

***

### Editable Widget Settings

The following settings are editable by users and allows the widget to flexibly fit other brands.

#### Default From

> ```
> This is for selecting the default from token for Swap Widget.
> ```

#### Default To

> ```
> This is for selecting the default to token for Swap Widget.
> ```

#### Your logo URL

> You can add your logo to the Swap Widget.

#### Background Color

> You can choose one of the colors for use as the background of your Swap Widget.

#### Input Field Color

> You can choose one of the colors for use as the input field of your Swap Widget.

#### Highlight Color

> You can choose one of the colors for use as the highlight of your Swap Widget.

#### Text Color

> You can choose one of the colors for use as the text of your Swap Widget.

***

### Copy Embed Code

Example implementations

{% embed url="<https://youtu.be/61rCL4FdwnQ>" %}

![](/files/kHS0WTcZUWes2PrYhvD0)![](/files/pecMWGmgTI8Dxphdiyih)

You can visit our [NFT website](https://babydogenft.com) to check how the widget works.<br>

***

\
BabyDogeSwap utilizes a custom engineered routing solution to offer its users some of the best prices available on-chain by leveraging other prominent exchange's liquidity sources.

**BabyDoge Router**, **Deflationary Router (Smart Router)**,  and **Bonus Router**.

And you can also visit [Swap Page](https://babydogeswap.com/swap) to check how the swap works.


---

# 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.babydogeswap.com/babydoge-docs-1/products/widget.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.