How to Use the Vye Form Editor

The Vye Form Editor allows you to create and customize forms to capture subscriber data efficiently. This article will guide you through the process of using the form editor to create and configure forms for your store.

Step-by-Step Guide:

1. Access the Form Editor

  • Navigate to the Vye app in your Shopify Admin.
  • From the app’s dashboard, go to the Forms section.
  • Click on the Create Form button to open the form editor.

2. Understanding the Form Editor Layout

  • The form editor consists of three main sections:
    • Form Preview Area: This shows a live preview of the form as configured. You can already see how the form will appear to customers.
    • Configuration Area: This is where you can add, remove, and reorder form fields. You can also configure the options for each field.
    • Form Settings Area: This section allows you to adjust settings that affect the entire form, such as form name and submission behavior.
    • Popup Form Area: This section allows you to convert the form into a popup that is revealed by a button click.

3. Configuring Form Fields

  • Under the Form Fields section, you can rearrange the fields by dragging their handles to change the order.
  • To add new fields, click on the Add Field button and choose the type of field you want to add (e.g., text field, email field, checkbox).
  • Click on each field to display its configurable options in the Configure Fields section.
  • In the Configure Fields area, you can customize each field’s label, placeholder text, validation rules, and other settings.
  • To remove a field, click the Delete Field button under the field’s settings in the Configure Fields area.

4. Configuring Form Settings

  • In the Form Settings section, you can configure global settings that affect the entire form, such as the form’s name, submission behavior, and success messages.

5. Saving the Form

  • When you’re finished customizing the form, go to the Form Settings section and give your form a name.
  • Click the Save button to save the form.

6. Converting the Form to a Popup

  • To convert the form to a popup that is shown when a button is clicked, go to the Popup Form section, enable the checkbox and configure the button.

Need More Help?

If you need assistance with using the form editor or have any questions, feel free to reach out to our support team for help.