Create a new form

This guide will show you how to create your first form using Powerful Contact Form Builder.

πŸ“ Step 1: Create a New Form

  1. In your app dashboard, go to Forms β†’ Create new form.

  2. Choose one option:

  • Blank Form – start from zero.

  • Template – choose a ready-made form and edit it.


πŸ“ Step 2: Build Your Form

After choosing a form, you will enter the form editing screen.

What you see in the Form Builder:

  • Left side: form fields and field settings

  • Right side: live preview of your form

  • Top: Desktop/Mobile view toggle

  • Page selector: choose where the form will appear in your store


πŸ“ Step 3: Add Fields to Your Form

  • Click Add Elements on the left side.

  • Select the field type you want to add:

    • Text

    • Email

    • Phone

    • Dropdown

    • Checkbox

    • File Upload

    • Date / Time

    • Product Selector, and more

  • Click to insert the field into your form.


πŸ“ Step 4: Edit a Field

Click any field in the live preview to open its settings.

Common field settings:

  • Label: the field name (e.g., β€œFull Name”)

  • Hide Label: hide the label text

  • Keep Label Space: keep spacing but hide label

  • Required: make the field mandatory

  • Column Width: choose

    • 1/3 width

    • 1/2 width

    • Full width


πŸ“ Step 5: Use the Field Toolbar

When hovering over a field in the preview, a small toolbar appears.

Toolbar actions:

  • Move – drag the field to a new position

  • Width – change to 1/3, 1/2, or full width

  • Duplicate – copy the field

  • Hide – hide the field from customers

  • Delete – remove the field


πŸ“ Step 6: Save Your Form

Click Save to store all changes.

⚠️ Don’t forget this step β€” unsaved changes will be lost.


πŸ“ Step 7: Display Your Form on Your Store

After saving, choose how you want to display the form.

You can show the form on:

  • A page section (using Shopify’s theme editor)

  • A specific page

  • The homepage

  • A product page

  • Or via embed code / shortcode

Follow the display instructions to place the form exactly where you want it.

  • Click Save once your form is ready

  • To display the form on your store, embed it on any page using the provided shortcode or section block

Learn more about displaying your form on the front store


πŸŽ₯ Tutorial video


Need More Help?

If you still need assistance, please contact us at [email protected]. Our team will be happy to help you resolve any issues or guide you further.

Last updated