How to Use Hulk Form Builder with PageFly to Create Form for Your Shopify Store

In this article, you’ll learn about the Form Builder with File Upload by Hulk Form Builder element and how to use it

1. About Form Builder with File Upload by Hulk Form BuilderClick to copy

1.1. What is Hulk Form Builder?Click to copy

You can use this Shopify form builder app to build advanced contact us form in minutes and create custom forms like order forms, donation forms, registration forms, etc., with a file or file upload option.

1.2. Access Form Builder ElementClick to copy

In this article, you’ll learn about the Form Builder with File Upload by Hulk Form Builder element and how to use it. In order to use this element, the Hulk Form Builder app has to be installed on your Shopify store.

Before going into details, let’s check out the video tutorial below:

1.3. How to Use Hulk Form Builder?Click to copy

Step 1: Go to Add third party elements in the left toolbar > Click on the Edit your 3rd party elements button.

Step 2: In the Integrations popup page, you can search “Form builder” on the search bar.

Step 3: Click the Custom Forms element then drag and drop this form builder element to the page editor. You can use many forms on each page but they must be different from others.

The Form Builder with File Upload by Hulk Form Builder element comes in only one variation, which is the Custom Forms. Drag and drop a variation to your layout to set it up.

2. PageFly ConfigurationClick to copy

2.1. General SettingsClick to copy

In the General tab, there is a widget configuration giving you a short explanation of the Hulk Form Builder app, its link to the app listing, Hulk Form Builder access where you enter your API Token to connect PageFly to Hulk Form Builder, and HulkApps Form selection.

To connect PageFly to Hulk Form Builder, you need to enter the API Token from the Hulk Form Builder app. You can get the API Token in the Hulk Form Builder Settings > Integrations. Once you successfully connect with Hulk Form Builder, select one form to display on your page from the Hulkapps Forms dropdown menu.

2.2. Styling SettingsClick to copy

You can customize the styling of the Hulk Form Builder element in the Styling tab.

You can check more information about the Styling tab here.

After publishing, you can check the online form in the live view:

3. Hulk Form Builder’s SettingsClick to copy

Step 1:  From your Shopify Admin > Go to Apps > Access Hulk Form Builder app

Step 2: On the Dashboard, click New Form to create a new form from scratch, or click Forms to choose the form template you want

Step 3: After that, go to Settings > Integrations > Generate API Token to create a token. You can then copy and paste this API Token into PageFly.

All settings must be set in Hulk Form Builder, you can check this article for more details.

Note that you have to turn on this app in your Shopify Theme Editor:

Step 1: From your Shopify Admin, go to Sales Channels > Online Store > Themes > Customize

Step 2: In the Theme Editor, click on App embeds and turn on the Form Builder by HulkApps, and then click Save.

4. Key TakeawaysClick to copy

With the Basic Hulk Form Builder app, sellers can design basic or complex forms easily to install to their store!

5. Frequently Asked QuestionsClick to copy

5.1. OverviewClick to copy

When was Hulk Form Builder Created? 2017
How Much is Hulk Form Builder? From $9.90/month
Can I use Hulk Form Builder on PageFly Editor? Yes

5.2. What is Hulk Form Builder?Click to copy

Hulk Form Builder is a perfect way to build powerful forms with our easy-to-use Form Builder app.

5.3. What’s included in Hulk Form Builder Plan?Click to copy

A free plan from Hulk includes to create as many forms as you like, to export submissions, unlimited stoarge from File Upload, conditional logic and Respondent & Admin Email Notifications

5.4. Benefits of Using Hulk Form Builder?Click to copy

Using Hulk Form Builder is very easy to create forms and gather data from your customers, including file uploads; to design your forms by using conditional and dynamic field logic.; access to personalized forms, to fit the aesthetic of your shop; being provided with an immense storage amounts, allowing you to upload more files, and also it’s very easy to connect your custom email domains to other apps seamlessly.

5.5. Who is currently in partnership with Hulk Form Builder?Click to copy

Shopify Flow, Klaviyo, Stripe, Google Sheets, Slack, MailChimp, Zapier

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us