> 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/app-integration/form-with-gempages.md).

# Form with GemPages

This guide shows how to display a Powerful Form form on pages built with the GemPages.

#### **Create a new form**

If you don’t have a form yet, create one first in PowerfulForm (choose a template or start from scratch), then add the fields you need.

Once your form looks good, move to publishing steps below.

***

### 📝 Step1 : Get embed code of a form

In the **Form Builder app**, you’ll copy the form shortcode.

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

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

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FXuQGTkE7WDnWjn7A2m7O%2F2026-01-13_13-45-28.png?alt=media&amp;token=efad8dfd-19cb-46ca-b5c3-1ded7c282bb7" alt=""><figcaption></figcaption></figure>

3\. Click **Copy short code**

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FvGJtuund8MHhXwh9Wp1Y%2F2026-01-13_13-46-14.png?alt=media&amp;token=61df513b-9351-4364-8bbe-f9cdd143d162" alt=""><figcaption></figcaption></figure>

***

### 📝 Step 2 : Add form to page template in Gempages

1\. In **GemPages** app, in the left side, find **Liquid** element, drag and drop it at the position you want on the page

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FFus0hFO1qndfYEVmtLo3%2F2026-01-14_16-20-58.png?alt=media&amp;token=55a9605f-cdd5-45a1-934c-785a0b859d73" alt=""><figcaption></figcaption></figure>

2\. In **Liquid** element editor, paste the code of the form

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FK8hUrju4PWBXcF8bWMJh%2F2026-01-14_16-22-08.png?alt=media&amp;token=1bc8b913-8966-4d74-b750-f0933edbaad0" alt=""><figcaption></figcaption></figure>

3\. Click **Save** to update the changes

**Preview** the page to confirm the form is showing correctly.

***

#### Need More Help?

If you still need assistance, please contact us at <contact@globo.io>. Our team will be happy to help you resolve any issues or guide you further.<br>
