diff --git a/static/email-templates/default-visual.json b/static/email-templates/default-visual.json index 6474bc11..616618fc 100644 --- a/static/email-templates/default-visual.json +++ b/static/email-templates/default-visual.json @@ -1,66 +1,129 @@ { - "root": { - "type": "EmailLayout", - "data": { - "backdropColor": "#F5F5F5", - "canvasColor": "#FFFFFF", - "textColor": "#262626", - "fontFamily": "MODERN_SANS", - "childrenIds": [ - "block-1744970939431", - "block-1744970976991", - "block-1744971036169", - "block-1744971054197" - ] - } - }, - "block-1744970939431": { - "type": "Heading", - "data": { - "props": { - "text": "Hello {{ .Subscriber.Name }}", - "level": "h3" - }, - "style": { - "padding": { "top": 16, "bottom": 16, "right": 24, "left": 24 } - } - } - }, - "block-1744970976991": { - "type": "Text", - "data": { - "style": { - "fontWeight": "normal", - "padding": { "top": 16, "bottom": 16, "right": 24, "left": 24 } - }, - "props": { - "markdown": true, - "text": "This is a test e-mail campaign. Your second name is {{ .Subscriber.LastName }} and this block of text is in Markdown.\n\nHere is a [tracked link](https://listmonk.app@TrackLink).\n\nUse the link icon in the editor toolbar or when writing raw HTML or Markdown, simply suffix @TrackLink to the end of a URL to turn it into a tracking link. Example:\n\n\n\nFor help, refer to the [documentation](https://listmonk.app/docs)." - } - } - }, - "block-1744971036169": { - "type": "Divider", - "data": { - "style": { - "padding": { "top": 16,"right": 0, "bottom": 16, "left": 0 } - }, - "props": { - "lineColor": "#CCCCCC" - } - } - }, - "block-1744971054197": { - "type": "Button", - "data": { - "style": { - "padding": { "top": 16, "bottom": 16, "right": 24, "left": 24 } - }, - "props": { - "buttonBackgroundColor": "#0055d4", - "text": "This is a button", - "url": "https://listmonk.app" - } - } + "root": { + "type": "EmailLayout", + "data": { + "backdropColor": "#F5F5F5", + "canvasColor": "#FFFFFF", + "textColor": "#262626", + "fontFamily": "MODERN_SANS", + "childrenIds": [ + "block-1744970939431", + "block-1744970976991", + "block-1744971036169", + "block-1744971054197", + "block-1764116602073" + ] } + }, + "block-1744970939431": { + "type": "Heading", + "data": { + "props": { + "text": "Hello {{ .Subscriber.Name }}", + "level": "h3" + }, + "style": { + "padding": { + "top": 16, + "bottom": 16, + "right": 24, + "left": 24 + } + } + } + }, + "block-1744970976991": { + "type": "Text", + "data": { + "style": { + "fontWeight": "normal", + "padding": { + "top": 16, + "bottom": 16, + "right": 24, + "left": 24 + } + }, + "props": { + "markdown": true, + "text": "This is a test e-mail campaign. Your second name is {{ .Subscriber.LastName }} and this block of text is in Markdown.\n\nHere is a [tracked link](https://listmonk.app@TrackLink).\n\nUse the link icon in the editor toolbar or when writing raw HTML or Markdown, simply suffix @TrackLink to the end of a URL to turn it into a tracking link. Example:\n\n\n\nFor help, refer to the [documentation](https://listmonk.app/docs)." + } + } + }, + "block-1744971036169": { + "type": "Divider", + "data": { + "style": { + "padding": { + "top": 16, + "bottom": 16, + "right": 0, + "left": 0 + } + }, + "props": { + "lineColor": "#CCCCCC" + } + } + }, + "block-1744971054197": { + "type": "Button", + "data": { + "style": { + "padding": { + "top": 16, + "bottom": 16, + "right": 24, + "left": 24 + } + }, + "props": { + "buttonBackgroundColor": "#0055d4", + "text": "This is a button", + "url": "https://listmonk.app" + } + } + }, + "block-1764115374178": { + "type": "Text", + "data": { + "style": { + "backgroundColor": "#F5F5F5", + "fontSize": 12, + "fontWeight": "normal", + "textAlign": "center", + "padding": { + "top": 16, + "bottom": 16, + "right": 24, + "left": 24 + } + }, + "props": { + "markdown": true, + "text": "{{ L.T \"email.unsub\" }}    {{ L.T \"email.viewInBrowser\" }}" + } + } + }, + "block-1764116602073": { + "type": "Text", + "data": { + "style": { + "backgroundColor": "#F5F5F5", + "fontSize": 12, + "fontWeight": "normal", + "textAlign": "center", + "padding": { + "top": 16, + "bottom": 16, + "right": 24, + "left": 24 + } + }, + "props": { + "markdown": true, + "text": "{{ L.T \"email.unsub\" }}    {{ L.T \"email.viewInBrowser\" }}\n{{ TrackView }}" + } + } + } } diff --git a/static/email-templates/default-visual.tpl b/static/email-templates/default-visual.tpl index a44e319a..9f923f80 100644 --- a/static/email-templates/default-visual.tpl +++ b/static/email-templates/default-visual.tpl @@ -1,37 +1,59 @@ - + - -
- - - - - - -
-

Hello {{ .Subscriber.Name }}

-
-

This is a test e-mail campaign. Your second name is {{ .Subscriber.LastName }} and this block of text is in Markdown.

-

Here is a tracked link.

-

Use the link icon in the editor toolbar or when writing raw HTML or Markdown, simply suffix @TrackLink to the end of a URL to turn it into a tracking link. Example:

-

-

For help, refer to the documentation.

-
-
-
-
- -
-
- + +
+ + + + + + +
+

+ Hello {{ .Subscriber.Name }} +

+
+

+ This is a test e-mail campaign. Your second name is {{ .Subscriber.LastName }} and this block of text is in Markdown. +

+

+ Here is a + tracked link. +

+

+ Use the link icon in the editor toolbar or when writing raw + HTML or Markdown, simply suffix @TrackLink to the end of a URL + to turn it into a tracking link. Example: +

+

+

+ For help, refer to the + documentation. +

+
+
+
+
+ +
+

+ {{ L.T "email.unsub" }} +      + {{ L.T "email.viewInBrowser" }} + {{ TrackView }} +

+
+
+
+