Direct Custom Email Templates stripping html/styles

Product Support
1

Your software
My Mautic version is: 5.1.0
My PHP version is: 8.1
My Database type and version is: MySQL 8.0.37-0ubuntu0.22.04.3

Your problem
There appears to be some sort of issue with the CKEditor and using templates when directly sending an email to single contact.

When using a template based on a theme, the direct send editor strips/modifies a great deal of the original HTML

You can reproduce this by:

  1. Install Paprika theme
  2. save it as a template
  3. click “send email” on a contact page
  4. Select the template from the bottom dropdown menu
  5. send to contact
  6. Notice the rendered html/styling is incorrect

Is this expected behavior? Are there any workarounds.

See below for rendered HTML:

Bad HTML from direct send 

Having trouble reading this email? Click here. [http://url1266.PROD/ls/click?upn=3Du001.G7tTSxYg8F4qmBk-2Bhx8p5CjGXUCRq3QcjkH3EEZekr8D4o=
9nKaJjoq8GBTzWBrBRPuoemLd5D-2FaYrtjZUoJbfuPevU-2BAEKoH8d86ewBAk7erTWjh9EBWG=
Lomosx7ciHVLdXlBYnztNI-2F6ljWD2KOqycDy3g8wH1JO9mqnRCe7RqMD-2Bn2nBuiYdyi5pxZ=
8BahOIRM9WDwZ8A5RfupDP6qThst4Y7txE0exRSpEz48jld1a18avUiFmNiDBw9HRpWsLJMITTO=
JQ0NXha1BJGEKxw-3D-3DueLl_wQ3YkAnS0vdQyK1Rz0Q35BiBwNrNna-2FI1uM5w9lOJzTZlOk=
lFyv9jOAriM0uAznQOHUpA8hj2krMtGDTeYTdTBHIXY8mBYbMPj2PIDUIZpdrtLU3Vwno7-2Fu6=
kPYXvaC3YEKmiP-2B1nTvhPCGKZO2DzTUaTaxa2qGtiZU-2BHHBQ-2BzcSAFJErB2wHwcKTFeQ5=
8CgVXV5xAK8KYCD406lGo2gxUPek7im8y0lcRqLz7Crlxw-3D]

[http://url1266.PROD/ls/click?upn=3Du001.G7tTSxYg8F4qmBk-2Bhx=
8p5CjGXUCRq3QcjkH3EEZekr8D4o9nKaJjoq8GBTzWBrBRPuoemLd5D-2FaYrtjZUoJbfuPevU-=
2BAEKoH8d86ewBAk7erTWjh9EBWGLomosx7ciHVLdXlBYnztNI-2F6ljWD2KOqycDy3g8wH1JO9=
mqnRCe7RqMD-2Bn2nBuiYdyi5pxZ8BahOIRM9WDwZ8A5RfupDP6qThst4Y7txE0exRSpEz48jld=
1a18avUiFmNiDBw9HRpWsLJMITTOJQ0NXha1BJGEKxw-3D-3DdVCo_wQ3YkAnS0vdQyK1Rz0Q35=
BiBwNrNna-2FI1uM5w9lOJzTZlOklFyv9jOAriM0uAznQOHUpA8hj2krMtGDTeYTdTKU6MBi84n=
-2F3H1QRUHLpVqN8HqqkzKD1LHNo5ZlNTH2sez7NKww4QgJIsgiYO9SXnAMEyg1pXRTxscy49oj=
gP6tpZ2IwkIBIed8jK-2B2m1ja-2BKcFF43Qj2IGjfQSn585ffnzW74aS-2Bo9mVEoWCJPpgGk-=
3D]

YELLOW PEPPER

RED PEPPER

GREEN PEPPER

LOREM IPSUM DOLOR

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus. Donec quam
felis, ultricies nec, pellentesque eu, pretium quis, sem.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.
Aenean imperdiet. Etiam ultricies

=A0

Lorem impsum dolor

Lorem impsum dolor

Lorem impsum dolor

Lorem impsum dolor

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Lorem impsum dolor

Lorem impsum dolor

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Lorem impsum dolor

=A0

LOREM IPSUM DOLOR

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus. Donec quam
felis, ultricies nec, pellentesque eu, pretium quis, sem.

