> 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/homepage.md).

# Form on homepage

Add a form to your store's homepage in two steps: copy the code, paste it into the homepage template.

## 🔧 Steps

{% stepper %}
{% step %}
Open the form > click **Forms** > open the form you want to show
{% 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 %}
In **Which page type you want to display**, select **Homepage**

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2Fgit-blob-ecb80edf6faa88df20beb747618229d4699a0fa6%2Fscreenshot-imported-display-and-placement-display-a-form-on-homepage-2.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Copy the short code of the form > click **Add form** button > it directs you to theme editor

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2Fgit-blob-9f10cff57263b1c3b3f198463cea420b5a0ba11c%2Fscreenshot-imported-display-and-placement-display-a-form-on-homepage-3.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Add app block of the form app

In the theme editor, click **Add section** > select **Form Builder** app

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2Fgit-blob-d99a88cf32233c8d16ba9f869db99b6ce3c0a8fc%2Fscreenshot-imported-display-and-placement-display-a-form-on-homepage-4.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Paste the form code (embedded code) to the content of app block

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2Fgit-blob-c663fe3f9b0311db67ed88536dd968efe2acd34f%2Fscreenshot-imported-display-and-placement-display-a-form-on-homepage-5.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}
Drag and drop to change the position of the app block (the form) on the Homepage
{% endstep %}

{% step %}
Click **Save** to update the Theme editor
{% endstep %}

{% step %}
Go to front store to check the form on Homepage.
{% endstep %}
{% endstepper %}

## ▶️ Tutorial video <a href="#tutorial-video" id="tutorial-video"></a>

{% embed url="<https://www.youtube.com/watch?v=5y9WGWkxGbs>" %}

<br>

## Next steps

* [Add a form with app block](/globosoftware-docs/display-and-placement/app-block.md) — the app-block alternative.
* [Display a form on a specific page](/globosoftware-docs/display-and-placement/specific-page.md) — one chosen page instead.
* [Contact support](/globosoftware-docs/help/contact-support.md) — if the form still does not appear.
