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

Follow the steps for to place the HulkApps Contact Us form in your store:

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 Contact Us by Hulkapps option and Save the settings.

3. Navigate to the Apps page of your Shopify store and open the Contact Us Form with Captcha application.

Theme Integration

4. Click on the Settings button to access the form customization page.

Theme Integration

5. Complete the Contact Us form setup and copy the Embed Code from the Embed Form tab.

Theme Integration

6. Navigate to Online Store > Pages and create a new page 'OR' choose an existing Contact Us page.

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 Contact Us Form with Captcha application.

Theme Integration

4. Click on the Settings button to access the form customization page.

Theme Integration

5. Complete the Contact Us form setup and copy the form id from the Embed Form tab.

Theme Integration

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 existing Contact Us Page template 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