LEARN MORE=A0 [http://url1266.PROD/ls/click?upn=3Du001.G7tTSx=
Yg8F4qmBk-2Bhx8p5CjGXUCRq3QcjkH3EEZekr8D4o9nKaJjoq8GBTzWBrBRPuoemLd5D-2FaYr=
tjZUoJbfuPevU-2BAEKoH8d86ewBAk7erTWjh9EBWGLomosx7ciHVLdXlBYnztNI-2F6ljWD2KO=
qycDy3g8wH1JO9mqnRCe7RqMD-2Bn2nBuiYdyi5pxZ8BahOIRM9WDwZ8A5RfupDP6qThst4Y7tx=
E0exRSpEz48jld1a18avUiFmNiDBw9HRpWsLJMITTOJQ0NXha1BJGEKxw-3D-3DYlNz_wQ3YkAn=
S0vdQyK1Rz0Q35BiBwNrNna-2FI1uM5w9lOJzTZlOklFyv9jOAriM0uAznQOHUpA8hj2krMtGDT=
eYTdTBeK-2BZBnpNCQn1hU9fWu67pA66WO6GwsKQG04qOJ0GEsjwRCjf9iGOQsqFWoz-2Ba9RWj=
hI48wdJD6BUJQektH5LNjjiBTgy5JIPfSyIrKSUQ9AKuLRyvbu9ESbMZxhHU76yF0Lw7cmOtbK2=
yE0e1Oj8w-3D]

[http://url1266.PROD/ls/click?upn=3Du001.G7tTSxYg8F4qmBk-2Bhx=
8p5CjGXUCRq3QcjkH3EEZekr8D4o9nKaJjoq8GBTzWBrBRWUvMH-2BCSZxTIBb48h2-2B9CbEB4=
jk2ONW-2BeOen8im0O8fE-2FuhEeD3X0YFQ4-2BMkfLOEZnD5IUysZWYAgBeGenOpn8b59sVGXB=
vj3uYioa-2FoBxZ2nKGsUA-2BBd6LWOEnZjEH5TCN6KNZVUPMpS6xFu7mzfntAIqsuAdOZEkbUy=
QGwsTZfbXu86f-2FfmdUILo52EsMTZdsIwvRJ1viuQ-2Bu0LMJbhQ-3D-3DtJe6_wQ3YkAnS0vd=
QyK1Rz0Q35BiBwNrNna-2FI1uM5w9lOJzTZlOklFyv9jOAriM0uAznQOHUpA8hj2krMtGDTeYTd=
TD645abpPWW3f6DFoxLM4HcDR-2FN7GomVuPf6rTYmK7FeRmXKW5FQVrV8DVgQaDzUIIM0lYLrZ=
QzqmCC93UJPDohikvoV6hIpOGrA2nmscBm9UIuGksdx-2FFG66rvKObJxnziNL1SAqNG1uAhy5N=
HbbFg-3D]]]

[http://url1266.PROD/ls/click?upn=3Du001.G7tTSxYg8F4qmBk-2Bhx=
8p5CjGXUCRq3QcjkH3EEZekr8D4o9nKaJjoq8GBTzWBrBRrJA1Gjzl8j1bIC067unxYpN2k8B-2=
BWw5b-2FbaJq3JiZGXMvdTGLZF6LoLS-2FM0P-2BJLHHw-2BlNGkjd7MDUr5Q1vCsXie-2BlnEB=
7d9W9fi46CdExhihyQYUf36NnMq-2B00ynxTg97tJfJnMko8h-2FcQHFAp4af-2FN8GLbjcZ-2F=
C3YhyLxGiT5sSDaTGKxSF9Dg-2BjkI-2BIaasgD4zQEToqmdxxmGHY49VZw-3D-3DHtQ2_wQ3Yk=
AnS0vdQyK1Rz0Q35BiBwNrNna-2FI1uM5w9lOJzTZlOklFyv9jOAriM0uAznQOHUpA8hj2krMtG=
DTeYTdTDkZXQ19xiDqR50uL1nZgKnd9uTmYgLEQnhr2GqzWcmdNOCFQCzlFD54C9pfyrl80mbys=
ueCj6b2-2FP69q5jP00bwcqZIaLsxMtw2x6xE5lwiN-2FZFYkDdJ44eaWdBlCusx5VqGt5SWArM=
MonJIQbbOg0-3D]]]

[http://url1266.PROD/ls/click?upn=3Du001.G7tTSxYg8F4qmBk-2Bhx=
8p5CjGXUCRq3QcjkH3EEZekr8D4o9nKaJjoq8GBTzWBrBRUGXXkwWLWhIXLWUIO-2BRXE6a9eJo=
OluTd563t2vivPvX-2BWDG-2BkAdMRSwjA39LsFXyVCJm6PFDbzK1NcbdrtjhzfreET3hctDmw1=
NWbmi2sf8Xo25paTQYHSsF7zq6awWnSidngu5CKOwgstfNEBcjv1I0-2BB56J9KbUgYRB1nIR0x=
Jvj2heS-2BcQJdkNZKlV4xunEDuimMwuOEWJDhjiQrS7w-3D-3DiXzA_wQ3YkAnS0vdQyK1Rz0Q=
35BiBwNrNna-2FI1uM5w9lOJzTZlOklFyv9jOAriM0uAznQOHUpA8hj2krMtGDTeYTdTCZ0Ub6C=
L94y1yMDRWc-2B7F-2FGjUOdNPE6j5K9HA1Tmjybjt7ntAuC3tz-2BE2Gl1Vlq8LKwfWYS-2BvC=
8oR0sHpwnAJNreJt91x3PV8SvGy0TOE-2FzcwNf5CFLnYysjKjlTIB9kCPMSTNiSMK4yjzkBRcy=
yik-3D]]]

