Divi’s email selection module contains multiple text and content areas that can display other content. These areas can be styled in the email selection module. The layout options and rugged design of the module provide simple e-mail forms. But this limits the possibility of design. Fortunately, you can use the text module and the email selection module to create more design and style options. This post will compare using the text field of the email CD-ROM module itself with using a separate module for the copy.
Let’s go! In addition to the inline email optin module content element form itself, divi’s email selection module has three areas, including content. It includes the title, body content and footnote content. A title is an unadjusted single text field on the content tab. There is a complete content editor for text and footnote content, allowing text, media, HTML, CSS, etc. You can also use dynamic content, customize and adjust the hover state according to the size of a single device. The online email optin module design tab Design tab contains the default style settings for the title and content area. Options include title level, font, font thickness (regular or bold), style, alignment, color, size, spacing, row height, and shading. Let’s look at them one by one.
The design settings of e-mail optin module title are as follows: In this image, we adjusted the title level by text color. The text size is adjusted by the text shadow of the image. Male email optin module body and footer text options body and footer text are controlled by the same design settings. The image below contains the font color options in the font. This section will also add standard text features such as bullets, links, references, and so on. The title text follows the style of the body text unless there is a unique style. Buttons use some text options unless styles are specified separately.
The following image is added with text size through the text shadow option. The content editor allows inline CSS, but all items that do not specify a style follow the style of the design tab. The content layout option of the inline e-mail optin module can place the title and body content on the top, bottom, right or left of the form. In the following example, place the body at the top and the form at the bottom. Advantages and disadvantages of e-mail optin content all the advantages are contained in one module. This simplifies the creation and styling of e-mail forms. Easy to use and efficient. To copy or move an E-mail form, you only need to process one module. The email selection module provides three text areas for us to use. The text is visible and suitable for the default email form. To adjust, just open one module. The breakpoint title text contains a simple field where you can enter a title, and the design tab contains default style options. The content tabs of this article and footnote text have separate content editors, but the design tab uses the same settings. The module has four layout options that determine the placement of text and forms. The text can be placed on the top, bottom, right or left of the form, but it cannot be separated. Fields in the form have separate styling options, but other styling elements will be applied to the entire module. For example, background, scaling, spacing, borders, box shadows, filters, renditions, and animation are applied to all elements in the module. In other words, the background of the title cannot be adjusted separately from the text, footnote or format. The title is always at the top of this article. The footnote content is always below the button. Layouts not available on the design tab
Alternatively, style adjustments must be added to the CSS field of the Advanced tab. The text and module combination alternative is to create the same text element with a separate text module and an email selection module. To use this option, you may need to specify the style of multiple elements and use rows with multiple column options. But it also provides most of the features and options.
To use this method, leave the title, body, and footnote fields of the e-mail selection module blank, as shown in the following example. It provides a form without other text elements. Male then use the text module to create the required elements. The following example adds two text modules next to the form. In this case, the content editor is the same as in the email selection module. The text module content design options the text module has the same body and title text design settings as the e-mail selection module, but several options are added. The title text contains five font thicknesses. Each text set can use different modules, so each text set can have different backgrounds, borders, box shadows, etc.
The following example uses the email CD-ROM module in the form and adds three different text modules to create title, body and footer text. Each module is styled separately. Displays settings for font, thickness, style, color, size, spacing, line height, and text shadow. You also adjusted the background, spacing, and border. Advantages and disadvantages of using text module in e-mail optin content text module provides more styling functions for each element. Each module specifies a style separately, so you can specify a different style for each element. This includes various backgrounds, spacing, size, borders, etc. There are no restrictions on layout options. Not limited to one set of content. You can use any number of modules to create the desired design around the form. Not limited to text modules. Image, video, slider, CTA, etc. You can continue to use email to select the content in the module. To place content next to the breakpoint form, you must use rows with more columns. Copying or moving a single module is more difficult. If you want to change, you must open more modules. To make them look like a single shape, some additional modeling efforts may be required. To change the border and background of e-mail options and make them look like a single module, you must do so in the line settings. After the example of the combination of e-mail and text module, let’s look at several examples of the combination of e-mail CD-ROM module and text module. In most examples, we will use the email selection form of the free NGO layout package provided in divi. I’ll show you desktop and wireframe views.
The first is the e-mail options displayed in the layout. Two text modules and e-mail selection modules are used. The background style is executed in the row. Place a subtitle at the top, a large description at the bottom, and then a form. The following is a wireframe view. The first example moves the description to the right side of the form, but the title remains above the form. This layout is simple, but cannot be implemented unless a text module is used on the form. Changed row to 2 columns. The following is a wireframe view. The second example changes the row to 3 columns and places the text module in an external column. Each line of text contains a title and description, providing steps for numbering. The email selection module can only display one step, but not both.
The following is a wireframe view. The third example uses a special section with multiple rows and column widths
。 Two modules with title and description are displayed on the left, and the E-mail form is displayed on the right. The following is a wireframe view. Male e-mail and text module combination example 4 here is the fourth example. Use the email selection form of the free scooter rental layout pack. Add an image to the title background and change the font color of the title to white. The rest is the same as the original file. The white background of the bar makes it look like a single module.
The following is a wireframe view. The closing idea is to compare the method of using the inline e-mail CD-ROM module with the method of combining the text module. The e-mail selection module works normally and provides simple e-mail forms, but it is limited. Using text modules in titles and descriptions provides more design options. With a little styling, multiple modules look like a single module. With multiple modules, you can create your own email selection form with more layout and design options. We’d like to hear your opinion. Do you use the content function of the divi email receiving options module, or do you use the text module in your content? Please tell me your opinion.
