Text/image paragraph
Use the text/image paragraph to add a text block or image to your mailing. You can also position the elements relative to one another.
text-image-paragraph.mdxCreating a text/image paragraph
- While editing the mailing content in the Template Kit, click New: Content Paragraph.
Tip
You can also use the paragraph in the header and footer area by clicking Header or Footer.
- Click Text/Image.
- In the configuration window, click Apply. The newly created text/image paragraph appears on the left of the preview window.
text-image-paragraph.mdxConfiguring a text/image paragraph
- On the left side of the preview, in the menu bar of the text/image paragraph, click Text/Image. The configuration window opens on the right side.
- See the following tables to set options in the corresponding tabs. Click Apply to confirm your settings.
- SWYN
text-image-paragraph.mdxGeneral
Parameter | Description |
|---|---|
Content | |
Heading | Enter a heading for the paragraph. |
Text | Enter text using the Rich Text Editor. You can use additional formatting, for example insert breaks, create lists and tables and use other text decorations and colors. For formatting purposes, use the Rich Text Editor toolbar. |
Show in Desktop Version | Select to include this paragraph in the desktop mailing. |
Show in Mobile Version | Select to show the paragraph in the mobile version of the mailing. The Activate mobile version setting in the general settings must be activated for this option to take effect. |
Show in Text Version | Select to show the paragraph in the text version of the mailing. You might do this, for example, with an image bar paragraph, because images are not displayed in the text version. Alternative text is displayed there instead. |
Link | |
Text | This text is linked to the URL entered below. |
URL | Enter a target URL here, for example a landing page. |
Alignment | Alignment can be right, left or centered. |
text-image-paragraph.mdxImage
Parameter | Description |
|---|---|
Image | Upload an image from your computer or enter an image URL in the Alternative external URL field that points to the image file. |
Image Quality | Select Same as image quality in template settings to use the image quality specified under Settings > General. The Normal and High-resolution options allow you to set the image quality independently of the template settings.If High-resolution is selected, the uploaded image must be at least double the width of the image in the mailing. Example: For a 640 pixel wide image in the mailing you need an image with a width of 1280 pixels. This ensures that images do not lose sharpness during rendering of the mailing. |
Alternative Text | This text is displayed if a recipient blocks or disables the display of images in his/her email client, or if the image cannot be displayed for another reason. Enter a short image description or title. |
Link | You can link the image to a landing page or a page from your website. If you entered a text link in this paragraph, you should use the same link for the image. |
Subtitle | Enter an optional image subtitle here. |
Position | You can place the image in a separate column next to heading and text block, or in a separate column next to the text block and below the heading. These positions are recommended in most cases.If you use large images that cover the entire width of a paragraph or area, place them centered below the heading, text, or the link. If you select the Below the heading right aligned or Below the heading left aligned options, the text floats around the image. |
text-image-paragraph.mdxButton
See Click2Go.
You can enable the SWYN function for social networks individually for each paragraph. To allow sharing of these paragraphs in a social network, select the Show check box for the network in which you want them to appear.
Parameter | Description |
|---|---|
General | |
Alignment | Links (symbols and text) and the introduction text are right-aligned. |
Position | Links (symbols and text) and the introduction text are positioned at the bottom edge of the paragraph. |
Default values | |
Title | Displays up to 50 characters in the user's profile if the user shares the paragraph over a social network, as long as no other title is indicated for that network. |
Text | Displays up to 250 characters in the user's profile if the user shares the paragraph over a social network, as long as no other text is specified for that network. |
Image | Displays up to 100 x 100 pixels in the user's profile next to the text if the user shares the paragraph over a social network, as long as no other image is specified for that network. Larger images are scaled down to this size. |
| |
Show | Lets recipients share the paragraph via their Facebook profile. |
Title | Displays up to 50 characters if the recipient shares the paragraph on his or her Facebook profile. If you enter nothing here, the standard title is displayed. |
Text | Displays up to 250 characters if the recipient shares the paragraph on his or her Facebook profile. If you enter nothing here, the standard text is displayed. |
Image | Displays up to 100 x 100 pixels if the recipient shares the paragraph on his or her Facebook profile. If you enter nothing here, the standard image is displayed. Larger images are scaled down to this size. |
Redirect | Creates a landing page that displays the content of the linked paragraph. If you enable, the link redirects recipients to the URL specified in the General tab. |
| |
Show | Lets recipients share the paragraph via their Twitter account. |
Title | Displays up to 50 characters if the recipient shares the paragraph on his or her Twitter profile. If you enter nothing here, the standard title is displayed. |
Redirect | Creates a landing page that displays the content of the linked paragraph. If you enable, the link redirects recipients to the URL specified in the General tab. |
| |
Parameters for WhatsApp are identical to Twitter's. | |
| |
Show | Lets recipients share the paragraph via email. |
Title | Displays up to 50 characters as email subject if the recipient shares the paragraph via email. If you enter nothing here, the standard title is displayed. |
Text | Displays up to 250 characters if the recipient shares the paragraph via email. If you enter nothing here, the standard text is displayed. |
Redirect | Creates a landing page that displays the content of the linked paragraph. If you enable, the link redirects recipients to the URL specified in the General tab. |
| |
Parameters for Xing are identical to Twitter's. | |
text-image-paragraph.mdxOptions
You can define an individual layout, different from the general newsletter layout, for each content paragraph.
Parameter | Description |
|---|---|
Layout | |
Width | The maximum available width is used as standard. This is based on the internal spacing and also depends on whether you are using a sidebar and, if so, on the width of the sidebar. Enter a different value in pixels. If the maximum available width is smaller than this value, then the entered value is ignored. |
Height | By default, the paragraph is displayed over the available height, considering the content. Alternatively, you can specify a fixed height. If the content exceeds this height, the value is ignored, and the content is displayed at the default height. |
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. |
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. | | 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. | | Mobile | | | Width | Set the paragraph width (in percent; 100% default) for mobile view. To display paragraphs next to each another in mobile view, make sure that the widths of two consecutive paragraphs combine to 100%. Otherwise, the paragraphs are displayed on top of each another with the assigned widths. | | Table of Contents | | | Show in Table of Contents | Select to display the paragraph in the table of contents for the section. | | Alternative Table of Contents Entry | Enter a heading to be displayed for this section in the table of contents. If you enter nothing, the heading from the General tab is displayed. |
text-image-paragraph.mdxClick profiles
Parameter | Description |
|---|---|
Click Profiles | Clicks on any link in this paragraph are allocated to the selected click profiles. See Click profiles. |
text-image-paragraph.mdxTarget 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. |