> For the complete documentation index, see [llms.txt](https://docs.powerfulform.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.powerfulform.com/~/revisions/KRfi0fHdeAFeAhiPrH7G/form-setup/get-embed-code-of-a-form.md).

# Get embed code of a form

This guide shows you how to get the embed code (shortcode) for your form so you can place it on any page of your Shopify store.

1\. Open the app > click **Forms** > open  a form you want

2\. Click **Publish** button on the right corner

<figure><img src="https://da76v9kevdkud.cloudfront.net/wp-content/uploads/2024/05/2024-09-19_17-22-00-1024x520.png" alt=""><figcaption></figcaption></figure>

4\.  Select the form layout and click **Copy short code**

<figure><img src="https://da76v9kevdkud.cloudfront.net/wp-content/uploads/2024/05/2024-09-19_17-21-08-1024x648.png" alt=""><figcaption></figcaption></figure>

**Example shortcode:**

* Form shortcode for default/floating/boxed form:  (xxx is form ID)

```
<div class="globo-formbuilder" data-id="xxxx"></div> 
```

* Form shortcode for popup-button form:   (xxx is form ID)

<pre><code><strong>&#x3C;div class="globo-formbuilder" data-id="xxxx">&#x3C;/div>   
</strong></code></pre>

Then paste the copied shortcode into the page, theme template, or section where you want the form to appear

[Learn more](/~/revisions/KRfi0fHdeAFeAhiPrH7G/form-setup/display-a-form-on-a-specific-page.md)

&#x20;

<br>