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

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

What is Hulk Form BuilderClick 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.

Install Hulk Form BuilderClick to copy

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:

How to Access Hulk Form Builder ElementClick to copy

In the page editor, follow these steps to access the Hulk Form Builder element:

  • Step 1: In the PageFly editor, click “Add third-party element” on the left menu
  • Step 2: Click “Manage integrations” or the gear icon on top
  • Step 3: Search for “Form Builder with File Upload” and enable it
  • Step 4: Click “Close” and the element will appear in the “Add third-party element” menu

Access Hulk Form Builder Element

How to Configure the Hulk Form Builder ElementsClick to copy

From PageFlyClick to copy

Step 1: Add Hulk Form Builder ElementsClick to copy

Before starting to set up the Hulk Form Builder element, you will need to add this element to your page canvas:

  • Step 1: Click “Add third party element” on the left menu bar
  • Step 2: Look for the “Hulk Form Builder” element
  • Step 3: Click on the element to see its variant
  • Step 4: Drag and drop the variant onto the page canvas

Add Hulk Form Builder elements

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.

Step 2: Configure Hulk Form Builder elementsClick to copy

When you finish configuring options in the Hulk Form Builder, you can go to a PageFly page and use this element.

  • 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.

  • In the Styling tab, you can customize the styling of the Hulk Form Builder element.

You can check more information about the Styling tab here.

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

From Hulk Form BuilderClick to copy

Before using the Hulk Form Builder element in PageFly, you’ll need to create and configure your element in the Hulk Form Builder app. Here’s how:

  • Step 1: Activate “Hulk Form Builder”Click to copy

Go to your Shopify admin, then navigate to Online Store > Theme > Current theme > Customize > App embeds. Search for “Hulk Form Builder App” and activate it.

Step 2: Go to Hulk Form Builder 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.

Key TakeawaysClick to copy

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

Frequently Asked QuestionsClick to copy

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

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.

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

A free plan from Hulk includes creating as many forms as you like, exporting submissions, unlimited storage from File Upload, conditional logic, and Respondent & Admin Email Notifications

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 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.

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

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

Additional ResourcesClick to copy

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
Get 20% off TinyIMG and PageFly to build a mobile commerce store from our ebook 📱📈 Get It Now