Spicy Company 11111 EU Planet Earth

Unsubscribe to no longer receive emails from us.
--o1rqhRn_
Content-Type: text/html; charset=us-ascii
Content-Transfer-Encoding: quoted-printable

<figure class=3D"table" style=3D"width:100%;"><table><tbody><tr><td style=
=3D"padding:20 0 20px;text-align:center;"><figure class=3D"table"><table><t=
body><tr><td style=3D"padding:0 25px 0px;"><span style=3D"font-size:11px;">=
Email 6/27/2024, 11:44:23 AM</span></td></tr></tbody></table></figure><figu=
re class=3D"table"><table><tbody><tr><td style=3D"padding:0 25px 0px;text-a=
lign:right;"><a style=3D"color:inherit;text-decoration:none;" href=3D"http:=
//url1266.PROD/ls/click?upn=3Du001.G7tTSxYg8F4qmBk-2Bhx8p5CjG=
XUCRq3QcjkH3EEZekr8D4o9nKaJjoq8GBTzWBrBRPuoemLd5D-2FaYrtjZUoJbfuPevU-2BAEKo=
H8d86ewBAk7erTWjh9EBWGLomosx7ciHVLdXlBYnztNI-2F6ljWD2KOqycDy3g8wH1JO9mqnRCe=
7RqMD-2Bn2nBuiYdyi5pxZ8BahOIRM9WDwZ8A5RfupDP6qThst4Y7txE0exRSpEz48jld1a18av=
UiFmNiDBw9HRpWsLJMITTOJQ0NXha1BJGEKxw-3D-3DHjKp_wQ3YkAnS0vdQyK1Rz0Q35BiBwNr=
Nna-2FI1uM5w9lOJzTZlOklFyv9jOAriM0uAznQ77V4sIQZwEY9uRdJB03Hy2Nt71-2BBXYtUV3=
XcsfLmUdXNlpUchRvAC-2BUUJuZb-2F8IbPLqetRJ8Wc5FU55FyTBzyrYW9uwK1kOTxY299RDKv=
uX6kkhaTz3NfDOlz7gWevT41ENmPnc6nqQEWxzEirHufXoGdzoQ27QaaWnsIyGshhM-3D"><spa=
n style=3D"font-size:11px;"><a href=3D"http://url1266.PROD/ls=
/click?upn=3Du001.G7tTSxYg8F4qmBk-2Bhx8p5CjGXUCRq3QcjkH3EEZekr-2B7kbLnDpqhJ=
wamnriKBLyfxd29i7vUaCK1A6pnGBhd33yJ9OCkLJWIw0MkTaRxxTU-3DBZ1-_wQ3YkAnS0vdQy=
K1Rz0Q35BiBwNrNna-2FI1uM5w9lOJzTZlOklFyv9jOAriM0uAznQ77V4sIQZwEY9uRdJB03Hy9=
wh6W9ZeKiarb9-2FdpwDAWgpZMsnL5RHCFLn9DsZfKwJJOzZTbdxk6WoWWOwS633vAoCHgLXuPc=
sOZyMgw-2Bg-2Bss8sGJjcKyV3oPTT9V2m2K6ay-2BwGN7SnVkemwt6km8jsRHhPUp2YKYpdMwB=
vIjZJzs-3D">Having trouble reading this email? Click here.</a></span></a></=
td></tr></tbody></table></figure></td></tr></tbody></table></figure><figure=
 class=3D"table" style=3D"width:100%;"><table style=3D"background-color:#ff=
