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

# Form with PageFly

### 🧾 Get 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://da76v9kevdkud.cloudfront.net/wp-content/uploads/2024/05/2024-05-15_08-21-39-1024x698.png" alt=""><figcaption></figcaption></figure>

3\. Click **Copy short code**&#x20;

<figure><img src="https://da76v9kevdkud.cloudfront.net/wp-content/uploads/2024/05/2024-05-21_15-49-11-1024x693.png" alt=""><figcaption></figcaption></figure>

***

### 🧩 In PageFly app

1\. Open the app > Select a page that you want to insert this form into

2\. Click **Add new element** button > Select **HTML/Liquid** option > Drag and drop to place the element to the position you want

<figure><img src="https://globosoftware.net/wp-content/uploads/2021/09/Screenshot_4-1024x520.png" alt=""><figcaption></figcaption></figure>

3\. On the right side, click **Open Code Editor** button

<figure><img src="https://globosoftware.net/wp-content/uploads/2021/09/Screenshot_6-1024x517.png" alt=""><figcaption></figcaption></figure>

4\. Insert the form shortcode to this **HTML/Liquid Code Editor** box

<figure><img src="https://globosoftware.net/wp-content/uploads/2021/09/Screenshot_8-1024x740.png" alt=""><figcaption></figcaption></figure>

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

**Note**: the HMTL content will not show up right now. It only shows the result on the front store.

Preview the page to check the result on the front store

<figure><img src="https://globosoftware.net/wp-content/uploads/2021/09/Screenshot_9-1024x521.png" alt=""><figcaption></figcaption></figure>

<br>
