Form Builder is an amazing app that is loved by Shopify merchants, and we are sure that you have grown to love it in the last several days you've been using it. The beauty of the Form Builder app lies in its versatility. Whether you need a simple contact form, an intricate order form, or a detailed customer survey, Form Builder has you covered. This is because the app allows you to create custom forms with a variety of fields, including text, dropdowns, checkboxes, radio buttons, and even file uploads. The possibilities are endless.

Our goal was never just to make one app, but the number of apps that make day-to-day operations that much easier for merchants just like you. Form Builder will truly provide you with endless possibilities when it comes to building intelligent forms. Let's go over the installation and the smashing features that the app is equipped with:

Should you favor watching a video over reading instructions, that option is readily available for you.

Now, let’s set up the form within the app. To begin, navigate to the "Apps" section and locate the "Form Builder" app. Click on it to open the app, and you will find yourself on the app dashboard, ready to embark on your form-building journey.

Once you're on the dashboard, take a moment to familiarize yourself with the various options and tools available. Before diving into the form creation process, consider defining essential properties such as the form's title, description, and any specific instructions you want to include for the form respondents. This will give your form a professional touch and ensure clarity for those filling it out.

Now follow these simple steps:

Step 1:  Create and Edit Your Form

  1. To begin, click on the "Content" tab, where you'll find all the necessary tools to proceed and edit your form. Under "Form Settings," you have the freedom to modify the essential components of your form, such as the "Form Title," "Description," and even the text on the "Submit Button".
  2. Next, move to the "Form Element" section. Here, you have complete control over the elements in your form. You can add new elements, remove existing ones, or edit the properties of each element to match your specific requirements.
  3. For those seeking even more extensive customizations, the Form Builder offers the "Custom Class" and "Custom ID" options. By delving into these advanced settings, you can apply custom CSS styles and JavaScript code to individual form elements.
  4. By toggling on the "Captcha" feature, you can protect your form from unwanted automated submissions. This ensures that your form receives only genuine responses, improving the accuracy and reliability of the data you collect.
  5. Under "Customize Form Messages," you have the ability to edit and personalize the messages displayed to your form respondents. Whether it's a thank-you message or error notifications, crafting these messages lets you create a friendly and professional user experience.
  6. Engage with your customers instantly by setting up an "Auto Responder." This handy feature enables you to create automatic responses that are sent to form respondents upon submission.

Step 2: Customize Your Form

Personalize your form to match your brand's identity and style by customizing its appearance. You can choose from various themes, color schemes, and fonts, or even upload your own logo to give the form a professional and branded look.

  1. Start by heading to the "Layout" section, where you can select the perfect label style for your form elements. With a variety of layouts to choose from, you can make sure your form's labels complement the overall design and user experience seamlessly.
  2. Under the "Form" tab, you have the power to take your form's aesthetics to the next level. Explore the "Background Type & Shadow" options along with "Form Padding", "Form Width" & "Form Border" options.
  3. Moving on to the "Input" section, you'll find an array of tools to customize the appearance of your form's input fields. Adjust the text size, color, and font of both the "Label Text" and "Input Text" to match your brand's style or create a specific visual emphasis.
  4. The "Submit Button" is a vital component of any form, and here, you have complete control over its appearance. Customize its alignment, color, and border to make it stand out or seamlessly blend in with the overall form design.
  5. For those who desire deeper integrations and more intricate design choices, the "Advanced" section is a goldmine. Enter your "Google Analytics Tracking ID" to gain valuable insights into your form's performance and user behavior. Moreover, leverage the "Advanced CSS" and "Advanced JS" options to implement highly customized designs and interactive elements.

For more detailed setup instructions, click here.

That’s It!

Your form is primed and ready for action. It's simple, user-friendly, and most importantly, efficient and free! Form Builder is more than just a form creation tool. It's a comprehensive solution that can handle all your form-related needs, from creation to management to automation. So why wait? Start exploring the power of Form Builder today and see how it can streamline your operations and boost your efficiency.

Please take a moment to test it out and make sure that is working just as you wanted it to! And when you're finished reading, make sure to leave a comment to share your thoughts.

You can visit our Knowledge Base for all articles on the Form Builder app. Keep in mind that our team at HulkApps is always here to assist you. If you happen to run into any issues or need help setting up your forms, don't hesitate to reach out to us. We are committed to making your experience with Form Builder as smooth and rewarding as possible. Stay tuned for more insights and tips on optimizing your use of the Form Builder app.