ECOMMERCE EMAILS

This email is great for abandoned browse, back in stock, or new product notifications.

Check Out the Litmus Results

BUILD IT YOURSELF

{
  "context": {
    "rid": "%%emailaddr%%",
    "settings": {
      "poweredby":false,
      "language":"en",
      "title":"Ecommerce Email",
      "preheader": "A nice ecommerce email",
      "webfonts":{
        "family":[
          { "url":"https://fonts.googleapis.com/css?family=Merriweather:300|Montserrat:800" }
        ]
      },
      "styles": {
        "background": {
          "color": "#F0F0F0"
        }
      }
    },
    "components":[
      {
        "type": "container",
        "body":{},
        "style": {
          "container": {
            "width": "600",
            "font": {
              "color": "#000000",
              "family": "Merriweather, georgia, serif",
              "height":"120",
              "weight": "300",
              "size": "12",
              "align": "center"
            }
          },
        },
        "components":[
          {
            "type":"section",
            "body":{
              "role":""
            },
            "style":{
              "section":{
                "background":{
                  "color":"#6F3379"
                },
                "padding": {
                  "top": "30",
                  "right": "30",
                  "bottom": "30",
                  "left": "30"
                },
                "font": {
                  "align": "left"
                }
              }
            },
            "components":[
              {
                "type":"columns",
                "style":{
                  "columnGap":""
                },
                "components":[
                  {
                    "type":"column",
                    "style":{
                      "valign":"middle",
                      "font": {
                        "align": "left"
                      },
                      "breakpoints":[
                        {
                          "hide":false
                        }
                      ]
                    },
                    "components":[
                      {
                        "type":"image",
                        "body":{
                          "href":"http://www.gorebel.com",
                          "src":"https://s3.amazonaws.com/rebelmail-templates/generic/static/images/rebel.png",
                          "alt":"Rebel",
                          "retina":"2"
                        },
                        "style":{
                          "image":{
                            "width":"114",
                            "height":"31",
                            "align":"left",
                          }
                        }
                      }
                    ]
                  },
                  {
                    "type":"column",
                    "style":{
                      "valign":"middle",
                      "font": {
                        "align": "right"
                      },
                      "breakpoints":[
                        {
                          "hide":false
                        }
                      ]
                    },
                    "components":[
                      {
                        "type":"text",
                        "body":{
                          "tag":"p",
                          "text":"View Online"
                        },
                        "style":{
                          "p":{
                            "margin": {
                              "top": "0",
                              "right": "0",
                              "bottom": "0",
                              "left": "0"
                            },
                            "font": {
                              "size": "12"
                            }
                          }
                        }
                      }
                    ]
                  }
                ]
              },
              {
                "type":"text",
                "body":{
                  "tag":"h1",
                  "text":"NEW SHIRTS IN STOCK!"
                },
                "style":{
                  "h1":{
                    "margin": {
                      "top": "40",
                      "right": "0",
                      "bottom": "40",
                      "left": "0"
                    },
                    "font": {
                      "color": "#ffffff",
                      "family": "Montserrat, sans-serif",
                      "weight": "800",
                      "size": "36"
                    }
                  }
                }
              }
            ]
          },
          {
            "type":"image",
            "body":{
              "href":"",
              "src":"https://s3.amazonaws.com/rebelmail-templates/generic/static/images/shirt2-w.jpg",
              "alt":"girl in a t-shirt with a skeleton hand giving a peace sign",
              "retina":"2"
            },
            "style":{
              "image":{
                "width":"600",
                "height":"300",
              }
            }
          },
          {
            "type":"section",
            "body":{
              "role":""
            },
            "style":{
              "section":{
                "background":{
                  "color":"#ffffff"
                },
                "padding": {
                  "top": "20",
                  "right": "20",
                  "bottom": "20",
                  "left": "20"
                },
                "font": {
                  "align": "center"
                }
              }
            },
            "components":[
              {
                "type":"text",
                "body":{
                  "tag":"h2",
                  "text":"BONES, PEACE, & HARMONY"
                },
                "style":{
                  "h2":{
                    "margin": {
                      "top": "0",
                      "right": "0",
                      "bottom": "0",
                      "left": "0"
                    },
                    "font": {
                      "family": "Montserrat, sans-serif",
                      "height":"120",
                      "weight": "800",
                      "size": "24"
                    }
                  }
                }
              },
              {
                "type":"text",
                "body":{
                  "tag":"p",
                  "text":"$25.99"
                },
                "style":{
                  "p":{
                    "margin": {
                      "top": "10",
                      "right": "10",
                      "bottom": "10",
                      "left": "10"
                    },
                    "font": {
                      "height":"120",
                      "size": "20"
                    }
                  }
                }
              },
              {
                "type":"text",
                "body":{
                  "tag":"p",
                  "text":"Shop now →"
                },
                "style":{
                  "p":{
                    "margin": {
                      "top": "0",
                      "right": "0",
                      "bottom": "0",
                      "left": "0"
                    },
                    "font": {
                      "height":"120",
                      "size": "16"
                    }
                  }
                }
              }
            ]
          },
          {
            "type":"text",
            "body":{
              "tag":"p",
              "text":"We’re launching new looks all the time, make sure to check our the store for the lastest."
            },
            "style":{
              "p":{
                "margin": {
                  "top": "20",
                  "right": "30",
                  "bottom": "20",
                  "left": "30"
                },
                "font": {
                  "color": "#000000",
                  "height":"120",
                  "size": "12",
                  "align": "left"
                }
              }
            }
          },
          {
            "type":"line",
            "body":{
            },
            "style":{
              "line":{
                "height":"2",
                "background":{
                  "color":"#ffffff"
                },
                "margin":{
                  "right":"30",
                  "left":"30"
                }
              }
            }
          },
          {
            "type":"text",
            "body":{
              "tag":"p",
              "text":"Copyright Rebel Inc. 2018"
            },
            "style":{
              "p":{
                "margin": {
                  "top": "20",
                  "right": "30",
                  "bottom": "20",
                  "left": "30"
                },
                "font": {
                  "color": "#000000",
                  "size": "10",
                  "align": "left"
                }
              }
            }
          }
        ]
      }
    ]
  }
}