ffff;"><tbody><tr><td style=3D"padding:20 0 20px;text-align:center;"><figur=
e class=3D"table"><table><tbody><tr><td style=3D"padding:0 0px 0px;text-ali=
gn:center;"><figure class=3D"table"><table><tbody><tr><td style=3D"width:40=
0px;"><figure class=3D"image image_resized" style=3D"height:auto;width:100%=
;"><a href=3D"http://url1266.PROD/ls/click?upn=3Du001.G7tTSxY=
g8F4qmBk-2Bhx8p5CjGXUCRq3QcjkH3EEZekr8D4o9nKaJjoq8GBTzWBrBRPuoemLd5D-2FaYrt=
jZUoJbfuPevU-2BAEKoH8d86ewBAk7erTWjh9EBWGLomosx7ciHVLdXlBYnztNI-2F6ljWD2KOq=
ycDy3g8wH1JO9mqnRCe7RqMD-2Bn2nBuiYdyi5pxZ8BahOIRM9WDwZ8A5RfupDP6qThst4Y7txE=
0exRSpEz48jld1a18avUiFmNiDBw9HRpWsLJMITTOJQ0NXha1BJGEKxw-3D-3Dy9bA_wQ3YkAnS=
0vdQyK1Rz0Q35BiBwNrNna-2FI1uM5w9lOJzTZlOklFyv9jOAriM0uAznQ77V4sIQZwEY9uRdJB=
03Hy53GLT81EkpXkj-2FIFT4dnqlhNAq7LpSdarBh0-2FwFTBQw0vvMYRS9HBQADSyWUd2D4tUT=
aHoud9t9MriNUu9pvl669G3eO-2BulTHumImNAXq0el26D2T5vTj2TzSrRyzBnyav9JmD4YiQkN=
rnGTyiuEK8-3D"><img style=3D"aspect-ratio:400/auto;" src=3D"https://marketi=
ng.PROD/themes/paprika/assets/logo.jpg?v6f4dd9b3" alt=3D"Papr=
ika logo" width=3D"400" height=3D"auto"></a></figure></td></tr></tbody></ta=
ble></figure></td></tr></tbody></table></figure><figure class=3D"table"><ta=
ble><tbody><tr><td style=3D"padding:10 25px 10px;text-align:center;"><stron=
g>YELLOW PEPPER</strong></td></tr></tbody></table></figure><figure class=3D=
"table"><table><tbody><tr><td style=3D"padding:10 25px 10px;text-align:cent=
er;"><strong>RED PEPPER</strong></td></tr></tbody></table></figure><figure =
class=3D"table"><table><tbody><tr><td style=3D"padding:10 25px 10px;text-al=
ign:center;"><strong>GREEN PEPPER</strong></td></tr></tbody></table></figur=
e></td></tr></tbody></table></figure><figure class=3D"table" style=3D"width=
:100%;"><table style=3D"background-color:#ffffff;"><tbody><tr><td style=3D"=
padding:10 0 20px;text-align:center;"><figure class=3D"table"><table><tbody=
><tr><td style=3D"padding:0 0px 0px;text-align:center;"><figure class=3D"ta=
ble"><table><tbody><tr><td style=3D"width:600px;"><figure class=3D"image im=
age_resized" style=3D"height:auto;width:100%;"><img style=3D"aspect-ratio:6=
00/auto;" src=3D"https://marketing.PROD/themes/paprika/assets=
/amazing_paprika.jpg?v6f4dd9b3" alt=3D"Amazing Paprikas" width=3D"600" heig=
ht=3D"auto"></figure></td></tr></tbody></table></figure></td></tr><tr><td s=
tyle=3D"padding:20 25px 0px;"><p><span style=3D"color:green;font-size:24px;=
"><strong>LOREM IPSUM DOLOR</strong></span></p><p><span style=3D"color:gree=
n;font-size:16px;"><span style=3D"line-height:1.5;">Lorem ipsum dolor sit a=
met, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean=
 massa. Cum sociis natoque penatibus et magnis dis parturient montes, nasce=
tur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretiu=
m quis, sem.</span></span><br><br><span style=3D"color:green;font-size:16px=
;"><span style=3D"line-height:1.5;">Phasellus viverra nulla ut metus varius=
 laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies</span></span></=
