6 Box Varieties You Can Upload to Divi’s Touch Shape Module (And When to Use Them)

by | Feb 28, 2023 | Etcetera | 0 comments

Contact bureaucracy are an an important part of any website online — whether or not or now not you wish to have to grasp further leads, keep track of inquiries, assemble your e-mail promoting tick list, or simply be capable to be in contact on-demand at the side of your consumers. Divi’s contact form module makes it easy to be in contact with and obtain vital data from your website online’s visitors.

Let’s uncover what fields are available in Divi’s contact form module and when to use them. We’ll be the use of the contact form from the Marriage ceremony Photographer Format Pack available at the side of your Chic Matter issues subscription.

Divi’s Contact Form Module Possible choices

Divi’s difficult contact form module consists of the following fields: input, e-mail, textarea, checkboxes, radio buttons, and the select dropdown field. The ones fields can be used in a number of techniques to build your business. Forward of we take care of each field and its uses, let’s move over how to make a choice the type of field you wish to have to use inside the contact form module.

  1. The first step is to supply your field a field ID. That is serving to you know which field corresponds with the information crammed out inside the form.
  2. Give your field a determine.
  3. Select the sphere to be displayed. Your imaginable possible choices are input, e-mail, textarea, checkboxes, radio buttons, or select dropdown.
    Input Field

Next, let’s move over each field chance inside the Divi contact form module. Lately, we’ll speak about how each may also be configured to suit your specific needs.

1. The Input Field

The input field is among the most powerful fields you’ll be capable of use in your contact form. You’ll grasp in relation to any type of text knowledge. Acquiring a imaginable buyer’s name, business name, physically take care of, phone amount, or fairly a large number of other informational text are possible choices. The chances are endless.

Divi Input Field

When crafting your contact form, remember to ask for necessarily essentially the most comparable knowledge you are trying to gather. Previously, other people idea a shorter form used to be as soon as a better form. Lately, the theory processes at the back of form introduction have changed. We these days are living inside the “knowledge age,” so other people have change into further aware of filling out longer bureaucracy than ever previous than and are willing to do so.

While protective in ideas what targets you’d like to achieve through your form, It’s vital to bear in mind to ask the most important questions associated with your business. The shopper’s name or business name must be at the best of the tick list of questions to ask. Names and/or business names are a very powerful knowledge to obtain, specifically inside the means of following up at the side of your consumers. Following the name and business name (if appropriate), must be other vital contact knowledge similar to phone numbers and/or addresses. A few examples of the environment friendly use of the input field are as follows:

  • First Name, Final Name, or Whole Name
  • Deal with
  • The city
  • State
  • Zip Code
  • Phone Amount
  • Trade Name
  • Subject
  • Questions with fast answers

Simple tips on how to Configure the Divi Contact Form Module Input Field

Let’s take a look at the way you’ll be capable of regulate the input field.

  1. Choose Input as the sphere type.
  2. Make a decision whether or not or now not to choose a minimum and maximum length of characters to be allowed.
  3. Next, decide whether or not or to not allow all symbols, letters most straightforward, numbers most straightforward, or alphanumeric characters. For instance, if your text input field is being used as a phone amount field, assign this strategy to “Numbers most straightforward.” This will an increasing number of disallow any letters from being entered as a phone amount, reducing down on client errors.
  4. Designate whether or not or now not this field isn’t mandatory or required.Divi input field options
  5. Permit or disable conditional just right judgment. Conditional just right judgment is useful in a type will have to you’d like to assign a follow-up question or knowledge to turn in line with the strategy to a definite field. To be informed further about conditional just right judgment, be informed Easy methods to Create a Flexible Divi Touch Shape with Conditional Common sense.
  6. Select whether or not or to not assign a link on your field.
  7. Select whether or not or to not assign a background color, gradient, or image on your field.Divi Contact Form Conditional Logic
See also  The Final Information to the Absolute best Productiveness Apps, Equipment, and Device

2. The Electronic message Field

In conjunction with the text field mentioned above, the email field is a a very powerful piece of knowledge to have the same opinion your verbal change with consumers. The email field makes it more uncomplicated to grasp leads on your website online, add consumers to a mailing tick list, and, most importantly, provide a very simple strategy to be in contact at the side of your website online’s consumers.

Divi Email Field

Lately, everyone concurs that social media has change into a treasured device in business verbal change, then again e-mail remains to be a specifically comparable and an important device to expand your business. In any case, so as to actually have a social media account, one will have to have an established e-mail take care of. Protective that throughout ideas, the email field is vital in successfully talking at the side of your consumers. Without the email field enabled in your form, you gained’t be capable to add that client to a mailing tick list or solution right away to the form confirmation e-mail won in your website online.

