Elegant Themes Contact Form

Stylish Topics Contact Form

To add a contact form module to your site, you must first jump to the Divi Builder. We will send the e-mail from the contact form to this e-mail address. Divi Contact Form Module Divi makes it easy to attach contact form to any part of your website. In order to be able to add a contact form to your site, you must first go to the Divi Builders. When the Divi themes are already on your site, each new page you create you will see a Use Divi Builders icon above the Mailbox.

Find the contact form modul in the modul listing and click it to attach it to your page. You can search the modulist, i.e. you can also insert the words "contact form" and then click return to find and insert the contact form modul automatic! Of course, the first place you should place a contact form on your website is the contact page.

Having a well-designed contact page is vital to boost conversations and generate new revenue. In this example, I will show you how to attach a contact form to a contact page. Next, insert the contact form module into your line. Refresh the settings of the contact form as follows: I am using this section of the form as a call to manoeuvre more than just a basic name.

It' s advisable to use a user-defined width for the line with your contact form so that the form remains concise and does not expand too far on bigger monitors. In order to modify the width of your line, go to the line preferences on the Design page and specify a user-defined width of 800px.

"Thank you for having contacted us." Allows you to specify the text of the form send form tool.

Enter the e-mail to which you want the mail to be sent. It is recommended that you use a courier such as Mandrill, SendGrid, or other similar courier facilities to make sure that your mail delivered via this form is deliverable. Allows you to specify the user-defined template for the e-mail to use. Field should be in the following form - %%field_id%%%%.

If you want to add the fields with id = telephone and id = news, for example, you can use the following pattern: Allows you to select whether you want to forward the user to anotherURL after successful form submit. You can enter the redirection URL here, where the user should go after submitting the form.

Changing the form field backgrounds. The name of the modul is changed in the buililder for simple identifying. You can find all of the module's style choices, such as font styles, color, size, and distance, on the Styles page. It is the tabs on which you can modify the appearance of your modules.

Each Divi has a long history of theme options that let you modify almost anything. If you want to modify the fonts of your text, select the fonts from the drop-down menus. You can resize your text here. Or you can enter the text you want to resize directly into the edit box to the right of the sliders.

Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used. When you want to modify the colour of your text, use this button to select the colour you want from the colour selection. The distance between the letters influences the distance between the individual letters.

When you want to enlarge the distance between the letters in your caption, use the area fader to set the distance, or enter your preferred distance value in the box to the right of the fader. Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used.

If you want to make the distance between each line larger, use the area slider control to resize the distance, or enter your preferred distance value in the box to the right of the slide bar. Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used.

If you want to modify the fonts of your form text, select the required fonts from the drop-down list. You can resize your form text here. Or you can enter the text you want to resize directly into the edit box to the right of the sliders.

Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used. When you want to modify the colour of your form text, use this choice to select the colour you want from the colour selection. The distance between the letters influences the distance between the individual letters.

When you want to make the distance between the letters in your form text larger, use the area fader to set the distance, or enter your preferred distance value in the box to the right of the fader. Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used.

If you want to make the distance between each line larger, use the area slider control to resize the distance, or enter your preferred distance value in the box to the right of the slide bar. Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used.

Allows you to specify the limit radii of all form field values in your contact form. As the edge radii increase, your form sections will have curved edges. If you activate this checkbox, a frame is placed around your form field. Influences the colour of the frame. Pick a customized colour from the colour selection to add to your borders.

This value can be increased by either moving the region fader or by entering a user-defined value in the edit box to the right of the fader. User -defined measurement entities of assisted measurement entities, i.e. you can modify the standard entity from "px" to something else, such as em, vh, vw, vw etc.

Choose your preferred styles from the drop-down list to add them to your borders. If you enable this item, you will see various custom buttons that you can use to modify the look of your module's Buttons. You can use this preference to increment or decrement the text inside the buttons.

