MJML is built using the React.js framework to generate responsive HTML emails for multiple mail clients.
Questions tagged [mjml]
144 questions
19
votes
2 answers
MJML - Template Interpolation, Dynamic Data, Context
After a lot of searches,
I am having difficulties in finding how:
MJML handles dynamic data and template interpolations
I was expecting something like:
import { mjml2html } from 'mjml';
const context = {
message: 'Hello World'
};
const view =…
Hitmands
- 13,491
- 4
- 34
- 69
14
votes
0 answers
Can I reach my template email like my picture by using MJML?
Good day, well I am using MJML framework to reach a template something like picture which is uploaded:
All of these works fine on MJML and I tested it when I send my template to my email, But the problem is that logo if you figured out that the…
SoliMoli
- 781
- 2
- 6
- 25
12
votes
4 answers
How does one use font-awesome with mjml?
I am trying to implement an email template that uses font awesome with mjml, I am not sure how to go about this.
I have tried using a cdn as follows:
Thank you!
Natalie Williams
- 355
- 1
- 3
- 9
8
votes
1 answer
Difficulty in understanding CSS-styling in MJML
I'm new to MJML and using css-styles is kind of weird. For styling a
.classname div{
font-size: 15px;
}
For mjml-text we use…
gopal prabhu
- 213
- 1
- 3
- 10
8
votes
1 answer
Converting HTML to MJML?
I'm new to MJML and I'm wondering if it's possible to convert HTML to MJML? I've tried searching for answers but the results are always the opposite.
summerluvvv
- 123
- 1
- 5
7
votes
1 answer
Can not import font into mjml
mj-font does not work in mjml.
Here is what I am trying to do in index.mjml:
oobarbazanoo
- 397
- 1
- 5
- 15
7
votes
1 answer
how to make MJML elements display inline-block
I'm new to mjml and I'm trying to find out if there is a way to make elements to display inline-block without using or inline css.
I have an which renders dynamically-generated text - so I have no way to foresee its…
itaydafna
- 1,968
- 1
- 13
- 26
5
votes
0 answers
Load data from JSON file into Handlebars / MJML template
I've got an MJML template which compiles to HTML, and am wanting to load variables from a JSON file to the template. I'm new to HTML, JS & Handlebars so could be really off track here.
My MJML template, test.mjml, looks something like:
…
dkeden
- 51
- 3
4
votes
2 answers
Render multiple MJML files into one MJML file/string
I am in the process of converting some legacy email templates to mjml (using mjml version 4.2). I am using Azure Function (NodeJs) to dynamically add content to templates using handlebars and return me the final html email, which works great. I have…
Amila
- 3,711
- 3
- 26
- 42
3
votes
1 answer
VSCode MJML extension is unresponsive, how to attach the CPU profiler?
I've just installed the MJML extension and upon trying to use it to view an .mjml file it doesn't work. I checked the "running extensions" and it shows this:
.
Trying to figure out what's wrong vscode prompts me with this:
But I have no idea how to…
lindsey
- 31
- 1
- 2
3
votes
3 answers
mjml Clickable button, not just the text inside the button
I have this basic code to display a buttom link on an mjml document, and it kind of works but I want the clicable area to be the whole buttom.
Here is the code:
user2109326
- 103
- 2
- 11
3
votes
1 answer
npm install --save-exact not respecting exact version
My environment:
node v6.17.1
npm v6.14.4
I ran npm install --save --save-exact mjml@4.5.1, and afterward my package.json shows
"mjml": "4.5.1",
My package-lock.json shows:
"mjml": {
"version": "4.5.1",
"resolved":…
efeder
- 552
- 5
- 16
3
votes
1 answer
By MJML, how to create a responsive email template with nested columns?
In MJML seems there is no way to nest mj-column's, So how do you create nested columns?
This is what I'm trying to build:
I tried using mj-section and mj-wrapper too but seems none of these tags can be nested.
Morteza
- 2,097
- 5
- 28
- 47
3
votes
0 answers
Email templates emoji digits not supported on Samsung mobiles and Firefox
I am building an email template which includes various emojis and some of them aren't supported on some mobile devices and Firefox.
The email template has to be compatible on all devices (including desktop browsers).
The problem I have is with digit…
gergana
- 681
- 6
- 11
3
votes
4 answers
Mailjet: Array value provided through vars makes email being blocked on sending
I’m working on an email template for Mailjet written in MJML that uses an array value provided through Vars to generate a list of items the sender wants to receive from the mail recipient. All values in the array are plain text values.
The data…
Oliver
- 507
- 6
- 12