What are the customization options for forms in WeWeb?

Step 1: Understand the Basics

Before diving into the customization options for forms in WeWeb, it’s important to understand that WeWeb enables you to create professionally designed websites with no coding required. One of the features it offers is form customization, allowing you to design forms that match your needs, from contact forms to subscription forms and more.

Step 2: Accessing Your WeWeb Dashboard

To explore your form customization options, first log into WeWeb. From the homepage, select the “Sign In” button located at the top right corner of the screen. Input your login details and click “Sign In” again to access your dashboard.

Step 3: Opening the Website Editor

Once you're on the dashboard, you will see an overview of your active websites. Select the website you wish to add a form to. This will open up the WeWeb Editor, where you can make changes to your website's layout and content.

Step 4: Adding a Form to Your Website

You can add a new form to your website by clicking on the “Add” button on the left side navigation menu within the Editor. This will open up a dropdown menu. Scroll down until you find the “Form” option and click on it to add a standard form to your design.

Step 5: Begin Customizing Your Form

After you have added a form, you can begin customizing it to your needs. Here are a few options you have with WeWeb’s Form Editor:

Form Field Customization:

This involves changing the structure of your form. You can add or remove form fields, rename them, reorganize them and even set them as required or optional.

To do this, select the form you wish to alter and click on the “Field” button that becomes visible on the menu. This opens up a field customization window where you can manipulate your form fields as needed.

Form Style Customization:

WeWeb allows you to customize the style of your form to match your website’s aesthetic. You can change the background color, border radius, form field border color, text color, and button color.

To access these options, select the form and click on the “Style” button from the menu. This will open the style customization window, providing you a wide range of visual options for your form.

Form Logic Customization:

Beyond visual style, WeWeb provides options to refine how your form works. This includes setting the form’s method (GET or POST), configuring an output email, setting a redirect URL after submission, or displaying a custom ‘Thank You’ message.

To access this functionality, select your form and click on the “Settings” button. This takes you to the form logic settings, where you can adjust these options to your preference.

Step 6: Apply Changes and Publish

After making all the necessary customizations to your form, apply the changes using the "Apply" button. You can then preview how it looks on different devices using the Preview toolbar on top. When you're satisfied with your changes, click on "Publish" to make your form live on your website.

To recap, WeWeb provides a range of form customization options in terms of form field structure, visual style, and operational logic. The key lies in understanding each functionality and effectively putting them to use to serve your specific needs.