NOTE: These integration guidelines are limited to Shopify Online Store 1.0 only.

Follow the steps for theme integration:

1. Navigate to the Online Store section of your Shopify store and under the Themes page look for your preferred Shopify 2.0 theme that is compatible and click on the Customize.

Theme Integration

2. On the Theme Customization page, click on Theme Settings on the bottom left corner. This enables you to customize the new Shopify OS 2.0 themes.

Theme Integration

3. Click on the App embeds tab on the right side of the page under Theme settings block and enable the Form Builder by Hulkapps option and Save the settings.

3. Navigate to the Apps page of your Shopify store and open the Form Builder application.

Theme Integration

4. Click on the New Form button to create a new form as per your preference and Save it to generate the Shortcode.

Theme Integration OR

Click on the Customize Form button to view the list of the existing forms that you have created within the app.

Theme Integration

5. Copy the code Shortcode.

Theme Integration

6. Navigate to Online Store > Pages and create a new page 'OR' choose an existing page on which you would like to place the form.

Theme Integration

7. Click on the Show HTML button in the content section of the page.

Theme Integration

8. Paste the copied code in the block and Save the page.

Theme Integration

9. Click on the View page button to view the form placement on the page.

Theme Integration Theme Integration

Shopify Online Store 2.0 theme doesn’t require any code placement. The form can easily be enabled and placed right from the theme customization in the Shopify OS 2.0 themes.

Check out the steps below to understand how Shopify Online Store 2.0 theme works with the app :

1. Navigate to the Online Store section of your Shopify store and under the Themes page look for your preferred Shopify 2.0 theme that is compatible and click on the Customize button..

Theme Integration

2. On the Theme Customization page, click on Theme Settings on the bottom left corner. This enables you to customize the new Shopify OS 2.0 themes.

Theme Integration

3. Click on the App embeds tab on the right side of the page under Theme settings block and enable the Form Builder by Hulkapps option and Save the settings.

3. Navigate to the Apps page of your Shopify store and open the Form Builder application.

Theme Integration

4. Click on the New Form button to create a new form as per your preference and Save it to generate the Shortcode.

Theme Integration OR

Click on the Customize Form button to view the list of the existing forms that you have created within the app.

Theme Integration

5. Copy the code id of the form that you would like to place on the page.


6. Navigate back to the Online Store section of your Shopify store and under the Themes page look for your preferred Shopify 2.0 theme that is compatible and click on the Customize button.

Theme Integration

7. Select your preferred page template on which you would like to display the form or create a new template.

Theme Integration

8. In the Apps section click on the Add block button and select the Form option.

Theme Integration

9. And then Paste the form id in the Form ID block and Save the page.

Theme Integration

Preview the page on the storefront to view the form. Theme Integration