How to edit contact forms and add new form fields

How to edit contact forms and add new form fields

 
In this guide, you will learn how to edit the Form element, manage form fields, and configure various settings to customize your form.

Step 1 - open editor

Open the "Form Settings" editor.
Click "Edit Form" on the hover menu or double-click on the "Form" element you want to customize.



In the "Form Settings" editor, there are two customization categories: "General" and "Look & Feel".

The settings we are interested in are located under the "General" tab.



Options to edit the "Form" element and manage fields:


1. Set Up Email Notifications (Mandatory)

  1. To configure email notifications for form submissions, click on the "Set up email notification" button.



2. Reorder Form Fields (Optional)

  1. To change the order of the fields, use drag and drop by clicking and holding the button on the left side of the field.



3. Rename a Form Field (Optional)

  1. To rename a form field, click on the specific input field you want to edit and type in the desired name.



4. Mark a Field as Required (Optional)

  1. To make a field required, click on the star-shaped button next to the field. This will add a  character next to the field label.



5. Delete a Form Field (Optional)

  1. To remove a form field, click on the recycle bin icon associated with the field.



6. Add a New Form Field (Optional)

  1. To add a new field to your form, click on the "Add New Form Field" button and configure the field details.



7. Change the Submit Button Text (Optional)

  1. To edit the text on the submit button, click on the input box under "Submit Button Text" and type in the desired text.




    • Related Articles

    • How to edit form styles

      In this guide, you will learn how to style the Form element to match your website’s design. Step 1 - open editor Open the "Form Settings" editor. Click "Edit Form" on the hover menu or double-click on the "Form" element you want to customize. In the ...
    • How to add a new element to the website

      You need to think about Aphyo’s templates like a starting point for your website. Even if you have found the aesthetic that you like and matches your brand’s imagery, you still need to make some changes. So here’s how to add a new element to your ...
    • How to add a new link to website navigation

      In this guide, you will learn how to add a new link to your website’s navigation menu. Step 1 - open editor Open the "Navigation Settings" editor. Click "Edit Navigation" on the hover menu or double-click on the "Navigation" element you want to ...
    • How to add and edit links for: buttons, images, etc

      This tutorial will guide you on how to change the link for the following elements: button, image, box, text, navigation, logo. Step 1 Open the "Settings" editor for the element you want to add a link (shown in screenshot: button settings). Click ...
    • How to add new page group

      This article will guide you through the process of adding a new page group. Step 1 Click the "Website Pages" button in the sidebar menu. Step 2 Click on the "Add Page Group" button. Step 3 You will see that a new page group has been added, but it ...