Enabling The Electronic message Field

Let’s see the way you’ll be capable of permit the email field in Divi’s Contact Form Module.

  1. Name your field and offers it a field ID.
  2. Choose “Electronic message Field” as your field type.
  3. Select whether or not or to not permit or disable “Required Field”. Remember: you will need to to require this as no e-mail knowledge it is going to be captured in your field if your client forgets to fill in their e-mail take care of.
  4. Select whether or not or now not or not to permit conditional just right judgment.
  5. If desired, choose a link on your field.
  6. If desired, choose a background color, gradient, or image on your e-mail field.Divi Email Field Options

3. The Textarea Field

When growing your form with the Divi contact form module, the textarea field is a useful gizmo to use to gather knowledge from your consumers – whether or not or now not or now not it’s through asking questions, soliciting input or comments, or accepting higher amounts of comparable knowledge.

Divi Textarea Field

An example of this is demonstrated inside the Marriage ceremony Photographer construction pack. Proper right here, the company asks a few specific questions related to their business. “Do you’ve got a pictures finances?”, “Describe your vision of your special occasion”, and “The remaining I can have to understand?” As in this example, the textarea field is a great way to get to grasp your consumers and what services and products and merchandise they require from you.

Any other example of great use of the textarea field can also be the use of it in an employment device form. You’ll ask any selection of questions with the textarea field similar to background knowledge on the subject of comparable art work experience, any character traits you’d like to concentrate on, targets and aspirations of the possible candidate, and much more.

Textarea fields are also useful equipment in e-commerce situations. For instance, if when you’ve got an online retailer, you’re probably desirous about understanding how your shoppers actually really feel about their contemporary purchases. In all probability you’d like so to accept pointers for long run products. With the use of the textarea field, you’ll be capable of merely retrieve that knowledge and use it on your advantage.

See also  Conventional Advertising vs. Virtual Advertising: Why Now not Each?

Enabling The Text Area Field

Let’s see the way you’ll be capable of permit the text space field in Divi’s Contact Form Module.

  1. Name your field and offers it a field ID.
  2. Choose “Textarea” as your field type.
  3. Select whether or not or to not permit or disable “Required Field.”
  4. Select whether or not or now not or not to permit conditional just right judgment.
  5. If desired, choose a link on your field.
  6. If desired, choose a background color, gradient, or image on your e-mail field.
    Divi Textarea Options

4. The Checkboxes Field

Checkboxes are a great way to blow their own horns possible choices in your form. For instance, let’s say you’re construction a website online for your business where you intend to supply plenty of different services and products and merchandise on your shoppers. You’ll profit from a checkboxes field to ask your shoppers which of your supplier possible choices they’re desirous about. Additionally, the checkboxes field is advisable when you wish to have to ask a follow-up question that can most straightforward be displayed when a shopper selects a decided on chance in your checkbox field (conditional just right judgment). If you’d like to learn further about conditional just right judgment and how it works, view our submit on Easy methods to Create a Flexible Divi Touch Shape with Conditional Common sense.

Divi Contact Form Checkbox Field

Checkboxes can be used in bureaucracy in your internet website online when you wish to have to gather input from your shoppers on a decided on product or service that you could have in development. It is advisable to moreover use checkboxes in prime quality assurance survey bureaucracy. For instance, you wish to have to invite your consumers to mean you can know how satisfied they’re with a product or service that they purchased from you.

After all, every other example of very good use of checkboxes in your Divi contact form is to use them to gather knowledge in a questionnaire. Let’s say that you simply’ve a website online that incorporates recipes. If you want to know further about a person’s likes and dislikes on the subject of foods, checkboxes can also be a great way to ask those questions.

Simple tips on how to Configure the Checkboxes Field

Let’s configure the checkboxes field in Divi’s Contact Form Module.

  1. Inside the field possible choices box, choose “checkboxes.”
  2. Underneath possible choices, type in your first chance. With the intention to upload further possible choices, click on at the “+” sign underneath your first chance.
  3. Select whether or not or now not or not to have this field be required.
  4. Add any conditional just right judgment on your field. Click on on “permit,” then toggle “relation” to assign this checkbox strategy to a related field. This is useful will have to you’d love to turn a follow-up question or field that is ONLY related to this option in your checkbox field.Conditional Logic Examples
  5. Add a link on your checkbox field (now not mandatory).
  6. Add a background color, gradient, or image on your checkbox field (now not mandatory).Checkbox Options

