Grouping paragraph
Grouping paragraphs serve to structure the newsletter, but do not contain any content. From a high-level perspective, a newsletter only contains pre-header, header, footer, and grouping paragraphs. You can add to a mailing several grouping paragraphs, then insert content paragraphs into them.
Each grouping paragraph can contain its own table of contents, or you can create one table of contents for all grouping paragraphs. Grouping paragraphs provide additional layout options, such as a sidebar.
- To add a grouping paragraph, click New: Paragraph then Grouping Paragraph. Configure it as described below.
- To add content to a grouping paragraph, click New: Content Paragraph, click a paragraph type, and edit it; see Content paragraphs.
- To add a new separator, click New: Paragraph then Separator. Configure the separator; see Separator paragraph. To add the separator to the newsletter, click Apply.
Main area
Parameter | Description |
|---|---|
Layout | |
Padding | Specify white space around the paragraph content. You can set white space separately for each page.Enter the values in pixels (integer values) based on the following example, using spaces to separate multiple pixel entries:- 10 = sides are uniform with 10 pixels of white space for the content |
- 10 20 = 10 pixels on the top and bottom, 20 pixels on the left and right
- 10 15 20 25 = 10 pixels on the top, 15 pixels on the right, 20 pixels on the bottom, 25 pixels on the leftIf the value is set to 0, then there will be no padding. | | Space Between Content Paragraphs | Specify the space (vertical and horizontal) between content paragraphs within a grouping paragraph. | | Border | | | Show | Select if you want to apply a border around the grouping paragraph. | | Border Width | Enter the thickness of the border. You can set thickness for each side individually.Enter values in pixels (integer values) based on the following example, using spaces to separate multiple pixel entries:- 1 = sides uniform with 1 pixel
- 1 2 = 1 pixel on the top and bottom, 2 pixels on the left and right
- 1 2 3 4 = 1 pixel on the top, 2 pixels on the right, 3 pixel on the bottom, 4 pixel on the left.If you leave the field blank, the border has a thickness of 1 pixel (uniform on all sides). | | Color | To define the color, enter a hexadecimal value preceded by # (such as #000000). The depiction of non-hex web colors may vary from the original, depending on the browser. | | Rounded Corners | Show must be selected for this parameter to be effective. The radius value is the same as the padding value set for this paragraph. If no padding value is set, a value of 10 pixels is assumed.If you select this option, only a single value for border width is used. If more than one value is defined, only the first one is used for all sides. | | Background | | | Color | To define the color, enter a hexadecimal value preceded by # (such as #000000). The depiction of non-hex web colors may vary from the original, depending on the browser. | | Image | The correct display of background images is not supported by all email clients. So, the background image should contain no important information.If you use a background image, the parameters Alignment and Repeat become effective. Note that background images are only visible at the border areas and at free spaces. Otherwise, they are covered by content and other backgrounds. | | Alignment | Only effective if a background image is uploaded. Sets the alignment for the whole newsletter. Alignment of the content elements is defined in the content paragraphs. | | Repeat | Only effective if a background image is uploaded. Repeats the background image. | | Background (mobile) | | | Show Background Image | Select this option to display the background image also in the mobile version of the newsletter. | | Fit Background Image to Area | Select this option to automatically stretch or crop the background image to fill the entire paragraph area. |
Sidebar
Optionally, grouping paragraphs can be displayed in a two-column layout, with a main area and a sidebar. The sidebar can contain the same content paragraphs as the main area.
Parameter | Description |
|---|---|
Layout | |
Show | Select to show a sidebar in this grouping paragraph. |
Width | The value cannot exceed the total width of the content area. |
Position | The sidebar may appear to the left or the right of the main area. |
Padding | Specify white space around the paragraph content. You can set white space separately for each page.Enter the values in pixels (integer values) based on the following example, using spaces to separate multiple pixel entries:- 10 = sides are uniform with 10 pixels of white space for the content |
- 10 20 = 10 pixels on the top and bottom, 20 pixels on the left and right
- 10 15 20 25 = 10 pixels on the top, 15 pixels on the right, 20 pixels on the bottom, 25 pixels on the leftIf the value is set to 0, then there will be no padding. | | Space Between Content Paragraphs | Specify the space (vertical and horizontal) between content paragraphs within a grouping paragraph. | | Space Between Sidebar and Main Area | Specify the space between the sidebar and the main area. | | Mobile | | | Position | In the mobile version, the sidebar is positioned above or below the main area, due to the reduced available space. Select the desired position from the drop-down list.This option is only in effect if the mobile version is activated in the general settings. | | Border | | | Show | Select if you want to apply a border around the entire paragraph. | | Border Width | Enter the thickness of the border. You can set thickness for each side individually.Enter values in pixels (integer values) based on the following example, using spaces to separate multiple pixel entries:- 1 = sides uniform with 1 pixel
- 1 2 = 1 pixel on the top and bottom, 2 pixels on the left and right
- 1 2 3 4 = 1 pixel on the top, 2 pixels on the right, 3 pixel on the bottom, 4 pixel on the left.If you leave the field blank, the border has a thickness of 1 pixel (uniform on all sides). | | Color | To define the color, enter a hexadecimal value preceded by # (such as #000000). The depiction of non-hex web colors may vary from the original, depending on the browser. | | Rounded Corners | Show must be selected for this parameter to be effective. The radius value is the same as the padding value set for this paragraph. If no padding value is set, a value of 10 pixels is assumed.If you select this option, only a single value for border width is used. If more than one value for border width be defined, only the first one is assumed for all sides. | | Background | | | Color | To define the color, enter a hexadecimal value preceded by # (such as #000000). The depiction of non-hex web colors may vary from the original, depending on the browser. | | Image | The correct display of background images is not supported by all email clients. So, the background image should contain no important information.If you use a background image, the parameters Alignment and Repeat become effective. Note that background images are only visible at the border areas and at free spaces. Otherwise, they are covered by content and other backgrounds. | | Alignment | Only effective if a background image is uploaded. Sets the alignment for the whole newsletter. Alignment of the content elements is defined in the content paragraphs. | | Repeat | Only effective if a background image is uploaded. Repeats the background image. | | Background (Mobile) | | | Show Background Image | Select this option to display the background image also in the mobile version of the newsletter. | | Fit Background Image to Area | Select this option to automatically stretch or crop the background image to fill the entire paragraph area. |
Options
Parameter | Description |
|---|---|
Layout | |
Background Color (Outer Area) | To define the color, enter a hexadecimal value preceded by # (such as #000000). The depiction of non-hex web colors may vary from the original, depending on the browser. |
Click profiles
Parameter | Description |
|---|---|
Click Profiles | Clicks on any link in this paragraph are allocated to the selected click profiles. See Click profiles. |
Target groups
Parameter | Description |
|---|---|
Target Groups | To show this paragraph to one or more target groups only, select them. If more than one target group is selected, just one must match (OR logic). See Target groups.:::hint{style="info"} |
Note | |
For paragraphs in the header and footer you cannot select target groups, because these elements are considered mandatory in every mailing. ::: |