Newsletter formatting for mail

Aniket

New Member
Hello ,
While creating template , the template looks perfectly fine as per the requirment but in mail, format is totally disturbed.
Alignment is disturbed , placement of words is disturbed.
Button css is not displayed
(Reference added in files attached)

Also in outlook, lines are displayed in mail.

How to overcome this issue ? what will be the best practise.
 

Attachments

  • newsletter_issue_img.png
    newsletter_issue_img.png
    70.9 KB · Views: 5
  • newsletter_issue_img_2.png
    newsletter_issue_img_2.png
    339.8 KB · Views: 5
Hello,

can you add you template here to make some tests and see what is wrong?

What builder are you using to make this template?
 
I just added your template, and seems to be broken and divs are not aligned, see bellow picture for example:Screenshot 2024-11-29 at 17.00.40.png

as you can see the arrows where finish the div above and where finish the div bellow there are not aligned.
 
yes it might be as changes were done which cased for alignment issue but when it received on mail, the buttons css are not visible also table borders are visible in it.

while viewing in browser table borders are not displayed but still buttons are not visible as expected(it is displayed as normal button without any css or bootstrap class).

what could be the cause for it as it was created from template builder itself.

can you provide me solution for it and share the updated source code.

Thanks and Regards,
Aniket Tambe
 

Attachments

  • newsletter_mail_2.png
    newsletter_mail_2.png
    34 KB · Views: 2
  • newsletter_mail_1.png
    newsletter_mail_1.png
    159 KB · Views: 2
while viewing in browser table borders are not displayed but still buttons are not visible as expected(it is displayed as normal button without any css or bootstrap class).
The issues you're experiencing are likely because Bootstrap-based CSS is not fully supported in email clients. Most email clients only support inline styles and a limited subset of CSS properties.

MailWizz already includes Basic Template Builder and also supports advanced editors like Stripo and GrapeJS, which are designed for creating email-friendly HTML that works across various email clients.
If you prefer, you can use another third-party tools to create email template then export it as HTML, and then upload it to MailWizz.

I recommend using these builders to ensure your templates render as expected across email clients.
 
Got it.
But even the basic css of display flex is not getting applied.
I have attached source code which i have updated.

Attached is the output format as well.
please check and let me know what can be done.
 

Attachments

  • newsletter_up_2.PNG
    newsletter_up_2.PNG
    51.9 KB · Views: 1
  • newsletter_up_1.PNG
    newsletter_up_1.PNG
    57.9 KB · Views: 1
  • updated_code_newsletter.txt
    updated_code_newsletter.txt
    9.3 KB · Views: 1
Only basic template builder is available in editor.
How to enable Stripo and GrapeJS editor ?
Please guide
 

Attachments

  • template_builder.PNG
    template_builder.PNG
    37.9 KB · Views: 1
Do you have any information of how to integrate stripo with mailwizz.?
Even after adding plugin id and secret key in backend , in template builder we get error as error retrieving the token.
stripo_error.PNG

Only basic and grapeJs is without plugin so that we can use without any issue but let me know how we can use stripo.
 
Do you have any information of how to integrate stripo with mailwizz.?
As the error said , you need to check if you inserted the correct Plugin ID and Secret Key, this error message appear when one of those are incorrect. So please check again for these credentials in your stripo account
 
In stripo-> plugin section-> created new plugin-> copied the plugin id and secret key in mittwald backend.

plugin status in stripo is showing as Not initialized

Is this the reason for it ? and if yes, then please let me know how it can be initalized.
 
Yes, i have the credentials of plugin and added the plugin ID and Secret key in backend->extend->template builder -> stripo.
Plugin as intialized on my local machine , not on server.

Do i need to intialize it on server where mailwizz is present ?
1733466566735.png
 
Last edited:
Above Quick Start you have a section where you need to add your domain name, add there domain which are you use for MailWizz. then make sure you added keys properly in MailWizz and try again to use stripo.
 
Back
Top