How to Add a Form in Duda

How to Add a Form

If you don’t have time to build a custom form, you can select from pre-built forms within the Duda system and add these to your site.

Here’s how:

1. Choose where you would like to add your form.

2. Select “Add Section.” 

 3. Navigate to the “Contact Us” selector on the left menu.

4. Choose a pre-built form, and it will automatically populate into your page.

 1. Choose an empty column where you would like to add your form.

2. Right click on the empty column, hover over “ Add,” and select “Widget Below.” Then, select “More widgets” and search for your custom form.

3. Alternatively, navigate to the “Widgets” panel in your left sidebar menu, and drag and drop the “Contact Form” widget into your empty column.

Once you have placed your contact form, you can modify your form fields.

1. Right click on your contact form to view the “Contact Form Content” panel. From here, you can view your existing form fields.

2. To add a new field, select “Add Field.” Select the type of field you would like, such as Text or Dropdown.

3. Within the “Contact Form Content” panel, you can rearrange the order of your form fields, if desired. You can also select a particular form field and adjust “Field size” to change the width of that form field submission box.

4. Scroll lower on the “Contact Form Content” panel to adjust the text on the “Submit button” or “Form title." Duda will automatically name your form: “Contact Us.” We recommend renaming the form with a helpful differentiator, such as “Page Name – Contact,” so you can attribute submissions to the proper page.

 1. Right click on your form, and select “Edit Design.”

2. The first design option is Layout. From here, you can select from a variety of pre-formatted form field layouts.

3. Scroll down to adjust your field text style. Here, you can adjust the color, font type, and size of your field label (the title of your field), input text (text typed within the field), and placeholder text.

1. Navigate back to your “Contact Form Content” panel. Select the “Submission” tab.

2. Adjust submission recipients, submission actions (thank you message & error message), and conversion code for form tracking.

3. Within the “Integration” tab, you can send successful submission data to third-party platforms, including Sheets, MailChimp, Constant Contact, or Web Hooks.