2919fa86af
Until now, every Unlayer-edited template stored as a single giant
"Custom HTML" block (~37 KB). The operator couldn't manipulate the
greeting, the CTA, or the expiry badge independently — they had to
edit raw HTML inside one block.
New scripts/build-native-template.js generates matched .json
(Unlayer design tree) + .html (compiled output) from a JS template
spec under scripts/templates-spec/. Each block becomes a separate
entry in the design tree with its own type:
- 9 text blocks : greeting, urgency, body, expiry, prorata,
Option 2 text, signature, contact, dark footer
- 2 image blocks : header logo, footer logo
- 1 button block : the CTA (🎁 {{amount}})
- 4 html blocks : view-in-browser, Option 1 chip, brand-logo
card, Option 2 chip (kept as raw HTML — too
custom for native equivalents)
gift-email-native-reminder-fr ships as the proof of concept:
- Compiled HTML: 30,867 bytes (vs 39,484 for the MJML-compiled
reminder-fr — saves 22%)
- JSON: 42,274 bytes (essentially same as before, but now broken into
16 individually-editable blocks instead of 1 monster Custom HTML)
What this unlocks in Unlayer:
- Click any text → font / color / size / padding / alignment in the
right panel
- Click the CTA → button-specific controls (corner radius, hover
color, padding)
- Drag-reorder blocks within the email
- Mobile preview reflects each block's responsive defaults
- Save a block to the personal library for reuse in other campaigns
Limitations on the 4 html blocks:
- Chips (Option 1 / Option 2) require raw HTML edit because the
rounded badge styling has no native equivalent
- Brand-logo strip needs precise inline img widths Unlayer can't set
Once the operator validates rendering across Gmail/Outlook/Apple
Mail, we'll port the rest: gift-email-fr/en + the existing reminder
templates can all migrate using the same build script.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
1276 lines
41 KiB
JSON
1276 lines
41 KiB
JSON
{
|
|
"counters": {
|
|
"u_row": 14,
|
|
"u_column": 14,
|
|
"u_content_text": 9,
|
|
"u_content_image": 2,
|
|
"u_content_button": 1,
|
|
"u_content_divider": 0,
|
|
"u_content_html": 4
|
|
},
|
|
"body": {
|
|
"id": "u_body",
|
|
"rows": [
|
|
{
|
|
"id": "u_row_1",
|
|
"cells": [
|
|
1
|
|
],
|
|
"columns": [
|
|
{
|
|
"id": "u_column_1",
|
|
"contents": [
|
|
{
|
|
"id": "u_content_html_1",
|
|
"type": "html",
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"containerPadding": "0",
|
|
"anchor": "",
|
|
"_meta": {
|
|
"htmlID": "u_content_html_1",
|
|
"htmlClassNames": "u_content_html"
|
|
},
|
|
"html": "{{#view_url}}<div style=\"text-align:center;padding:4px 0;\"><a href=\"{{view_url}}\" style=\"font-family:Plus Jakarta Sans,sans-serif;font-size:11px;color:#94a3b8;text-decoration:underline;\">Affichage incorrect ? Voir dans le navigateur</a></div>{{/view_url}}"
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"_meta": {
|
|
"htmlID": "u_column_1",
|
|
"htmlClassNames": "u_column"
|
|
},
|
|
"padding": "0px",
|
|
"border": {},
|
|
"borderRadius": "0px",
|
|
"backgroundColor": ""
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"columns": false,
|
|
"backgroundColor": "",
|
|
"columnsBackgroundColor": "",
|
|
"backgroundImage": {
|
|
"url": "",
|
|
"fullWidth": true,
|
|
"repeat": "no-repeat",
|
|
"size": "custom",
|
|
"position": "center"
|
|
},
|
|
"padding": "8px 0 0",
|
|
"anchor": "",
|
|
"borderRadius": "",
|
|
"_meta": {
|
|
"htmlID": "u_row_1",
|
|
"htmlClassNames": "u_row"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "u_row_2",
|
|
"cells": [
|
|
1
|
|
],
|
|
"columns": [
|
|
{
|
|
"id": "u_column_2",
|
|
"contents": [
|
|
{
|
|
"id": "u_content_image_1",
|
|
"type": "image",
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"containerPadding": "28px 36px 22px",
|
|
"anchor": "",
|
|
"src": {
|
|
"url": "https://xqy3m.mjt.lu/img2/xqy3m/eed4d18c-8065-4c5f-b47c-58af63171cd0/content",
|
|
"width": 140,
|
|
"height": "auto",
|
|
"autoWidth": false,
|
|
"maxWidth": "140px"
|
|
},
|
|
"textAlign": "center",
|
|
"altText": "TARGO",
|
|
"action": {
|
|
"name": "web",
|
|
"values": {
|
|
"href": "",
|
|
"target": "_blank"
|
|
}
|
|
},
|
|
"_meta": {
|
|
"htmlID": "u_content_image_1",
|
|
"htmlClassNames": "u_content_image"
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"_meta": {
|
|
"htmlID": "u_column_2",
|
|
"htmlClassNames": "u_column"
|
|
},
|
|
"padding": "0px",
|
|
"border": {},
|
|
"borderRadius": "0px",
|
|
"backgroundColor": ""
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"columns": false,
|
|
"backgroundColor": "#ffffff",
|
|
"columnsBackgroundColor": "",
|
|
"backgroundImage": {
|
|
"url": "",
|
|
"fullWidth": true,
|
|
"repeat": "no-repeat",
|
|
"size": "custom",
|
|
"position": "center"
|
|
},
|
|
"padding": "0px",
|
|
"anchor": "",
|
|
"borderRadius": "12px 12px 0 0",
|
|
"_meta": {
|
|
"htmlID": "u_row_2",
|
|
"htmlClassNames": "u_row"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "u_row_3",
|
|
"cells": [
|
|
1
|
|
],
|
|
"columns": [
|
|
{
|
|
"id": "u_column_3",
|
|
"contents": [
|
|
{
|
|
"id": "u_content_text_1",
|
|
"type": "text",
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"containerPadding": "20px 36px 8px",
|
|
"anchor": "",
|
|
"fontWeight": 400,
|
|
"fontSize": "16px",
|
|
"color": "#374151",
|
|
"textAlign": "left",
|
|
"lineHeight": "150%",
|
|
"linkStyle": {
|
|
"inherit": true
|
|
},
|
|
"_meta": {
|
|
"htmlID": "u_content_text_1",
|
|
"htmlClassNames": "u_content_text"
|
|
},
|
|
"text": "Petit rappel pour {{firstname}},"
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"_meta": {
|
|
"htmlID": "u_column_3",
|
|
"htmlClassNames": "u_column"
|
|
},
|
|
"padding": "0px",
|
|
"border": {},
|
|
"borderRadius": "0px",
|
|
"backgroundColor": ""
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"columns": false,
|
|
"backgroundColor": "#ffffff",
|
|
"columnsBackgroundColor": "",
|
|
"backgroundImage": {
|
|
"url": "",
|
|
"fullWidth": true,
|
|
"repeat": "no-repeat",
|
|
"size": "custom",
|
|
"position": "center"
|
|
},
|
|
"padding": "0px",
|
|
"anchor": "",
|
|
"borderRadius": "0",
|
|
"_meta": {
|
|
"htmlID": "u_row_3",
|
|
"htmlClassNames": "u_row"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "u_row_4",
|
|
"cells": [
|
|
1
|
|
],
|
|
"columns": [
|
|
{
|
|
"id": "u_column_4",
|
|
"contents": [
|
|
{
|
|
"id": "u_content_text_2",
|
|
"type": "text",
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"containerPadding": "4px 36px 14px",
|
|
"anchor": "",
|
|
"fontWeight": 600,
|
|
"fontSize": "17px",
|
|
"color": "#1B2E24",
|
|
"textAlign": "left",
|
|
"lineHeight": "150%",
|
|
"linkStyle": {
|
|
"inherit": true
|
|
},
|
|
"_meta": {
|
|
"htmlID": "u_content_text_2",
|
|
"htmlClassNames": "u_content_text"
|
|
},
|
|
"text": "🎁 Ton cadeau de {{amount}} reste disponible jusqu'au {{expires_at_date}}."
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"_meta": {
|
|
"htmlID": "u_column_4",
|
|
"htmlClassNames": "u_column"
|
|
},
|
|
"padding": "0px",
|
|
"border": {},
|
|
"borderRadius": "0px",
|
|
"backgroundColor": ""
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"columns": false,
|
|
"backgroundColor": "#ffffff",
|
|
"columnsBackgroundColor": "",
|
|
"backgroundImage": {
|
|
"url": "",
|
|
"fullWidth": true,
|
|
"repeat": "no-repeat",
|
|
"size": "custom",
|
|
"position": "center"
|
|
},
|
|
"padding": "0px",
|
|
"anchor": "",
|
|
"borderRadius": "0",
|
|
"_meta": {
|
|
"htmlID": "u_row_4",
|
|
"htmlClassNames": "u_row"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "u_row_5",
|
|
"cells": [
|
|
1
|
|
],
|
|
"columns": [
|
|
{
|
|
"id": "u_column_5",
|
|
"contents": [
|
|
{
|
|
"id": "u_content_text_3",
|
|
"type": "text",
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"containerPadding": "0 36px 18px",
|
|
"anchor": "",
|
|
"fontWeight": 400,
|
|
"fontSize": "16px",
|
|
"color": "#374151",
|
|
"textAlign": "justify",
|
|
"lineHeight": "150%",
|
|
"linkStyle": {
|
|
"inherit": true
|
|
},
|
|
"_meta": {
|
|
"htmlID": "u_content_text_3",
|
|
"htmlClassNames": "u_content_text"
|
|
},
|
|
"text": "On voulait juste s'assurer que tu ne l'as pas manqué. La carte-cadeau qu'on t'a envoyée pour te remercier peut s'utiliser chez des centaines de marques canadiennes, en quelques clics.<br/><br/>Si tu préfères ne pas l'utiliser, aucun souci, pas besoin de répondre à ce courriel."
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"_meta": {
|
|
"htmlID": "u_column_5",
|
|
"htmlClassNames": "u_column"
|
|
},
|
|
"padding": "0px",
|
|
"border": {},
|
|
"borderRadius": "0px",
|
|
"backgroundColor": ""
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"columns": false,
|
|
"backgroundColor": "#ffffff",
|
|
"columnsBackgroundColor": "",
|
|
"backgroundImage": {
|
|
"url": "",
|
|
"fullWidth": true,
|
|
"repeat": "no-repeat",
|
|
"size": "custom",
|
|
"position": "center"
|
|
},
|
|
"padding": "0px",
|
|
"anchor": "",
|
|
"borderRadius": "0",
|
|
"_meta": {
|
|
"htmlID": "u_row_5",
|
|
"htmlClassNames": "u_row"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "u_row_6",
|
|
"cells": [
|
|
1
|
|
],
|
|
"columns": [
|
|
{
|
|
"id": "u_column_6",
|
|
"contents": [
|
|
{
|
|
"id": "u_content_html_2",
|
|
"type": "html",
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"containerPadding": "8px 36px 4px",
|
|
"anchor": "",
|
|
"_meta": {
|
|
"htmlID": "u_content_html_2",
|
|
"htmlClassNames": "u_content_html"
|
|
},
|
|
"html": "<div style=\"font-family:Plus Jakarta Sans,sans-serif;font-size:16px;text-align:left;color:#1B2E24;\"><span style=\"display:inline-block;background:#E6F9EE;color:#00C853;font-size:13px;font-weight:700;padding:5px 12px;border-radius:6px;\">✅ Option 1</span></div>"
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"_meta": {
|
|
"htmlID": "u_column_6",
|
|
"htmlClassNames": "u_column"
|
|
},
|
|
"padding": "0px",
|
|
"border": {},
|
|
"borderRadius": "0px",
|
|
"backgroundColor": ""
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"columns": false,
|
|
"backgroundColor": "#ffffff",
|
|
"columnsBackgroundColor": "",
|
|
"backgroundImage": {
|
|
"url": "",
|
|
"fullWidth": true,
|
|
"repeat": "no-repeat",
|
|
"size": "custom",
|
|
"position": "center"
|
|
},
|
|
"padding": "0px",
|
|
"anchor": "",
|
|
"borderRadius": "0",
|
|
"_meta": {
|
|
"htmlID": "u_row_6",
|
|
"htmlClassNames": "u_row"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "u_row_7",
|
|
"cells": [
|
|
1
|
|
],
|
|
"columns": [
|
|
{
|
|
"id": "u_column_7",
|
|
"contents": [
|
|
{
|
|
"id": "u_content_html_3",
|
|
"type": "html",
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"containerPadding": "0 36px 22px",
|
|
"anchor": "",
|
|
"_meta": {
|
|
"htmlID": "u_content_html_3",
|
|
"htmlClassNames": "u_content_html"
|
|
},
|
|
"html": "<table role=\"presentation\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" style=\"border-collapse:separate;\">\n <tr><td style=\"background-color:#F5FAF7;border-radius:10px;padding:18px 22px;\">\n <div style=\"font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;color:#1B2E24;line-height:1.5;\">\n 🎁 {{amount}} chez des centaines de marques<br><br>\n <span style=\"display:inline-block;\">\n <img src=\"https://xqy3m.mjt.lu/img2/xqy3m/4b0b2a4a-5f99-416c-8873-8d3e4389b6f7/content\" width=\"32\" alt=\"Tim Hortons\" style=\"width:32px;max-width:32px;height:auto;display:inline-block;border:0;margin-right:6px;vertical-align:middle;\">\n <img src=\"https://xqy3m.mjt.lu/img2/xqy3m/14df433d-583c-4602-a403-d47ee84966a6/content\" width=\"32\" alt=\"Walmart\" style=\"width:32px;max-width:32px;height:auto;display:inline-block;border:0;margin-right:6px;vertical-align:middle;\">\n <img src=\"https://xqy3m.mjt.lu/img2/xqy3m/b8d3db5a-d39e-43ce-a84a-2f5dddbf0192/content\" width=\"32\" alt=\"Home Depot\" style=\"width:32px;max-width:32px;height:auto;display:inline-block;border:0;margin-right:6px;vertical-align:middle;\">\n <img src=\"https://xqy3m.mjt.lu/img2/xqy3m/9c9dfa18-2a3a-414a-b5ad-16d490c961b5/content\" width=\"32\" alt=\"IGA\" style=\"width:32px;max-width:32px;height:auto;display:inline-block;border:0;margin-right:6px;vertical-align:middle;\">\n <img src=\"https://xqy3m.mjt.lu/img2/xqy3m/a1e5f032-a192-4499-97ba-53b939712fa9/content\" width=\"32\" alt=\"Home Hardware\" style=\"width:32px;max-width:32px;height:auto;display:inline-block;border:0;margin-right:6px;vertical-align:middle;\">\n <span style=\"font-size:13px;color:#64748B;vertical-align:middle;font-weight:400;\">et plus</span>\n </span>\n </div>\n <div style=\"font-family:Plus Jakarta Sans,sans-serif;font-size:14px;color:#64748B;margin-top:8px;\">⚡ Disponible instantanément sur Giftbit en cliquant sur ton montant</div>\n <div style=\"font-family:Plus Jakarta Sans,sans-serif;font-size:14px;color:#64748B;\">🤝 Condition : Maintenir l'abonnement {{commitment_months}} mois ou +</div>\n </td></tr>\n</table>"
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"_meta": {
|
|
"htmlID": "u_column_7",
|
|
"htmlClassNames": "u_column"
|
|
},
|
|
"padding": "0px",
|
|
"border": {},
|
|
"borderRadius": "0px",
|
|
"backgroundColor": ""
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"columns": false,
|
|
"backgroundColor": "#ffffff",
|
|
"columnsBackgroundColor": "",
|
|
"backgroundImage": {
|
|
"url": "",
|
|
"fullWidth": true,
|
|
"repeat": "no-repeat",
|
|
"size": "custom",
|
|
"position": "center"
|
|
},
|
|
"padding": "0px",
|
|
"anchor": "",
|
|
"borderRadius": "0",
|
|
"_meta": {
|
|
"htmlID": "u_row_7",
|
|
"htmlClassNames": "u_row"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "u_row_8",
|
|
"cells": [
|
|
1
|
|
],
|
|
"columns": [
|
|
{
|
|
"id": "u_column_8",
|
|
"contents": [
|
|
{
|
|
"id": "u_content_button_1",
|
|
"type": "button",
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"containerPadding": "8px 36px",
|
|
"anchor": "",
|
|
"href": {
|
|
"name": "web",
|
|
"values": {
|
|
"href": "{{gift_url}}",
|
|
"target": "_blank"
|
|
}
|
|
},
|
|
"buttonColors": {
|
|
"color": "#FFFFFF",
|
|
"backgroundColor": "#00C853",
|
|
"hoverColor": "#FFFFFF",
|
|
"hoverBackgroundColor": "#005026"
|
|
},
|
|
"size": {
|
|
"autoWidth": false,
|
|
"width": "100%"
|
|
},
|
|
"fontSize": "32px",
|
|
"fontWeight": 700,
|
|
"textAlign": "center",
|
|
"lineHeight": "120%",
|
|
"padding": "30px 24px",
|
|
"border": {},
|
|
"borderRadius": "12px",
|
|
"_meta": {
|
|
"htmlID": "u_content_button_1",
|
|
"htmlClassNames": "u_content_button"
|
|
},
|
|
"text": "<span style=\"font-size: 32px; line-height: 120%; font-weight: 700;\">🎁 {{amount}}</span>"
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"_meta": {
|
|
"htmlID": "u_column_8",
|
|
"htmlClassNames": "u_column"
|
|
},
|
|
"padding": "0px",
|
|
"border": {},
|
|
"borderRadius": "0px",
|
|
"backgroundColor": ""
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"columns": false,
|
|
"backgroundColor": "#ffffff",
|
|
"columnsBackgroundColor": "",
|
|
"backgroundImage": {
|
|
"url": "",
|
|
"fullWidth": true,
|
|
"repeat": "no-repeat",
|
|
"size": "custom",
|
|
"position": "center"
|
|
},
|
|
"padding": "0px",
|
|
"anchor": "",
|
|
"borderRadius": "0",
|
|
"_meta": {
|
|
"htmlID": "u_row_8",
|
|
"htmlClassNames": "u_row"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "u_row_9",
|
|
"cells": [
|
|
1
|
|
],
|
|
"columns": [
|
|
{
|
|
"id": "u_column_9",
|
|
"contents": [
|
|
{
|
|
"id": "u_content_text_4",
|
|
"type": "text",
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"containerPadding": "0 36px 4px",
|
|
"anchor": "",
|
|
"fontWeight": 400,
|
|
"fontSize": "13px",
|
|
"color": "#64748B",
|
|
"textAlign": "center",
|
|
"lineHeight": "140%",
|
|
"linkStyle": {
|
|
"inherit": true
|
|
},
|
|
"_meta": {
|
|
"htmlID": "u_content_text_4",
|
|
"htmlClassNames": "u_content_text"
|
|
},
|
|
"text": "⏰ Cadeau valide jusqu'au <strong style=\"color:#1B2E24;\">{{expires_at_date}}</strong>"
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"_meta": {
|
|
"htmlID": "u_column_9",
|
|
"htmlClassNames": "u_column"
|
|
},
|
|
"padding": "0px",
|
|
"border": {},
|
|
"borderRadius": "0px",
|
|
"backgroundColor": ""
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"columns": false,
|
|
"backgroundColor": "#ffffff",
|
|
"columnsBackgroundColor": "",
|
|
"backgroundImage": {
|
|
"url": "",
|
|
"fullWidth": true,
|
|
"repeat": "no-repeat",
|
|
"size": "custom",
|
|
"position": "center"
|
|
},
|
|
"padding": "0px",
|
|
"anchor": "",
|
|
"borderRadius": "0",
|
|
"_meta": {
|
|
"htmlID": "u_row_9",
|
|
"htmlClassNames": "u_row"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "u_row_10",
|
|
"cells": [
|
|
1
|
|
],
|
|
"columns": [
|
|
{
|
|
"id": "u_column_10",
|
|
"contents": [
|
|
{
|
|
"id": "u_content_text_5",
|
|
"type": "text",
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"containerPadding": "10px 36px 22px",
|
|
"anchor": "",
|
|
"fontWeight": 400,
|
|
"fontSize": "14px",
|
|
"color": "#6b7280",
|
|
"textAlign": "left",
|
|
"lineHeight": "150%",
|
|
"linkStyle": {
|
|
"inherit": true
|
|
},
|
|
"_meta": {
|
|
"htmlID": "u_content_text_5",
|
|
"htmlClassNames": "u_content_text"
|
|
},
|
|
"text": "🪂 Annulation avant {{commitment_months}} mois : seulement à rembourser au prorata des mois restants."
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"_meta": {
|
|
"htmlID": "u_column_10",
|
|
"htmlClassNames": "u_column"
|
|
},
|
|
"padding": "0px",
|
|
"border": {},
|
|
"borderRadius": "0px",
|
|
"backgroundColor": ""
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"columns": false,
|
|
"backgroundColor": "#ffffff",
|
|
"columnsBackgroundColor": "",
|
|
"backgroundImage": {
|
|
"url": "",
|
|
"fullWidth": true,
|
|
"repeat": "no-repeat",
|
|
"size": "custom",
|
|
"position": "center"
|
|
},
|
|
"padding": "0px",
|
|
"anchor": "",
|
|
"borderRadius": "0",
|
|
"_meta": {
|
|
"htmlID": "u_row_10",
|
|
"htmlClassNames": "u_row"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "u_row_11",
|
|
"cells": [
|
|
1
|
|
],
|
|
"columns": [
|
|
{
|
|
"id": "u_column_11",
|
|
"contents": [
|
|
{
|
|
"id": "u_content_html_4",
|
|
"type": "html",
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"containerPadding": "8px 36px 4px",
|
|
"anchor": "",
|
|
"_meta": {
|
|
"htmlID": "u_content_html_4",
|
|
"htmlClassNames": "u_content_html"
|
|
},
|
|
"html": "<div style=\"font-family:Plus Jakarta Sans,sans-serif;font-size:16px;text-align:left;color:#1B2E24;\"><span style=\"display:inline-block;background:#F5FAF7;color:#6b7280;font-size:13px;font-weight:700;padding:5px 12px;border-radius:6px;\">⏭️ Option 2</span></div>"
|
|
}
|
|
},
|
|
{
|
|
"id": "u_content_text_6",
|
|
"type": "text",
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"containerPadding": "0 36px 22px",
|
|
"anchor": "",
|
|
"fontWeight": 400,
|
|
"fontSize": "15px",
|
|
"color": "#4b5563",
|
|
"textAlign": "left",
|
|
"lineHeight": "155%",
|
|
"linkStyle": {
|
|
"inherit": true
|
|
},
|
|
"_meta": {
|
|
"htmlID": "u_content_text_6",
|
|
"htmlClassNames": "u_content_text"
|
|
},
|
|
"text": "Ne rien faire. Aucun changement à ton abonnement actuel."
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"_meta": {
|
|
"htmlID": "u_column_11",
|
|
"htmlClassNames": "u_column"
|
|
},
|
|
"padding": "0px",
|
|
"border": {},
|
|
"borderRadius": "0px",
|
|
"backgroundColor": ""
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"columns": false,
|
|
"backgroundColor": "#ffffff",
|
|
"columnsBackgroundColor": "",
|
|
"backgroundImage": {
|
|
"url": "",
|
|
"fullWidth": true,
|
|
"repeat": "no-repeat",
|
|
"size": "custom",
|
|
"position": "center"
|
|
},
|
|
"padding": "0px",
|
|
"anchor": "",
|
|
"borderRadius": "0",
|
|
"_meta": {
|
|
"htmlID": "u_row_11",
|
|
"htmlClassNames": "u_row"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "u_row_12",
|
|
"cells": [
|
|
1
|
|
],
|
|
"columns": [
|
|
{
|
|
"id": "u_column_12",
|
|
"contents": [
|
|
{
|
|
"id": "u_content_text_7",
|
|
"type": "text",
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"containerPadding": "18px 36px 28px",
|
|
"anchor": "",
|
|
"fontWeight": 400,
|
|
"fontSize": "15px",
|
|
"color": "#1B2E24",
|
|
"textAlign": "left",
|
|
"lineHeight": "150%",
|
|
"linkStyle": {
|
|
"inherit": true
|
|
},
|
|
"_meta": {
|
|
"htmlID": "u_content_text_7",
|
|
"htmlClassNames": "u_content_text"
|
|
},
|
|
"text": "🤝 Merci de faire rouler l'économie de notre région avec nous !<br/><span style=\"color:#64748B;font-size:14px;\">L'équipe TARGO</span>"
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"_meta": {
|
|
"htmlID": "u_column_12",
|
|
"htmlClassNames": "u_column"
|
|
},
|
|
"padding": "0px",
|
|
"border": {},
|
|
"borderRadius": "0px",
|
|
"backgroundColor": ""
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"columns": false,
|
|
"backgroundColor": "#ffffff",
|
|
"columnsBackgroundColor": "",
|
|
"backgroundImage": {
|
|
"url": "",
|
|
"fullWidth": true,
|
|
"repeat": "no-repeat",
|
|
"size": "custom",
|
|
"position": "center"
|
|
},
|
|
"padding": "0px",
|
|
"anchor": "",
|
|
"borderRadius": "0 0 12px 12px",
|
|
"_meta": {
|
|
"htmlID": "u_row_12",
|
|
"htmlClassNames": "u_row"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "u_row_13",
|
|
"cells": [
|
|
1
|
|
],
|
|
"columns": [
|
|
{
|
|
"id": "u_column_13",
|
|
"contents": [
|
|
{
|
|
"id": "u_content_text_8",
|
|
"type": "text",
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"containerPadding": "18px 36px 8px",
|
|
"anchor": "",
|
|
"fontWeight": 400,
|
|
"fontSize": "12px",
|
|
"color": "#64748B",
|
|
"textAlign": "center",
|
|
"lineHeight": "155%",
|
|
"linkStyle": {
|
|
"inherit": true
|
|
},
|
|
"_meta": {
|
|
"htmlID": "u_content_text_8",
|
|
"htmlClassNames": "u_content_text"
|
|
},
|
|
"text": "Tu reçois ce courriel parce que tu es client(e) TARGO à <strong style=\"color:#1B2E24;\">{{description}}</strong>.<br/>Une question ? N'hésite pas à nous écrire à <a href=\"mailto:support@targo.ca\" style=\"color:#00C853;text-decoration:none;\">support@targo.ca</a> ou nous appeler au <a href=\"tel:5144480773\" style=\"color:#00C853;text-decoration:none;\">514-448-0773</a>."
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"_meta": {
|
|
"htmlID": "u_column_13",
|
|
"htmlClassNames": "u_column"
|
|
},
|
|
"padding": "0px",
|
|
"border": {},
|
|
"borderRadius": "0px",
|
|
"backgroundColor": ""
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"columns": false,
|
|
"backgroundColor": "",
|
|
"columnsBackgroundColor": "",
|
|
"backgroundImage": {
|
|
"url": "",
|
|
"fullWidth": true,
|
|
"repeat": "no-repeat",
|
|
"size": "custom",
|
|
"position": "center"
|
|
},
|
|
"padding": "0px",
|
|
"anchor": "",
|
|
"borderRadius": "",
|
|
"_meta": {
|
|
"htmlID": "u_row_13",
|
|
"htmlClassNames": "u_row"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "u_row_14",
|
|
"cells": [
|
|
1
|
|
],
|
|
"columns": [
|
|
{
|
|
"id": "u_column_14",
|
|
"contents": [
|
|
{
|
|
"id": "u_content_image_2",
|
|
"type": "image",
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"containerPadding": "26px 36px 0",
|
|
"anchor": "",
|
|
"src": {
|
|
"url": "https://xqy3m.mjt.lu/img2/xqy3m/eed4d18c-8065-4c5f-b47c-58af63171cd0/content",
|
|
"width": 120,
|
|
"height": "auto",
|
|
"autoWidth": false,
|
|
"maxWidth": "120px"
|
|
},
|
|
"textAlign": "center",
|
|
"altText": "TARGO",
|
|
"action": {
|
|
"name": "web",
|
|
"values": {
|
|
"href": "",
|
|
"target": "_blank"
|
|
}
|
|
},
|
|
"_meta": {
|
|
"htmlID": "u_content_image_2",
|
|
"htmlClassNames": "u_content_image"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "u_content_text_9",
|
|
"type": "text",
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"containerPadding": "12px 36px 22px",
|
|
"anchor": "",
|
|
"fontWeight": 400,
|
|
"fontSize": "11px",
|
|
"color": "rgba(255,255,255,0.55)",
|
|
"textAlign": "center",
|
|
"lineHeight": "155%",
|
|
"linkStyle": {
|
|
"inherit": true
|
|
},
|
|
"_meta": {
|
|
"htmlID": "u_content_text_9",
|
|
"htmlClassNames": "u_content_text"
|
|
},
|
|
"text": "<a href=\"https://www.targo.ca\" style=\"color:rgba(255,255,255,0.7);text-decoration:none;\">www.targo.ca</a> · 1867 ch. de la rivière, Ste-Clotilde, QC<br/>© {{year}} TARGO Communications · Tous droits réservés."
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"_meta": {
|
|
"htmlID": "u_column_14",
|
|
"htmlClassNames": "u_column"
|
|
},
|
|
"padding": "0px",
|
|
"border": {},
|
|
"borderRadius": "0px",
|
|
"backgroundColor": ""
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"selectable": true,
|
|
"draggable": true,
|
|
"duplicatable": true,
|
|
"deletable": true,
|
|
"hideable": true,
|
|
"hideDesktop": false,
|
|
"displayCondition": null,
|
|
"columns": false,
|
|
"backgroundColor": "#1C1E26",
|
|
"columnsBackgroundColor": "",
|
|
"backgroundImage": {
|
|
"url": "",
|
|
"fullWidth": true,
|
|
"repeat": "no-repeat",
|
|
"size": "custom",
|
|
"position": "center"
|
|
},
|
|
"padding": "0px",
|
|
"anchor": "",
|
|
"borderRadius": "12px",
|
|
"_meta": {
|
|
"htmlID": "u_row_14",
|
|
"htmlClassNames": "u_row"
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"values": {
|
|
"popupPosition": "center",
|
|
"popupWidth": "600px",
|
|
"popupHeight": "auto",
|
|
"borderRadius": "10px",
|
|
"contentAlign": "center",
|
|
"contentVerticalAlign": "center",
|
|
"contentWidth": "600px",
|
|
"fontFamily": {
|
|
"label": "Plus Jakarta Sans",
|
|
"value": "'Plus Jakarta Sans', sans-serif",
|
|
"url": "https://fonts.googleapis.com/css?family=Plus+Jakarta+Sans:400,500,600,700"
|
|
},
|
|
"textColor": "#1B2E24",
|
|
"popupBackgroundColor": "#FFFFFF",
|
|
"backgroundColor": "#F5FAF7",
|
|
"preheaderText": "Comme toi, on aime les connexions stables et les relations durables.",
|
|
"linkStyle": {
|
|
"body": true,
|
|
"linkColor": "#00C853",
|
|
"linkHoverColor": "#005026",
|
|
"linkUnderline": true,
|
|
"linkHoverUnderline": true
|
|
},
|
|
"_meta": {
|
|
"htmlID": "u_body",
|
|
"htmlClassNames": "u_body"
|
|
}
|
|
}
|
|
},
|
|
"schemaVersion": 16
|
|
} |