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.” 

Alternatively, if you would like to add a custom-designed form that fits within the style and structure of your website, follow these steps:

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.

How to Set Up Category Pages

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.

How to Style a Form

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.

4. Next, you can adjust the “Submit” button style, including border weight, color, and size.

5. In “Frame Style,” you can change the background color of your form.

Form Submission and Integration

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.