5. The Radio Buttons Field

The radio buttons field inside the Divi contact form module is maximum usually used to supply consumers a choice between possible choices in your form. Since only one button may also be determined on, it’s a great chance when asking certain or no questions. For instance, you’ll be capable of use radio buttons to ask your client if they like a decided on issue. In this example, the question “Do you like cheese” is posed. Your client clicks the certain or no radio button to file their answer.

Radio Buttons Field

Radio buttons are relatively advisable in form construction because the client is able to view all answers to the question and not using a wish to click on on a dropdown menu. Radio buttons require fewer clicks to complete, making the radio button field an excellent variety for fast and simple form submissions. You’ll have to moreover consider the use of radio buttons if you wish to have your field’s answers to be emphasized.

Radio possible choices are easiest used if there are fewer than 5 answers in your field. Using radio buttons for more than 5 answers must possibly profit from a select dropdown field, which we will be able to duvet inside the next segment.

See also  Torque Social Hour: #WP20 and WordPress 6.2.2

Let’s say you’ve got a membership internet website online with three-tier levels and you wish to have your consumers to easily distinguish between the three. You’d use radio buttons to inform aside between the plans, showing all possible choices to the patron so that they can make a decision in line with all possible choices available to them at first glance.

Simple tips on how to Configure the Radio Button Field

Let’s configure the radio button field in Divi’s Contact Form Module.

  1. Choose the Radio Buttons field.
  2. Underneath possible choices, add as many radio button field possible choices as desired.
  3. Select whether or not or now not or not to require the sphere.
  4. Add any conditional just right judgment to the sphere.
  5. Select an now not mandatory link on your field.
  6. Add a background color, gradient, or background image on your field.Radio Button Options

 

6. The Choose Dropdown Field

This brings us to our ultimate field to discuss – the select dropdown field. The select dropdown field is a brilliant chance if in case you have an selection of possible choices (more than 5) to make a choice from. For instance, if when you’ve got an online company that operates in all fifty states, then again you wish to have to damage down consumers by the use of state, surroundings possible choices for all 50 states in an effective way to achieve your desired outcome.

Divi Contact Form Select Dropdown

That being said, overuse of dropdown fields may purpose validation errors and pressure will have to you give your consumers TOO many imaginable possible choices. Extra regularly than now not of thumb, a select dropdown field must be avoided if there are more than 10 possible choices in a dropdown tick list. For instance, will have to you do business in multiple countries then again now not ALL of them, a excellent apply is to easily tick list the countries you do business in.

Any other example of when to use a select dropdown field is where multiple fields it is going to be presented. Let’s say you non-public a bakery distribution company. You’ve multiple products and possible choices inside of a category – cakes, pies, donuts, and tarts. You want the patron to tell you which of the ones products they’re desirous about wearing in their stores. You’d organize a select dropdown field for each magnificence. Next, you’d add possible choices to each field. Radio buttons or checkboxes can also be cumbersome and absorb a ton of space. Choose dropdowns are a much better variety to provide that knowledge to the patron in an organized means.

Simple tips on how to Configure the Choose Dropdown Field

Let’s configure the select dropdown field in Divi’s Contact Form Module.

  1. Choose the Choose Dropdown field.
  2. Underneath possible choices, add as many dropdown field possible choices as desired.
  3. Select whether or not or now not or not to require the sphere.
  4. Add any conditional just right judgment to the sphere.
  5. Select an now not mandatory link on your field.
  6. Add a background color, gradient, or background image on your field.Select Dropdown Options

Wrapping Problems Up

Divi’s touch shape module is chock full of superb imaginable possible choices when construction a type on your online store, blog, or business. It permits you to make a choice from many various fields (input, e-mail, textarea, checkboxes, radio buttons, or select dropdown fields) that will help you assess who your purchaser is, what they would really like, and the best way you’ll be capable of have the same opinion them.

Share your concepts with us at the manner you’ve used a slightly form in your website online by the use of together with your statement below.

The submit 6 Box Varieties You Can Upload to Divi’s Touch Shape Module (And When to Use Them) gave the impression first on Sublime Subject matters Weblog.

WordPress Web Design

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

DON'T LET YOUR WEBSITE GET DESTROYED BY HACKERS!

Get your FREE copy of our Cyber Security for WordPress® whitepaper.

You'll also get exclusive access to discounts that are only found at the bottom of our WP CyberSec whitepaper.

You have Successfully Subscribed!