mirror of
https://github.com/knadh/listmonk.git
synced 2025-12-05 16:00:03 +01:00
Update default sample visual template with tracked link examples (#2788)
Co-authored-by: Kailash Nadh <kailash@nadh.in>
This commit is contained in:
candide ꘎ media
GitHub
@@ -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<a href=\"https://listmonk.app@TrackLink\"></a>\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<a href=\"https://listmonk.app@TrackLink\"></a>\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": "<a href=\"{{ UnsubscribeURL }}\" style=\"color: #888;\">{{ L.T \"email.unsub\" }}</a> <a href=\"{{ MessageURL }}\" style=\"color: #888;\">{{ L.T \"email.viewInBrowser\" }}</a>"
|
||||
}
|
||||
}
|
||||
},
|
||||
"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": "<a href=\"{{ UnsubscribeURL }}\" style=\"color: #888;\">{{ L.T \"email.unsub\" }}</a> <a href=\"{{ MessageURL }}\" style=\"color: #888;\">{{ L.T \"email.viewInBrowser\" }}</a>\n{{ TrackView }}"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,37 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html>
|
||||
<body>
|
||||
<div style="background-color:#F5F5F5;color:#262626;font-family:"Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;font-size:16px;font-weight:400;letter-spacing:0.15008px;line-height:1.5;margin:0;padding:32px 0;min-height:100%;width:100%">
|
||||
<table align="center" width="100%" style="margin:0 auto;max-width:600px;background-color:#FFFFFF" role="presentation" cellSpacing="0" cellPadding="0" border="0">
|
||||
<tbody>
|
||||
<tr style="width:100%">
|
||||
<td>
|
||||
<h3 style="font-weight:bold;margin:0;font-size:20px;padding:16px 24px 16px 24px">Hello {{ .Subscriber.Name }}</h3>
|
||||
<div style="font-weight:normal;padding:16px 24px 16px 24px">
|
||||
<p>This is a test e-mail campaign. Your second name is {{ .Subscriber.LastName }} and this block of text is in Markdown.</p>
|
||||
<p>Here is a <a href="https://listmonk.app@TrackLink" target="_blank">tracked link</a>.</p>
|
||||
<p>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:</p>
|
||||
<p><a href="https://listmonk.app@TrackLink"></a></p>
|
||||
<p>For help, refer to the <a href="https://listmonk.app/docs" target="_blank">documentation</a>.</p>
|
||||
</div>
|
||||
<div style="padding:16px 0px 16px 0px">
|
||||
<hr style="width:100%;border:none;border-top:1px solid #CCCCCC;margin:0"/>
|
||||
</div>
|
||||
<div style="padding:16px 24px 16px 24px">
|
||||
<a href="https://listmonk.app" style="color:#FFFFFF;font-size:16px;font-weight:bold;background-color:#0055d4;border-radius:4px;display:inline-block;padding:12px 20px;text-decoration:none" target="_blank">
|
||||
<span>
|
||||
<!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%;mso-text-raise:30" hidden> </i><![endif]-->
|
||||
</span>
|
||||
<span>This is a button</span>
|
||||
<span>
|
||||
<!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%" hidden> </i><![endif]-->
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
<body>
|
||||
<div
|
||||
style='background-color:#F5F5F5;color:#262626;font-family:"Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;font-size:16px;font-weight:400;letter-spacing:0.15008px;line-height:1.5;margin:0;padding:32px 0;min-height:100%;width:100%'
|
||||
>
|
||||
<table align="center" width="100%" style="margin:0 auto;max-width:600px;background-color:#FFFFFF" role="presentation" cellspacing="0" cellpadding="0" border="0">
|
||||
<tbody>
|
||||
<tr style="width:100%">
|
||||
<td>
|
||||
<h3 style="font-weight:bold;margin:0;font-size:20px;padding:16px 24px 16px 24px">
|
||||
Hello {{ .Subscriber.Name }}
|
||||
</h3>
|
||||
<div style="font-weight:normal;padding:16px 24px 16px 24px">
|
||||
<p>
|
||||
This is a test e-mail campaign. Your second name is {{ .Subscriber.LastName }} and this block of text is in Markdown.
|
||||
</p>
|
||||
<p>
|
||||
Here is a
|
||||
<a href="https://listmonk.app@TrackLink" target="_blank">tracked link</a>.
|
||||
</p>
|
||||
<p>
|
||||
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:
|
||||
</p>
|
||||
<p><a href="https://listmonk.app@TrackLink"></a></p>
|
||||
<p>
|
||||
For help, refer to the
|
||||
<a href="https://listmonk.app/docs" target="_blank">documentation</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div style="padding:16px 0px 16px 0px">
|
||||
<hr style="width:100%;border:none;border-top:1px solid #CCCCCC;margin:0"/>
|
||||
</div>
|
||||
<div style="padding:16px 24px 16px 24px">
|
||||
<a href="https://listmonk.app"
|
||||
style="color:#FFFFFF;font-size:16px;font-weight:bold;background-color:#0055d4;border-radius:4px;display:inline-block;padding:12px 20px;text-decoration:none"
|
||||
target="_blank">
|
||||
<span><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%;mso-text-raise:30" hidden> </i><![endif]--></span>
|
||||
<span>This is a button</span>
|
||||
<span><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%" hidden> </i><![endif]--></span>
|
||||
</a>
|
||||
</div>
|
||||
<div style="background-color:#F5F5F5;font-size:12px;font-weight:normal;text-align:center;padding:16px 24px 16px 24px">
|
||||
<p>
|
||||
<a href="{{ UnsubscribeURL }}" style="color: #888;">{{ L.T "email.unsub" }}</a>
|
||||
|
||||
<a href="{{ MessageURL }}"style="color: #888;">{{ L.T "email.viewInBrowser" }}</a>
|
||||
{{ TrackView }}
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user