It is scaled when the text sizes are incremented and decremented. As standard, the icons take on the accented colour of your design as specified in the Customize Theme dialog. Allows you to apply a customized text colour to the icon in this tool. Choose your customized colour with the Colour Selector to modify the colour of the icon.

Standard icons have a translucent wallpaper colour. You can change this by selecting the required wallpaper colour from the colour selection. You can enlarge or reduce this margin with this adjustment. You can remove outlines by entering a value of 0. By default, key outlines take on the highlight colour of your design as specified in the Topic Customizer.

Allows you to set a user-defined frame colour for the icon in this part. Choose your customized colour with the Colour Selector to modify the edge colour of the buttons. The distance between the letters influences the distance between the individual letters. When you want to enlarge the distance between the individual letters in your circuit text, use the Span slide bar to set the distance, or enter your preferred distance value in the box to the right of the slide bar.

Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used. If you want to modify the text of your buttons, select the required text from the drop-down list. Changing this option changes the colour of the symbol that will appear on your toolbar.

In the standard version, the symbol colour corresponds to the text colour of your keys, but with this option you can change the colour separately. If you move the user's cursor over the colored field, this is used. Colors change from the basic colors specified in the preceding setup.

If you move the icon over it with a visitor's cursor, this colour is used. Colors change from the basic colors specified in the preceding setup. If you move the icon over it with a visitor's cursor, this colour is used. Colors change from the basic colors specified in the preceding setup.

You' ll find a number of useful features for expert web developers on the Enhanced page, such as user-defined HTML and custom definitions of your own HTML and CSS tags. Allows you to add user-defined styles to one of the many element types of the plugin. It is also possible to add user-defined styles and tags to the modules, allowing you to modify the modules in the way your sub themes look. bss files.

You can use an ID to customize your own style or to link to specific areas of your page. You can use a CSS category to customize your own style. Allows you to specify more than one type of form divided by a blank. You can use these categories in your Divi Kind themes or within the customized style sheet that you choose to append to your page or website using Divi themes options or Divi Builder page settings.

You can also apply customized styles heet definitions to the modul and all internals of the modul. In the section Customizing CustomCSS you find a text box in which you can directly customize each item. Your entries in these preferences are already packaged in styles, so you only need to type styles seperated by semi-colons.

Allows you to specify the ID of this box. You can select your own category here. Among the available choices are Entry box, E-mail box or Text area. Specifies the minimal length of the character for the entry box. Defines the maximal length of the character for the entry box. Identifies the permitted icons for the entry box.

You can specify whether the fields are mandatory or not. Activating conditioned logics only makes this box viewable if one or all of the following criteria are met. In this section, you can show or hide fields according to the rule or condition you specified for prior choices.

You can select a wallpaper colour for this box here. When checked, the box occupies 100% of the width of the contents area. If you want to modify the text type of your text box, select the required type from the drop-down list. You can resize your text here.

Or you can enter the text you want to resize directly into the edit box to the right of the sliders. Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used.

When you want to modify the colour of your text, use this button to select the colour you want from the colour selection. The distance between the letters influences the distance between the individual letters. When you want to make the distance between the letters in your text box larger, use the area fader to set the distance, or type your preferred distance value in the box to the right of the fader.

Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used. If you want to make the distance between each line larger, use the area slider control to resize the distance, or enter your preferred distance value in the box to the right of the slide bar.

Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used. If you activate this checkbox, a frame is placed around your form field. Influences the colour of the frame. Choose a customized colour from the colour selection to be applied to your outline.

This value can be increased by either moving the region fader or by entering a user-defined value in the edit box to the right of the fader. User -defined measurement entities of assisted measurement entities, i.e. you can modify the standard entity from "px" to something else, such as em, vh, vw, vw etc.

Choose your preferred styles from the drop-down list to customize your borders. You can also customize your modules and all intern parts of the modules with your own customized styles. In the section CustomizingCSS you will find a text box where you can directly enter a Customizing code for each item.

Your entries in these preferences are already packaged in styles so that you only need to type styles delimited by semi-colons.

Mehr zum Thema