p></td></tr></tbody></table></figure><figure class=3D"table" style=3D"width=
:100%;"><table><tbody><tr><td style=3D"padding:20px 0;text-align:center;"><=
figure class=3D"table"><table><tbody><tr><td style=3D"padding:10px 25px;tex=
t-align:center;"><p style=3D"margin-left:auto;">&nbsp;</p></td></tr></tbody=
></table></figure></td></tr></tbody></table></figure><figure class=3D"table=
" style=3D"width:100%;"><table><tbody><tr><td style=3D"padding:20px 0;text-=
align:center;"><figure class=3D"table"><table><tbody><tr><td style=3D"paddi=
ng:0 0px 0px;text-align:center;"><figure class=3D"table"><table><tbody><tr>=
<td style=3D"width:180px;"><figure class=3D"image image_resized" style=3D"h=
eight:auto;width:100%;"><img style=3D"aspect-ratio:180/auto;" src=3D"https:=
//marketing.PROD/themes/paprika/assets/p_red.png?v6f4dd9b3" a=
lt=3D"Red Pepper" width=3D"180" height=3D"auto"></figure></td></tr></tbody>=
</table></figure></td></tr><tr><td style=3D"padding:10 25px 10px;text-align=
:center;"><strong>Lorem impsum dolor</strong></td></tr></tbody></table></fi=
gure><figure class=3D"table"><table><tbody><tr><td style=3D"padding:0 0px 0=
px;text-align:center;"><figure class=3D"table"><table><tbody><tr><td style=
=3D"width:180px;"><figure class=3D"image image_resized" style=3D"height:aut=
o;width:100%;"><img style=3D"aspect-ratio:180/auto;" src=3D"https://marketi=
ng.PROD/themes/paprika/assets/p_yellow.png?v6f4dd9b3" alt=3D"=
Yellow Pepper" width=3D"180" height=3D"auto"></figure></td></tr></tbody></t=
able></figure></td></tr><tr><td style=3D"padding:10 25px 10px;text-align:ce=
nter;"><strong>Lorem impsum dolor</strong></td></tr></tbody></table></figur=
e><figure class=3D"table"><table><tbody><tr><td style=3D"padding:0 0px 0px;=
text-align:center;"><figure class=3D"table"><table><tbody><tr><td style=3D"=
width:180px;"><figure class=3D"image image_resized" style=3D"height:auto;wi=
dth:100%;"><img style=3D"aspect-ratio:180/auto;" src=3D"
/themes/paprika/assets/p_green.png?v6f4dd9b3" alt=3D"Green=
 Pepper" width=3D"180" height=3D"auto"></figure></td></tr></tbody></table><=
/figure></td></tr><tr><td style=3D"padding:10 25px 10px;text-align:center;"=
><strong>Lorem impsum dolor</strong></td></tr></tbody></table></figure></td=
></tr></tbody></table></figure><figure class=3D"table" style=3D"width:100%;=
"><table><tbody><tr><td style=3D"padding:20px 0;text-align:center;"><figure=
 class=3D"table"><table><tbody><tr><td style=3D"padding:0 0px 0px;text-alig=
n:center;"><figure class=3D"table"><table><tbody><tr><td style=3D"width:290=
px;"><figure class=3D"image image_resized" style=3D"height:auto;width:100%;=
"><img style=3D"aspect-ratio:290/auto;" src=3D"https://PROD/themes/paprika/assets/paprikas.jpg?v6f4dd9b3" alt=3D"Paprikas" wid=
th=3D"290" height=3D"auto"></figure></td></tr></tbody></table></figure></td=
></tr></tbody></table></figure><figure class=3D"table"><table><tbody><tr><t=
d style=3D"padding:10 25px 10px;text-align:center;"><strong>Lorem impsum do=
lor</strong></td></tr><tr><td style=3D"padding:10 25px 10px;text-align:cent=
er;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</td></tr><tr=
><td style=3D"padding:10 25px 10px;text-align:center;"><a href=3D"#">Lorem =
impsum dolor</a></td></tr></tbody></table></figure></td></tr></tbody></tabl=
e></figure><figure class=3D"table" style=3D"width:100%;"><table><tbody><tr>=
<td style=3D"padding:20px 0;text-align:center;"><figure class=3D"table"><ta=
ble><tbody><tr><td style=3D"padding:10 25px 10px;text-align:center;"><stron=
g>Lorem impsum dolor</strong></td></tr><tr><td style=3D"padding:10 25px 10p=
x;text-align:center;">Lorem ipsum dolor sit amet, consectetuer adipiscing e=
lit.</td></tr><tr><td style=3D"padding:10 25px 10px;text-align:center;"><a =
href=3D"#">Lorem impsum dolor</a></td></tr></tbody></table></figure><figure=
 class=3D"table"><table><tbody><tr><td style=3D"padding:0 0px 0px;text-alig=
n:center;"><figure class=3D"table"><table><tbody><tr><td style=3D"width:290=
px;"><figure class=3D"image image_resized" style=3D"height:auto;width:100%;=
"><img style=3D"aspect-ratio:290/auto;" src=3D"https://PROD/themes/paprika/assets/paprikas.jpg?v6f4dd9b3" alt=3D"More Paprikas=
" width=3D"290" height=3D"auto"></figure></td></tr></tbody></table></figure=
></td></tr></tbody></table></figure></td></tr></tbody></table></figure><fig=
ure class=3D"table" style=3D"width:100%;"><table><tbody><tr><td style=3D"pa=
dding:20px 0;text-align:center;"><figure class=3D"table"><table><tbody><tr>=
<td style=3D"padding:10px 25px;text-align:center;"><p style=3D"margin-left:=
auto;">&nbsp;</p></td></tr></tbody></table></figure></td></tr></tbody></tab=
le></figure><figure class=3D"table" style=3D"width:100%;"><table style=3D"b=
ackground-color:#ffffff;"><tbody><tr><td style=3D"padding:10 0 20px;text-al=
ign:center;"><figure class=3D"table"><table><tbody><tr><td style=3D"padding=
:20 25px 0px;"><p><span style=3D"color:green;font-size:24px;"><strong>LOREM=
 IPSUM DOLOR</strong></span></p><p><span style=3D"color:green;font-size:16p=
