> For the complete documentation index, see [llms.txt](https://globosoftware.gitbook.io/globosoftware-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://globosoftware.gitbook.io/globosoftware-docs/display-and-placement/short-code.md).

# Get embed code

Get a form's short code so you can paste it anywhere on your store.

## 🔧 Steps

{% stepper %}
{% step %}

#### Open the app > click Forms > open a form you want

{% endstep %}

{% step %}

#### Click Publish button on the right corner

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2Fgit-blob-5fac9deac26b5a18299af04522e1423613950a9b%2Fscreenshot-integration-form-with-pagefly-1.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### Select the form layout and click "Get short code"

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2Fgit-blob-9574dcfcd4e1c9d9c532b76a7e15dad392549cd2%2Fscreenshot-integration-form-with-pagefly-2.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

## 📋 Example Codes

<table data-header-hidden><thead><tr><th width="206.5"></th><th></th></tr></thead><tbody><tr><td>Layout</td><td>Code</td></tr><tr><td><strong>Default / Boxed / Float</strong></td><td><code>&#x3C;div class="globo-formbuilder" data-id="xxxx">&#x3C;/div></code></td></tr><tr><td><strong>Popup button</strong></td><td><code>&#x3C;button class="button btn globo-formbuilder-open" data-id="xxxx">Open form&#x3C;/button></code></td></tr></tbody></table>

*( `xxxx`= your form's ID)*

> **💡 See also:** [Add a form with app block ](https://globosoftware.gitbook.io/globosoftware-docs/display-and-placement/app-block)to paste it via the theme editor, or [Form on a specific page for](https://globosoftware.gitbook.io/globosoftware-docs/display-and-placement/specific-page) a full walkthrough.

<br>

## Next steps

* [Add a form with app block](/globosoftware-docs/display-and-placement/app-block.md) — paste the code into a theme app block.
* [Display a form on a specific page](/globosoftware-docs/display-and-placement/specific-page.md) — put the code in one page.
* [Theme integration](/globosoftware-docs/display-and-placement/enable-the-app-embed.md) — the switch the code depends on.
