Newsletter formatting for mail

[WebSolutions]

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.

 

[laurentiu]

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?

 

[WebSolutions]

Hello Laurentiu,

Basic toggle builder was used

shall i share the text file with the source code ?

 

[laurentiu]

shall i share the text file with the source code ?

Yes.

 

[WebSolutions]

Added template source code.
Please check and let me know what can be done.

 

[laurentiu]

I just added your template, and seems to be broken and divs are not aligned, see bellow picture for example:

as you can see the arrows where finish the div above and where finish the div bellow there are not aligned.

 

[WebSolutions]

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

 

[laurentiu]

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.

 

[WebSolutions]

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.

 

[WebSolutions]

Only basic template builder is available in editor.
How to enable Stripo and GrapeJS editor ?
Please guide

 

[laurentiu]

Only basic template builder is available in editor.
How to enable Stripo and GrapeJS editor ?

Backend > Extend > Extensions > Email template builder.

 

[WebSolutions]

ohh thanks that helped !

 

[WebSolutions]

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.


Only basic and grapeJs is without plugin so that we can use without any issue but let me know how we can use stripo.

 

[laurentiu]

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

 

[WebSolutions]

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.

 

[laurentiu]

Is this the reason for it ? and if yes, then please let me know how it can be initalized.

In your stripe account you need to have credentials like this:

these two you need add in mailwizz.

 

[WebSolutions]

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 ?

 

[laurentiu]

Do i need to intialize it on server where mailwizz is present ?

Yes.

 

[WebSolutions]

can you suggest at which location should the file be ?

 

[laurentiu]

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.