Custom JS & CSS

You can personalize the editor with Custom JavaScript and Custom CSS.

Custom CSS #

You can load Custom CSS in the editor by either providing a URL to the CSS file or directly adding the CSS source code.

customCSS accepts either a string or an array of strings.

Pass URL #

You can pass URL to a CSS file like this

mailui.init({
    customCSS: [
        'https://example.com/custom.min.css'
    ]
})

CSS source code #

You can pass the CSS source code like this

mailui..init({
    customCSS: [
        "
            body {
                font-size: 16px;
                font-weight: 400;
                line-height: 1.5;
            }
        "
    ]
})

Custom JS #

You can load Custom JavaScript in the editor by either providing a URL to the JS file or directly adding the JS source code.

customJS accepts either a string or an array of strings.

Pass URL #

You can pass URL to a JS file like this

mailui.init({
    customJS: [
        'https://example.com/custom.min.js'
    ]
})

JS source code #

You can pass the JS source code like this

mailui.init({
    customJS: [
        "
            console.log('Hello World!');
        "
    ]
})

Custom JS & CSS

Custom CSS #

Pass URL #

CSS source code #

Custom JS #

Pass URL #

JS source code #

Explore Our Email Builder