This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
en:e_mail_builder [2024/06/04 09:45] – [Edit a layout] bk | en:e_mail_builder [2025/02/25 12:28] (current) – bk | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== How to create an email with the email builder? ====== | + | ====== How do I create an email with the email builder? ====== |
- | The email builder is a template | + | The email builder is a template |
+ | The Email Builder offers a variety of options with regard to: | ||
+ | |||
+ | * Configuration: | ||
+ | * Elements: Header, editorial, table of contents, text/image elements, links, and social media link. | ||
+ | |||
+ | Newly built emails can be saved as reusable templates. | ||
===== Create message ==== | ===== Create message ==== | ||
- | If you create a new message, select the template “E-Mail | + | If you create a new message, select the template “Email Builder”. Now you can choose from an existing template, in which styles and articles are already integrated, or you may create an empty mailing. |
{{: | {{: | ||
- | By clicking //OK// you created a new message with the email builder! Now you can edit the design and the content of the template. Click on "Edit message" | + | By clicking //OK//, you created a new message with the email builder! Now you can edit the design and the content of the template. Click on "Edit message" |
Line 19: | Line 25: | ||
{{: | {{: | ||
- | * **Settings**: | + | * **Settings**: |
- | * **Inline CSS**: Option is selected by default. A CSS style sheet defined in the source code is transformed " | + | * **Inline CSS**: Option is selected by default. A CSS style sheet defined in the source code is transformed " |
* **Ignore storage errors**: Option is not selected by default. Before saving, errors in the source code, such as syntax errors, are shown. | * **Ignore storage errors**: Option is not selected by default. Before saving, errors in the source code, such as syntax errors, are shown. | ||
* **Used CSS inliner**: Choose CSS inliner to be used when the option " | * **Used CSS inliner**: Choose CSS inliner to be used when the option " | ||
Line 41: | Line 47: | ||
{{: | {{: | ||
- | * **Resolution**: | + | * **Resolution**: |
- | * **Hightlight | + | * **Highlight |
- | * **Show layout actions**: Show/hide actions for inserting, copying, moving, deleting layouts, | + | * **Show layout actions**: Show/hide actions for inserting, copying, moving, |
- | * **Edit title**: | + | * **Edit title**: |
- | * **Edit preheader**: | + | * **Edit preheader**: |
- | * **Edit CSS**: | + | * **Edit CSS**: |
Line 55: | Line 61: | ||
{{: | {{: | ||
- | With a click on the button //add layout// you can adjust design and contents to the template by selecting a category on the left side: | + | With a click on the button //add layout//, you can adjust |
{{: | {{: | ||
Line 65: | Line 71: | ||
==== Edit a layout ==== | ==== Edit a layout ==== | ||
- | In the Editor | + | In the editor, |
{{: | {{: | ||
- | You can also put a link behind a button. Enter the media browser via the three lines-button on the right to choose a pdf or picture file. | + | You can also put a link behind a button. Enter the media browser via the threeline |
{{: | {{: | ||
- | Using the image editor, you can insert, remove and link images in various ways. | + | Using the image editor, you can insert, remove, and link images in various ways. |
{{: | {{: | ||
- | | //Add link// | Link an image \\ | | + | | //Add link// | Link an image .\\ | |
- | | //Replace (Upload)// | Insert an image via drag & drop or upload from your computer \\ | | + | | //Replace (Upload)// | Insert an image via drag & drop or upload from your computer. \\ | |
- | | //Replace (Media-Browser)// | + | | //Replace (Media-Browser)// |
- | | //Replace (AI)// | Generate an image by entering a description \\ | | + | | //Replace (AI)// | Generate an image by entering a description. \\ | |
- | | //Remove image// | Remove an inserted image\\ | | + | | //Remove image// | Remove an inserted image.\\ | |
- | | //Add entry to table of contents// | Add or remove the image from the table of contents \\ | | + | | //Add entry to table of contents// | Add or remove the image from the table of contents. \\ | |
==== Footer ==== | ==== Footer ==== | ||
- | When it comes to the protection of data privacy the footer is the most important part of your email. Use a design template and then change all the data. | + | When it comes to the protection of data privacy, the footer is the most important part of your email. Use a design template and then change all the data. |
<WRAP round important 70%> | <WRAP round important 70%> | ||
Make sure that your company information as well as the link to unsubscribe are included in every newsletter! You must not send an email without the reader’s option to unsubscribe! | Make sure that your company information as well as the link to unsubscribe are included in every newsletter! You must not send an email without the reader’s option to unsubscribe! | ||
Line 95: | Line 101: | ||
==== Configuration ==== | ==== Configuration ==== | ||
- | When you chose a template you can change different aspects of the layouts’ designs. Click on „Edit CSS“. Here you can edit the basic design of your email. Open up the sliders to edit font colors, size and so on. Go to Artikel | + | When you chose a template you can change different aspects of the layouts’ designs. Click on „Edit CSS“. Here you can edit the basic design of your email. Open up the sliders to edit font colors, size, and so on. Go to article |
{{: | {{: | ||
<WRAP round important 70%> | <WRAP round important 70%> | ||
- | When your personal language setting is English the names of the CSS classes might still be in German and vice versa. This is because their names are hardcoded in the language the Master Template | + | When your personal language setting is English the names of the CSS classes might still be in German and vice versa. This is because their names are hardcoded in the language the master template |
</ | </ | ||
- | ==== Textversion | + | ==== Text version |
- | Mailings that were constructed by using the email builder, get delivered as multipart and contain an automatically created test version. Click on „Text“ next to the button „HTML“ to have a look at the text version. | + | Mailings that were constructed by using the email builder get delivered as multipart and contain an automatically created test version. Click on „Text“ next to the button „HTML“ to have a look at the text version. |
- | {{tag>e-mail_builder | + | {{tag>email_builder |