Key Features

Make and store as many forms as you want. You can find all your forms under Manage Forms > My Current Forms.

With Form Builder app, you can find all the forms you created under one roof. Here’s where you find it.

You can display up to 100 forms in a page.

To display the form in your storefront, we need to go through a chain of configurations. Let us show you how you do it.

Let’s get started with embedding a contact form in your store

1. Go to the app dashboard
2. Click on New Form under Create a New Form for creating your first form with the Form Builder app.
3. Select the type of form from the Templates. As we’re adding a Contact us form, we’ll select the Contact Us form.
4. Fill in the required form details like Form Details. Set your preferences under rest of these configurations:
   1. Shopify Integration
   2. Mail Integration
   3. Payment Integration
5. Similar to the above configuration, you have another set of options to configure when you click on Content. It will allow you to customize the form the way you like.
6. Next is to change the look & feel of the form under Design. When you’re done with these configurations, simply click on Publish.
7. You’ll be redirected to the Form dashboard, all you now need to do is copy the shortcode of the form you created and place it in your theme where you want to display the form.

Note: If you already have a form on the page you’re placing the code, there will be 2 forms appearing on the page. In this case, you need to hide the form that is already present. If you’re not able to hide the form, simply contact our support team at support@hulkcode.com, they’re happy to help you all the way.

Store admin can get notified of submission whenever users submit a form. Multiple email addresses can be added in case you need multiple users to be notified. To separate multiple emails, use commas. (ex: example@gmail.com, example2@yahoo.com) Here’s how you find it in the app: Go to your form > Connect > Form Details > Notification Email Addresses

It allows you to change the complete look & feel of the forms to match it with your store theme. Here’s how you do it.

• Go to the app > My current forms > Edit form
• Go to the Design section & configure the appearance of the form using the given parameters.

You can export the responses submitted by the users with the forms built by the Form Builder App. All you need to do is:

Step1: Go to the app > Manage Forms > My Current Forms (Select “Create a new form” if you haven’t created any form yet.)

Step2: Click on Submitted Responses under “Action”

Click on Export to CSV or Export to XLSX format as per your need.

You can download the file and import it in your CMS records

Let your users upload up to 3MB of files because you’re blessed with unlimited file storage.

Your form results will include user attachments within the app as well as on your Notification email.

Want to add question branching, forks, or conditional questions to your form? You need Conditional Logic. Conditional Logic (available in Free plan) lets you create a form that responds to people's answers. You can find this block in Form Elements, under form’s Content section:

You can set up lots of paths. With a Multiple Choice question, you can create different paths for each answer. Conditional Logic is very flexible, so you can be creative with it.

Customize the “Thank You” message as per your need. It can be done with a few simple clicks.

You can save different messages on both the places, then, the After Submit text message will be displayed.

Additionally, if you want to add any additional jQuery on successful form submission, you can add custom code in this block:

Google Captcha validates human users and protects any form submission from bots. You can also enable Captcha and select it’s position in your form. All you need to do is enable this feature from the Content settings.

• Tick mark to enable captcha.
• Choose your placement position.
• Change the Google Captcha text in any language. By default, the text will be in English. You can change the Google reCAPTCHA text to another language.

Send automatic email messages on successful submission with custom messages on Subject, Footer for signature, “From” name, specific “Reply to“ email, and Body. You may also choose to send the form’s response copy to the user along with a personalized message.

You can find this setting in the Content section

If you are using the Pro version, you can insert dynamic value to each user on the Subject and Body Messages, like First Name, or any other form responses.

Use pre-built Address field with State and Country selection dropdown.

Once a form is submitted, there are certain actions that you could take:

• Allow one entry at a time
• Clear the form and allow multiple submissions - This is the most basic form submission action.
• Redirect to any other page - This doesn’t break the continuity and guides users to a specific location.
• You can add a URL in the Redirect Page URL field. You can specify if you want to open the URL in a new
• page or not.
• Show responses - This allows the user to view submitted responses on the same page.

Make as many forms as you want and store as many results as you want, at one location. Export results anytime from the app’s dashboard.

Note: If you ever uninstall the app, your data will be removed from our database within 48 hours. Contact our team for data recovery within 48 hours.

Create from in any language. All form’s messages are customizable (including error messages). Just add the field’s input in the preferred language.

Collect all the data you need, no matter what—make as many forms as you want, with as many fields as you want. That means that one simple thing will always be true—with every Shopify store, you can make as many forms as you want, with as many fields as you want.

Find all submission records at one place within My Current Forms.

You can see up to 100 entries at once:

Quick find: You also have the choice of searching your submission details by entering a value here:

View submission details by clicking 👁️under Actions here:

All responses will be available for reference.

Not only that, the Recepient will receive an email with submission details, every time someone submits their contact details.

If you need to pause while filling a form, you can save them as drafts. You can then come back to it for finishing it up. Your incomplete form will be stored as it is in my Darft Forms section.

Saving a Form as a Draft

Step 1. Start creating a New form

Step 2. Fill in the questions you want in your form.

Step 3. To save a form as a draft, press the "Save as Draft" button.

Step 4. You can also edit your form later from My Drafts.You form will wil not generate embed code until you “Publish” it.

