# Getting Started

### Quick Install

There are four methods you can inject the Gen widget into your program.

**Method one -** Query Widget.js in your \<script> tag.

1. input \<script> tag in your front-end code.
2. change the script src to "<https://widget.0xgen.io/widget.js>"
3. refresh the page and check whether the component is installed.

```
<script src="https://widget.0xgen.io/widget.js"></script>
```

**Method two** - Use \<iframe> to inject the Gen widget into your program.

1. input \<iframe> to your front-end code.
2. change the iframe src to "<https://widget.0xgen.io>"
3. refresh the page and check whether the component is installed.

```
<iframe src="https://widget.0xgen.io"></iframe>
```

{% hint style="info" %}
We highly recommend using the custom mode to integrate wallets to make sure it works properly. [More Details](https://docs.0xgen.io/widget/widget-config-reference#custom-mode)
{% endhint %}

**Method three** - Install the widget by using the 0xGen SDK module.

[You can check the detail in the SDK section.](https://docs.0xgen.io/sdk/quick-start#how-to-install)

**Method four** -  Install the widget by using the 0xGen API.

[You can check the detail in the API section.](https://docs.0xgen.io/api/api-reference#quote)