# Embedding Your Widget

To embed your widget into your site, use the the HTML code tags in from the <mark style="color:yellow;">**Share Widget**</mark> panel. \
\
**HEAD HTML CODE ("Add to the \<head> section")**

<figure><img src="https://278174896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpH7f7qBXjb57cdLvfyxr%2Fuploads%2FoGflyHXEq3snlS69Slx5%2Fwallet_connect.jpg?alt=media&#x26;token=013745b1-09df-4511-97c0-cc00b40880f5" alt=""><figcaption></figcaption></figure>

Make sure to copy and paste the following code inside your <mark style="color:orange;">**\<head>\</head>**</mark> tags:

```
<script src="https://cdn.jsdelivr.net/gh/Networth-is/satsterminal-client@latest/main.js"></script>
```

This is the code that allows for the wallet connect function.

**BODY HTML CODE ("Embed Code")**

<figure><img src="https://278174896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpH7f7qBXjb57cdLvfyxr%2Fuploads%2Fj8GQ8cx8tUUMwgcLS6wi%2Fembed_code.jpg?alt=media&#x26;token=6a93c928-6404-4b84-9938-3a1c74fbed78" alt=""><figcaption></figcaption></figure>

The body code gets copied and pasted in between the <mark style="color:orange;">**\<body>\</body>**</mark> tags in your HTML page. This is the main widget as it appears in your page.

**DIRECT LINK**

The direct link on it's own will look horrible if linked outside of the <mark style="color:orange;">**Embed Code**</mark>. It is more useful as a means to updating your HTML code..

Direct links without a default rune will be shorter direct links with default rune names

<mark style="color:orange;">**Direct Links WITHOUT a Default Rune set:**</mark>

```
[DIRECT_LINK]
```

<mark style="color:orange;">**Direct Links WITH a Default Rune set:**</mark>

```
[DIRECT_LINK]+[DEFAULT•RUNE•NAME]
```

Remember that if you change between a default rune to no default rune and vice versa, to make sure to update the direct link.