Let’s assume that your website is mycompanydomain.com, and you want to use it on your form auto responder so that your email looks professional and not spammy.

By default, emails that are sent out from the site are sent from the info@hulkapps.com app’s server.

In order to send emails through your own servers, you will first need to connect your site to your SMTP server or Sparkpost account.

To use SMTP authentication you need:

• Access your SMTP Settings
• Username: Your full email address
• Password: Password from that email account;
• Port: 465 with SSL, 587/25 with TLS;
• Type of encrypted connection: SSL or TLS.
• Server Name: The actual SMTP server’s specification.
• Connection security: in itself, SMTP email transfer doesn’t provide an encryption. So if you want to make your connection more secure, it’s a good choice to use a STARTTLS or SSL/TLS extension, that employ a separate port for encrypted communication.
• Authentication method: there’s a certain number of methods (passwords, CRAM-MD5, KERBEROS etc.).
• Send Test Email to test the connection of your server

Note: Your Host, Port, Username, and Password will be provided to you within your own email settings.

Note: Once your SMTP server has been set up successfully, any restrictions on the number of emails that can be sent out at a time will need to be configured within your server settings. We would recommend contacting your IT representative responsible for your email server in order to ensure your SMTP server settings are set up correctly.

Remember anyhow that using a standard SMTP – the one which is associated to free email providers like Yahoo, Hotmail or Gmail – doesn’t ensure the correct delivery of all your messages (in particular if you’re sending to a huge number of recipients), that’s why we recommend to choose a professional SMTP service and choose the plan that best suits you.

To use Sparkpost authentication you need:

• Enter your domain name
• Add the specified Hostname and Value on your domain name registrar’s DNS settings.
• Follow the Preparing your “From:” Address steps in as per Sparkpost
• Verify your domain ownership by adding a DNS record and complete verification.

You can sync your form’s responses into specific fields in your Klaviyo & Mailchimp account. Once setup, the app will automatically sync these fields and set these properties on the individual's profile.

Using Stripe integration, you can create one-time payment forms, donation forms, and even recurring billing forms.

Create a customer registration form to collect user’s account details stored directly to your store’s Customer section.

Easily track your forms with Google Analytics. Choose the form which you’d like to track. Enter your Google Tracking ID under Design section > Advanced tab.

The tracking ID is a string like UA-000000-2. It will be included in your tracking code to tell Analytics the account and property to send form’s submission activity data to.

Inject custom CSS codes and change every aspect of the form, from styling to functionality. If you are facing any difficulties with CSS and JS, our coding experts can assist you with your customization.

Add a custom ID and class properties for each field. An ID can be used to identify one element. Whereas, a class property is used to target all fields of the same type.

Note: In order to utilize this feature, you must include the Email Address field in your form.

Note: To send any kind of emails to the user, you should’ve ticked on “Send submission email to user ” the checkbox.

With Pro, you can unlock the option to send notification via email to user

Improve validation errors with custom messages globally for all your forms.

You can also update custom messages for individual forms from here:

Our app supports files in all formats at once. You just need to select “Yes” to allow multiple file uploads. You might also place a restriction on the maximum number of files to be uploaded. Although, there is no limitation on the file uploads storage. The app stores all the files within our AWS memory.

You can prevent visitors with email addresses at certain domains from submitting your form. In the Integrations menu, hover over the Global settings tab. Enter the domains you want to block in the Email domains to block field, separated by commas. Enter only the root domain without the www prefix or @ symbol (e.g., You can enter: gmail.com , not www.gmail.com or @gmail.com).

Help your customers understand what kind of answers you’re looking for by displaying instructions below your input fields.

Placeholder text within a form field makes it easier for people to remember what information belongs in a field, and to check for, and fix errors Placeholder text, located inside a form field, is an additional hint, description, or example of the information required for a particular field. These hints typically disappear when the user types in the field. Placeholder Text in Addition to Labels Using placeholder text in combination with form labels is a step in the right direction. Labels outside the form fields make the essential information visible at all times, while placeholder text inside form fields is reserved for supplementary information.

Add your text here:

After submit action can be

Track where your customers came from with our UTM source tracking.

You can simply generate the URL with the use of the following link. Here is a screen recording with the detailed process.

UTM source and UTM term depend on where you will be showing your form.

e.g, If you are to show your form on Instagram, of course, you need to connect the link of the form to the post, add the above addition to the URL and connect it.

Any of the parameters you set on your campaign will go through our iFrame and in your submitted forms as well as the Google Analytics dashboard.

For a better understanding see the explanation of the parameters below:

• Campaign Source - utm_source - used to identify a search engine, newsletter name, or another source. (e.g Google)
• Campaign Term - utm_term - used for paid search. Use utm_term to note the keywords for this ad. (e.g running+shoes)
• Campaign Medium - utm_medium - used to identify a medium such as an email or cost-per-click. (e.g cpc)
• Campaign Content - utm_content - Used for A/B testing and content-targeted ads. Use utm_content to differentiate ads or links that point to the same URL. (e.g logolink)
• Campaign ID - utm_id - Used to identify which ads campaign this referral references. Use utm_id to identify a specific ads campaign. (Abd.123)