PageFly - Shopify elements - Form

280 views 0

Important: This feature is only available on the Pro plan

In this article, you will learn about the Form element, one Shopify element.

About Form element

Form element can help you easily gather customer contacts and opinions. For this reason, it can be a powerful tool to increase conversion rate.

In particular, you can use the Form element to build a contact form to collect leads in email marketing.

Where Form element located

In particular, the Form element comes with 4 variations to cover most needs. Even so, we will add more options in the future so you have more choices.

To start, drag a variation to the Editor and explore it setting.

Form element setting

Form element offers many variables. As a result, they let you edit the design to achieve the best conversion rate possible.

Let’s select the element to see its variables.

General tab configuration of Form element

Because the variables in General tab are specific for this element, you can explore them below. 

However, those in Styling and Advanced tabs are similar to other elements. Read about them here.

FORM SETTINGS
Form Type
  • Customer: Choose this form if you want to collect customer email
  • Contact: Just a contact form
Thank You Message The text displayed after a successful form submission
Notice Add a notice above the form
BUTTON
Text The text of the submit button
Icon Add an icon beside the text on the button
Position Position for the “Submit” button in the form
FIELDS
Add New Field Click to add a new field to the form
Field 1

Field 2

Field 3

etc

  • Field Name: The label of that field
  • Field Type: There are 12 field types (First Name, Last Name, Email, Single Line Text, Multiple Line Text, Number, Select, Radio, Checkbox, Data picker, Data local, Time picker)
  • Placeholder: Text to shown in the input box until your visitor start typing.
  • Label Position: Position of the label with respect to the input box
  • Require: Make this field a required field

Contained element setting

Notice: The Form element is a group of diverse form fields. In detail, you can select and edit each independently.

Nested element in Form

ITEM SETTINGS
Name The label of that field
Field Type There are 12 field types (First Name, Last Name, Email, Single Line Text, Multiple Line Text, Number, Select, Radio, Checkbox, Data picker, Data local, Time picker)
Placeholder Text to shown in the input box until your visitor start typing.
Label Position Position of the label with respect to the input box
Require Make this field a required field