# Add a form with app block

This is ideal when your theme (or page template) has been customized and you want precise control over where the form appears

### 📝 Step 1: 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%2FXWclmMu90JjuODVTDowt%2Fimage.png?alt=media&#x26;token=cf33cc49-d7e2-4955-b931-ac3e1a5a221e" alt=""><figcaption></figcaption></figure>

3\. Select the display of the form: default, boxed, floating, popup

4\. Click **Get short code** > copy the short code of the form

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FGpKY0elzZIDnf29qvFOO%2Fimage.png?alt=media&#x26;token=8d5d8987-f061-41c7-b76e-bd557f74ddee" alt=""><figcaption></figcaption></figure>

***

### 📝 Step 2: Add the Form as an App Block

1\. From the Shopify admin page, click **Sale channels** > **Online store** > click **Edit theme** to go to the theme you want

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2FdOXwcY5cUHpY6aaBQEt0%2F2025-11-27_13-26-03.png?alt=media&#x26;token=2f13b49f-c65e-4b3a-83ea-0556ee570848" alt=""><figcaption></figcaption></figure>

2\. In theme editor > open the page template you want

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2Ff5Oa5dCq9Wr3WwTDIOeH%2Fimage.png?alt=media&#x26;token=999237f0-3fc8-4769-8d0e-bf04660b3aee" alt=""><figcaption></figcaption></figure>

3\. Click **Add section** > add **Form** app section

<figure><img src="https://3488889492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEGgRVSDpMlcGFz1igK0s%2Fuploads%2Fzm1LrKK3KKqNSSsMUwgM%2Fimage.png?alt=media&#x26;token=fa4e89f7-f314-4ce8-ad11-1ee6daf2bf0d" alt=""><figcaption></figcaption></figure>

4\. In the app section  >  paste the form **shortcode** here

<figure><img src="https://da76v9kevdkud.cloudfront.net/wp-content/uploads/2024/08/2024-09-19_17-14-18-1024x608.png" alt=""><figcaption></figcaption></figure>

5. Optionally, drag-and-drop or reorder blocks to control where the form appears on the page
6. Click **Save** to apply changes.

***

### &#x20;📝 Step 3: Preview and Check the Live Store

After saving, open the live version of the page (front store) to verify that the form appears correctly in the intended position.

***

### ▶️ Tutorial video

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

***

### 🆚 Compare this method with others

| Situation                                                             | Recommended Method                     |
| --------------------------------------------------------------------- | -------------------------------------- |
| Theme or page template is customized, or you need precise positioning | **App Block** (this method)            |
| Simple pages or you want the fastest setup                            | Shortcode embed / default form display |
| Need to show form in product description or content area              | Shortcode inside product/page conten   |

***

### 🔧 Troubleshooting: Form Not Showing Up?

If your form does not appear, check the items below:

#### 1. Make sure the form is **published**

Forms must be saved and published in the app before they will show on your store.

#### 2. Ensure the page is using the **correct template**

If you added the form inside a specific theme template (e.g., a custom product template), make sure that product or page is actually using that template.

#### 3. Some themes require minor adjustments

Certain Shopify themes may require:

* Block placement adjustments
* Template changes
* Section settings updates

If you’re unsure, we’re here to help.

***

#### Need More Help?

If you still need assistance, please contact us at [**support@powerfulform.com**](mailto:support@powerfulform.com). Our team will be happy to help you resolve any issues or guide you further.