> 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-shogun.md).

# Form with Shogun

### 🧾 **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 Shogun app

1\. In Shogun page builder app, go to page you would like to add form

2\. On right navigation bar > click **Build** tab, click **HTML** session and drag to the position you want on the page

<figure><img src="https://globosoftware.net/wp-content/uploads/2022/01/Screenshot_125-1024x519.png" alt=""><figcaption></figcaption></figure>

3\. In **HTML** session on the page, paste the shortcode of the form

<figure><img src="https://globosoftware.net/wp-content/uploads/2022/01/Screenshot_126-1024x537.png" alt=""><figcaption></figcaption></figure>

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

Preview the page to confirm the form displays correctly

Publish the page in Shogun so it appears on your storefront