x;"><span style=3D"line-height:1.5;">Lorem ipsum dolor sit amet, consectetu=
er adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum soc=
iis natoque penatibus et magnis dis parturient montes, nascetur ridiculus m=
us. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</s=
pan></span></p></td></tr><tr><td style=3D"padding:10 30px 15px;text-align:c=
enter;"><figure class=3D"table"><table><tbody><tr><td style=3D"background-c=
olor:green;text-align:center;"><a style=3D"background-color:green;border-ra=
dius:3px;color:#FFFFFF;display:inline-block;font-family:Ubuntu, Helvetica, =
Arial, sans-serif, Helvetica, Arial, sans-serif;font-size:13px;font-weight:=
normal;line-height:120%;margin:0;mso-padding-alt:0px;padding:10px 25px;text=
-decoration:none;text-transform:none;" href=3D"http://url1266.PROD/ls/click?upn=3Du001.G7tTSxYg8F4qmBk-2Bhx8p5CjGXUCRq3QcjkH3EEZekr8D4o9=
nKaJjoq8GBTzWBrBRPuoemLd5D-2FaYrtjZUoJbfuPevU-2BAEKoH8d86ewBAk7erTWjh9EBWGL=
omosx7ciHVLdXlBYnztNI-2F6ljWD2KOqycDy3g8wH1JO9mqnRCe7RqMD-2Bn2nBuiYdyi5pxZ8=
BahOIRM9WDwZ8A5RfupDP6qThst4Y7txE0exRSpEz48jld1a18avUiFmNiDBw9HRpWsLJMITTOJ=
Q0NXha1BJGEKxw-3D-3D3VIK_wQ3YkAnS0vdQyK1Rz0Q35BiBwNrNna-2FI1uM5w9lOJzTZlOkl=
Fyv9jOAriM0uAznQ77V4sIQZwEY9uRdJB03HywnEH47IF8oCU5CoLCgUa2PfXrBSbzKvVlQzCI-=
2B56wt4IN6glnSp0epBk3oJSFQ0lhxhnrqJChSDprNZpLiRr7vuCqjvV0hiCvupScXf4JKPpJJY=
6EnZ2Sdubk9vq8-2Ff21PxYgEoE188KAys-2BdmTT0U-3D" target=3D"_blank">LEARN MOR=
E&nbsp;</a></td></tr></tbody></table></figure></td></tr></tbody></table></f=
igure></td></tr></tbody></table></figure><figure class=3D"table" style=3D"w=
idth:100%;"><table style=3D"background-color:#ffffff;"><tbody><tr><td style=
=3D"padding:10 0 20px;text-align:center;"><figure class=3D"table"><table><t=
body><tr><td style=3D"padding:0 0px 0px;text-align:center;"><figure class=
=3D"table"><table><tbody><tr><td style=3D"width:600px;"><figure class=3D"im=
age image_resized" style=3D"height:auto;width:100%;"><img style=3D"aspect-r=
atio:600/auto;" src=3D"https://marketing.PROD/themes/paprika/=
assets/green_paprikas.png?v6f4dd9b3" alt=3D"More Green Paprikas" width=3D"6=
00" height=3D"auto"></figure></td></tr></tbody></table></figure></td></tr><=
tr><td style=3D"padding:0 0 0px;"><figure class=3D"table" style=3D"width:10=
0%;"><table style=3D"background-color:#ffffff;"><tbody><tr><td style=3D"pad=
ding:0 0 0px;text-align:center;"><figure class=3D"table"><table><tbody><tr>=
<td style=3D"padding:20px 25px 10px;text-align:center;"><figure class=3D"ta=
ble"><table><tbody><tr><td style=3D"padding:4px;"><figure class=3D"table" s=
tyle=3D"width:20px;"><table style=3D"background-color:#3b5998;"><tbody><tr>=
<td style=3D"height:20px;width:20px;"><figure class=3D"image"><a href=3D"ht=
tp://url1266.PROD/ls/click?upn=3Du001.G7tTSxYg8F4qmBk-2Bhx8p5=
CjGXUCRq3QcjkH3EEZekr8D4o9nKaJjoq8GBTzWBrBRkZp1yIcqzN5aeQnmb9JsdNYHMwjjud14=
BYgWhnsf6eVJP6bA2TAatUurlhXV-2Bp2g7gb4EUUJ4jlviR4glxVXXaKd9pO205hGEi9HfjDAM=
lnwzMp9A-2FGrD3NevSc6XG-2FuKSSfEV5aQB0IJdDRzgxbIXfNqnWYGzyLQV6zl7dqoMC1bIgz=
DNreqpvv-2F0Q82PeMsXXpjCC6LNVfdvBjT3oGEA-3D-3Db-sl_wQ3YkAnS0vdQyK1Rz0Q35BiB=
wNrNna-2FI1uM5w9lOJzTZlOklFyv9jOAriM0uAznQ77V4sIQZwEY9uRdJB03Hy1X46C785sx9A=
OEjkqyp03-2BKqppUZHuj49-2FKflHCNWm5BC4BNaDxFlBgU3Xd7KePvIXNlmo6D7KVNbpkhRnJ=
KnBkaCLcJMp9-2BjO7eTsnovba-2BTNJ9F760sPSt-2FI3k0QYAeV-2BS-2Bb-2B929zEoWIx-2=
FnhfP0-3D"><img style=3D"aspect-ratio:20/20;" src=3D"https://www.mailjet.co=
m/images/theme/v1/icons/ico-social/facebook.png" alt=3D"" width=3D"20" heig=
ht=3D"20"></a></figure></td></tr></tbody></table></figure></td></tr></tbody=
></table></figure><figure class=3D"table"><table><tbody><tr><td style=3D"pa=
dding:4px;"><figure class=3D"table" style=3D"width:20px;"><table style=3D"b=
ackground-color:#55acee;"><tbody><tr><td style=3D"height:20px;width:20px;">=
<figure class=3D"image"><a href=3D"http://url1266.PROD/ls/cli=
ck?upn=3Du001.G7tTSxYg8F4qmBk-2Bhx8p5CjGXUCRq3QcjkH3EEZekr8D4o9nKaJjoq8GBTz=
WBrBROlFl2UBkTFWTqWy89Xpn73emeUfs5sC8RnDotVhnW8tLFPuf8rU-2Bb3oozXyOIfUxtDcz=
ptXfMLFM6UOcMveDy-2BR0c517988qlybGosehWDqn7EiiW-2BKiVrLCsTMl4LI5IMd9zmdSySo=
YFrJbTXm4B3CA9FPcSKg1U7sm3M1hq9RYXHxC820qIwSrU93GWmjyCqliCp4DZWpHsz2otsX1og=
-3D-3DqAru_wQ3YkAnS0vdQyK1Rz0Q35BiBwNrNna-2FI1uM5w9lOJzTZlOklFyv9jOAriM0uAz=
nQ77V4sIQZwEY9uRdJB03Hyyl5icuCSuwE0IgYZBnri8gzmKxpz7YbRLVqPPzfDbrngkOVwa7sP=
so9-2FOBjjiE6FRW0Bld6OZFm3TZNTnPPXD7-2FOfhzfmaVkMF5f0J5KTtlqEd83o-2Bo-2FHjx=
-2BqAIPha-2BMsAcX709spA6FGbaAopfNYg-3D"><img style=3D"aspect-ratio:20/20;" =
src=3D"https://www.mailjet.com/images/theme/v1/icons/ico-social/twitter.png=
" alt=3D"" width=3D"20" height=3D"20"></a></figure></td></tr></tbody></tabl=
e></figure></td></tr></tbody></table></figure><figure class=3D"table"><tabl=
e><tbody><tr><td style=3D"padding:4px;"><figure class=3D"table" style=3D"wi=
dth:20px;"><table style=3D"background-color:#dc4e41;"><tbody><tr><td style=
=3D"height:20px;width:20px;"><figure class=3D"image"><a href=3D"http://url1=
266.PROD/ls/click?upn=3Du001.G7tTSxYg8F4qmBk-2Bhx8p5CjGXUCRq3=
QcjkH3EEZekr8D4o9nKaJjoq8GBTzWBrBRyEkrkAPPwqTCtbDzb6OnnGOVdkgAjnHjfciZ9sKlm=
-2FOFr84-2F2oolYix2FqJ2aea6TZMxpPTZaDc5XYJ3iz-2Bl6llRjzMTCXMNr97P9tRWI73VH8=
o3pg0oFRAD4gn2cuA57W4cghi4EuRAxiYmB6DRjxI1QSiwaT2M0t-2B5UTmQoHfLihFg1KRCKTI=
lwEts0By98Fnh5vUROcjgpdha4kQjfQ-3D-3DHYXb_wQ3YkAnS0vdQyK1Rz0Q35BiBwNrNna-2F=
I1uM5w9lOJzTZlOklFyv9jOAriM0uAznQ77V4sIQZwEY9uRdJB03Hy1o4o63uXoR4LOem0D4cK3=
TDiRRgnvVtaWLCENLcwa0OTTkGXDBGLWv00GmW-2F0s5L3KGaXblyMQxLWHCSIbDgOGjJZEmyvc=
HrEYGRKKyEH8I8y-2FkPJ5TAcIUrCbM5DylOW6icjH2D5I50k2YA0w1H10-3D"><img style=
=3D"aspect-ratio:20/20;" src=3D"https://www.mailjet.com/images/theme/v1/ico=
ns/ico-social/google-plus.png" alt=3D"" width=3D"20" height=3D"20"></a></fi=
gure></td></tr></tbody></table></figure></td></tr></tbody></table></figure>=
</td></tr></tbody></table></figure></td></tr></tbody></table></figure></td>=
</tr><tr><td style=3D"padding:20 0 20px;"><figure class=3D"table" style=3D"=
width:100%;"><table><tbody><tr><td style=3D"padding:20 0 20px;text-align:ce=
nter;"><figure class=3D"table"><table><tbody><tr><td style=3D"padding:0 25p=
x 0px;text-align:center;">Spicy Company 11111 EU Planet Earth</td></tr><tr>=
<td style=3D"padding:0 25px 0px;text-align:center;"><a href=3D"http://url12=
66.PROD/ls/click?upn=3Du001.G7tTSxYg8F4qmBk-2Bhx8p5CjGXUCRq3Q=
cjkH3EEZekr-2B7kbLnDpqhJwamnriKBLyfsQdsIB9Sdgoex5ceNGrSojYvIautR-2BMDLcZRGr=
SUgg-2B2Vn1jlWvOk9doeeUr9qa-2B4i1PNEXNRyLfRV-2FpEnhNjfW0mY8TIlWmBekSsIgtjro=
Wmw-2BeAUVsX9-2Fq8xnSMSiO4vnzNUXIgGuO9aCIBc7ulIEqGTS6GIJbYV-2Fr8R8ccSI-3DQE=
9q_wQ3YkAnS0vdQyK1Rz0Q35BiBwNrNna-2FI1uM5w9lOJzTZlOklFyv9jOAriM0uAznQ77V4sI=
QZwEY9uRdJB03Hy6UiXoUnyVlZae4KSECu23rgTB7u1bir2mwShb2ibRDPE6CXcd1Sqmctbdeox=
OTRw4Y2Po3Ihki48T2F1BHg8eacQszd4fxFTa0UfsulbXUCximQdc0wJ-2BDyRO3PSnkJ3xTYoD=
bNG3widhoFqfE5XJ8-3D">Unsubscribe</a> to no longer receive emails from us.<=
/td></tr></tbody></table></figure></td></tr></tbody></table></figure></td><=
/tr></tbody></table></figure></td></tr></tbody></table></figure></td></tr><=
/tbody></table></figure><img height=3D"1" width=3D"1" src=3D"https://market=
ing.PROD/email/667db3368353d633351263.gif" alt=3D"" /><img sr=
c=3D"http://url1266.PROD/wf/open?upn=3Du001.bi5hUWiO7yAv4oc3D=
DRtIDq-2FKhu2gTDbTqJUoyOwGOWqfQhpfmnAuwd6EXvLl3xEMV0yp5kbC9GmnsgJJ9nXqhnSaj=
cXS4rH-2Fcve2s7f8uRNWcYjfxqTx28p094q4nAGGokWvM7HZ2jkPNM7O-2B3YdAT5UxiYWj3Br=
eGf7UcR-2Fmes-2BS2hOUEN52TNP3CrYdMJRthNfRuRQhBLfWRmokyP21BGOu-2FLXhMje9YW55=
dd3GE-3D" alt=3D"" width=3D"1" height=3D"1" border=3D"0" style=3D"height:1p=
x !important;width:1px !important;border-width:0 !important;margin-top:0 !i=
mportant;margin-bottom:0 !important;margin-right:0 !important;margin-left:0=
 !important;padding-top:0 !important;padding-bottom:0 !important;padding-ri=
ght:0 !important;padding-left:0 !important;"/>
1 Like
2

I have a similar issue.

Your software

My Mautic version is: 5.1.0

My PHP version is: 8.0

My Database type and version is: MySQL 8.0

Your problem

When I send an email using an existing template to a contact, the The HTML layout of the email appears to be different from what I originally created.

image
image577×593 24.7 KB

And this is the current layout when sending using an existing template:

image
image800×407 23.9 KB

To reproduce the issue, load the email template and send it to a contact. The email received will have an different layout:

image
image800×327 60.2 KB

3

Hello, different layout then the editor or preview?
If you are deleting 2 from 1 columns that hold buttons, then you are facing an issue with outlook and gmail rendering difference.
You need to enlarge the 33% column width to 100% in order to match the new conditions.

Joey

1 Like
4

Hi, Joey!

The layout issue only appears when sending directly to a contact. When editing the template, the layout is correct. If I use a segment to send the same template, the problem does not occur.

5

Hmm, that is weird.
I think it is a bug.