# Embed the Widget

#### 🌐 **How to Embed a Game Widget on Your Website**

**Creating a Widget**

1. Log in at [playgama.com/partners](https://playgama.com/partners)
2. Go to **Profile** > **Widgets** and click **New Widget**. You’ll be taken to a separate creation page, where you can customize the layout
3. Pick game genres, set desired size and color.
4. You can preview how your widget will look in different sizes while setting it up — including desktop and mobile views.

   Keep in mind:

   * **You'll need to set the widget's width and height yourself** on your site (using CSS or inline styles)
   * **Max game height** is 320 px
   * If the widget is too small or too tall, it might not display correctly
5. Done? Name your widget and click **Save Widget**

**Embedding the Widget**

After saving, you’ll see the **Widget Setup Guide.** Follow 3 simple steps to add the widget to your website:

1. Add the script to the `<head>` section of your site:

   ```html
   <script async src="https://widgets.playgama.com/index.js"></script>
   ```
2. Add the specific script to your `<body>` section — **make sure to copy the `<body>` script from your widget setup page — it’s unique to your widget:**

   ```html
   <script>
     // Widget initialization
   </script>
   ```
3. Place this element where you want the widget to appear:

   <pre class="language-html"><code class="lang-html"><strong>&#x3C;div id="widget-playgama">
   </strong>    &#x3C;div style="opacity: 0.2;font-family: sans-serif;font-size: 10px">
         Powered by &#x3C;a href="https://playgama.com/" target="_blank" rel="noopener">Playgama&#x3C;/a>
       &#x3C;/div>
   &#x3C;/div>
   </code></pre>

Already created a widget and want to use it on another page? Just open its settings and click the **`</>`** icon to copy the embed code.
