Button block

The button block allows you to add buttons, optimized for HTML email, to your email document. But unlike what you would expect, an email button is not turned into a HTML <button> tag, but built using a HTML <table> by the Responsive Email API, because it renders better on different email clients.

Button block properties

Property Value Desc.
type "button" Property to identify block as button
label string Label of the button
link mixed Link that is opened when the button is clicked
font object Font properties for the button label
color string Color of a button
size mixed Size of a button
corners string Button (rounded) corners
css object Add custom css to the button
attributes object Add custom HTML attributes to the button
visibility object Visibility based on device, client and/or receiver
container object Get access to the table cell that houses this block
margin mixed Whitespace around the block
padding mixed Whitespace around the block, this whitespace will have a background
background object The background of the block

Example

{
    "from" : "info@example.com",
    "subject" : "Email with a single button",
    "content" : {
        "blocks" : [ {
            "type"      : "button",
            "size"      : 10,
            "corners"   : "round",
            "label"     : "Click me!",
            "color"     : "red",
            "link" : {
                "url" : "http://example.com",
                "title" : "Buy an example"
            }
        } ]
    }
}

Found a typo?

You can find this documentation page on GitHub.
Propose a change