Create Your First Form

This guide will walk you through creating your first form using Qivra Form Builder’s intuitive drag-and-drop interface.

Step 1: Create a New Form

1. From the app dashboard, go to Forms in the sidebar

2. Click Create new form button

3. Choose how you want to start:

   Option	Best For
   Blank Form	Custom forms with full control
   Template	Quick start with pre-designed forms

Step 2: Choose a Starting Point

Starting with Blank Form

Select Blank Form if you want to build everything from scratch. You’ll start with an empty canvas where you can add any fields you need.

Starting with a Template

1. Browse templates by category (Contact, Wholesale, Booking, etc.)
2. Click on a template to preview it
3. Click Use this template to create your form

Available template categories:

• Contact forms
• Wholesale application
• Booking & reservation
• Return requests
• Survey & feedback
• Warranty registration

Step 3: Understand the Form Builder Interface

The form builder has three main areas:

Left Panel - Fields & Settings

• Add Elements: Click to see all available field types
• Field Settings: Configure the selected field’s properties
• Form Settings: Overall form configuration

Right Panel - Live Preview

• See your form as customers will see it
• Click any field to select and edit it
• Desktop/Mobile toggle at the top

Top Toolbar

• Desktop/Mobile Preview: Switch between view modes
• Save Button: Save all your changes
• Preview: Open form in a new tab

Step 4: Add Fields to Your Form

1. Click Add Elements in the left panel

2. Choose a field type from the available options:

   Field Type	Use For
   Text	Names, addresses, custom text
   Email	Email addresses with validation
   Phone	Phone numbers
   Number	Quantities, ages, numeric values
   Date	Date selection (birthdays, appointments)
   Dropdown	Single selection from a list
   Checkbox	Multiple selections or single agreement
   Radio	Single selection from visible options
   File Upload	Documents, images, attachments
   Divider	Visual separation between sections
   Text Block	Instructions, headings, descriptions

3. Click on a field type to add it to your form

Step 5: Configure Field Settings

After adding a field, click on it in the preview to see its settings:

Basic Settings

• Label: The field name shown to customers
• Placeholder: Hint text inside the field
• Required: Make the field mandatory

Layout Settings

• Column Width: Choose 1/4, 1/3, 1/2, or full width
• Hide Label: Remove the label text
• Keep Label Space: Maintain spacing without showing label

Advanced Settings

• Default Value: Pre-fill the field
• Validation Rules: Set minimum/maximum values
• Conditional Logic: Show/hide based on other fields

Step 6: Reorder and Organize Fields

Use the field toolbar (appears when hovering over a field):

Action	What It Does
Move	Drag to reorder the field
Width	Quickly change field width
Duplicate	Create a copy of the field
Hide	Temporarily hide from customers
Delete	Remove the field permanently

Step 7: Configure Form Settings

Click on the form background or go to Form Settings to configure:

• Form Name: Internal name for your reference
• Success Message: What customers see after submitting
• Font Settings: Size and spacing
• Background: Color or image background
• Email Notifications: Where to send submission alerts

Step 8: Save Your Form

Important: Always click Save to store your changes. Unsaved changes will be lost when you leave the page.

Step 9: Display Your Form

After saving, your form is ready to be displayed on your store:

1. Go to Shopify Online Store > Customize
2. Navigate to the page where you want the form
3. Add a section and select Qivra Form Builder
4. Choose your form from the dropdown
5. Save and publish

For more display options, see Display Form on Your Store.

Video Tutorial

Play

Related Docs

• Form Builder Interface
• Field Types Reference
• Field Settings
• Display Form on Your Store