{"__v":27,"_id":"555e883f57fe0a0d00c8f2c2","category":{"__v":12,"_id":"556f6216ebba950d008e94e6","pages":["556f6a29fc3aa80d00e1ac1a","556f6a58ebba950d008e9514","556f6a67ebba950d008e9516","556f6aee9893290d00988caa","556f76669893290d00988cf8","5581e3cc8625220d00429ec0","5583149fea39a9390022436a","5584a55bbb43b42300f11c78","5592041c5248431900977161","5631081d242cda1900198b50","5647785436961e0d005c6278","56c1f006d9e8a90d00f8890f"],"project":"555e500957fe0a0d00c8f1e7","version":"555e500957fe0a0d00c8f1ea","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-06-03T20:22:46.897Z","from_sync":false,"order":6,"slug":"advanced-setup","title":"Advanced Customization & Integrations"},"project":"555e500957fe0a0d00c8f1e7","user":"550c941bd1063b2d00359239","version":{"__v":12,"_id":"555e500957fe0a0d00c8f1ea","project":"555e500957fe0a0d00c8f1e7","createdAt":"2015-05-21T21:37:13.474Z","releaseDate":"2015-05-21T21:37:13.474Z","categories":["555e500957fe0a0d00c8f1eb","555e5fcedf54680d001800db","555e60d7df54680d001800fb","555e6766df54680d00180118","556f4d5debba950d008e9462","556f60959893290d00988c5b","556f6216ebba950d008e94e6","556f6b2aebba950d008e951a","556f71b6fc3aa80d00e1ac55","5570a30bcc189a21001ab44c","56ba3656ce5d540d00e2d789","56bce73a3ad5140d00055345"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-05-22T01:37:03.698Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":2,"body":"You can choose to use our default emails (which prominently feature the logo you upload in your admin panel under \"Site Settings\") or choose to use completely custom emails.\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Be sure to reference our Custom Email Variables documentation\",\n  \"body\": \"When customizing your emails, please refer to our [Custom Email Variables](https://docs.tilt.com/v1.0/docs/custom-email-variables) docs.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Tweaking our default emails (basic setup)\"\n}\n[/block]\nIf you'd like tweak copy in the standard Tilt Pro emails (confirmation, referral notification, and refund notification), you can use the following templates as a starting point. All liquid variables are in place, so you should be able to get up and running quickly!\n\n## Confirmation email\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<!DOCTYPE html>\\n<html>\\n  <head>\\n    <meta content=\\\"text/html; charset=UTF-8\\\" http-equiv=\\\"Content-Type\\\" />\\n    <style type=\\\"text/css\\\">\\n      body {\\n        zoom: 1;\\n      }\\n      body, td {\\n        -ms-text-size-adjust: none;\\n        -webkit-text-size-adjust: none;\\n        margin: 0px;\\n        padding: 0px;\\n        font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n        font-size: 100%;\\n        line-height: 100%;\\n      }\\n      table {\\n        border-collapse: collapse;\\n      }\\n      .logo {\\n        padding: 25px;\\n      }\\n      .logo-image {\\n        margin-bottom: -6px;\\n      }\\n      .single-px {\\n        height: 1px;\\n        line-height: 1px;\\n        font-size: 1px;\\n      }\\n      .trns {\\n        line-height: 20px;\\n        font-size: 14px;\\n        color: #666666;\\n        padding-top: 15px;\\n        padding-bottom: 5px;\\n      }\\n      .receipthdr {\\n        line-height: 19px;\\n        font-size: 14px;\\n        color: #666666;\\n        padding-bottom: 7px;\\n      }\\n      .receipthdr-2 {\\n        line-height: 20px;\\n        font-size: 14px;\\n        color: #666666;\\n        padding-top: 11px;\\n        padding-bottom: 7px;\\n      }\\n      .blue-link {\\n        color: #00A0D8;\\n        text-decoration: none;\\n      }\\n      .bottom-link {\\n        color: #666666;\\n        text-decoration: none;\\n      }\\n      .header-text {\\n        line-height: 19px;\\n        font-size: 18px;\\n        font-weight: bold;\\n        color: #FFFFFF;\\n        padding: 55px 25px 25px;\\n      }\\n      .buttons-wrap {\\n        line-height: 20px;\\n        font-size: 14px;\\n        color: #666666;\\n        padding-top: 0px;\\n        padding-bottom: 15px;\\n      }\\n      .buttons {\\n        width: 100%;\\n        text-align: center;\\n        overflow: hidden;\\n      }\\n      .mobile-buttons {\\n        margin: 0 auto;\\n        width: 470px;\\n      }\\n      .button-wrap {\\n        width: 150px;\\n        float: left;\\n      }\\n      .button-table {\\n        border-collapse:collapse;\\n        border:0;\\n        margin-left:auto;\\n        margin-right:auto;\\n        width:150px;\\n      }\\n      .button {\\n        background-color: #00a0d8;\\n        padding: 6px 0px 6px 5px;\\n        border-radius: 4px 0 0 4px;\\n        color: #ffffff;\\n        font-weight: bold;\\n        font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n        text-align: center;\\n      }\\n      .button-icon {\\n        width: 30px;\\n        height: 30px;\\n        line-height: 100%;\\n        outline: none;\\n        text-decoration: none;\\n        display: inline;\\n        font-weight: bold;\\n        color: #fff;\\n        padding-left:3px;\\n      }\\n      .button-bg {\\n        background-color: #00a0d8;\\n        padding: 6px 5px 6px 0px;\\n        border-radius: 0 4px 4px 0;\\n        color: #ffffff;\\n        font-weight: bold;\\n        font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n        text-align: left;\\n        text-indent: 10px;\\n      }\\n      .button-link {\\n        color: white;\\n        text-decoration: none;\\n      }\\n      .button-span {\\n        font-size: 14px;\\n      }\\n      .weird-link {\\n        color: #666666;\\n        text-decoration: none;\\n        pointer-events:none;\\n        padding-right:0;\\n      }\\n      .outer-body-content {\\n        line-height:20px; \\n        font-size:14px; \\n        color:#666666; \\n        padding: 25px;\\n      }\\n      .body-content {\\n        line-height:19px; \\n        font-size:14px; \\n        color:#666666;\\n      }\\n      .campaign_logo {\\n        color:#00a0d8; \\n        text-decoration:none\\n      }\\n      .below_logo {\\n        padding-top:25px; \\n        padding-right:25px;\\n      }\\n\\n      :::at:::media screen and (max-width: 480px), screen and (max-device-width: 480px) {\\n        body[id=tilt] .mobile310 {\\n          width: 310px !important;\\n          margin: 0px auto !important;\\n          padding: 0px !important;\\n          background-color: #ffffff;\\n        }\\n        body[id=tilt] .mobileoff {\\n          display: none !important;\\n          width: 0 !important;\\n        }\\n        body[id=tilt] .logo {\\n          margin: 0 auto !important;\\n          padding: 11px 0px 11px 0px !important;\\n          width: 308px !important;\\n          display: block;\\n          text-align: center !important;\\n        }\\n        .header {\\n          line-height: 25px !important;\\n          font-size: 20px !important;\\n        }\\n        body[id=tilt] .body {\\n          line-height: 25px !important;\\n          font-size: 18px !important;\\n          font-weight: normal !important;\\n          padding: 25px !important;\\n        }\\n        body[id=tilt] .trns {\\n          margin: 0 auto !important;\\n          padding: 15px 25px !important;\\n          width: 310px !important;\\n          font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n          line-height: 21px !important;\\n          font-size: 16px !important;\\n          color: #666666 !important;\\n        }\\n        body[id=tilt] .receipthdr {\\n          margin: 0 auto !important;\\n          padding: 5px 0px 5px 0px !important;\\n          font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n          line-height: 19px !important;\\n          font-size: 16px !important;\\n          color: #666666 !important;\\n        }\\n        body[id=tilt] .share {\\n          margin: 0 auto !important;\\n          padding: 5px 0px 5px 0px !important;\\n          display: block !important;\\n        }\\n        body[id=tilt] .mobile-buttons {\\n          width: 150px !important;\\n          padding: 15px 0px 0px 0px !important;\\n          overflow:hidden !important;\\n\\n        }\\n        body[id=tilt] .mobile-buttons2 {\\n          padding-right: 0 !important;\\n          margin-bottom: 10px !important;\\n        }\\n        body[id=tilt] #trans_num {\\n          font-size: 12px;\\n        }\\n      }\\n    </style>\\n  </head>\\n\\n<body id=\\\"tilt\\\">\\n<table width=\\\"100%\\\" border=\\\"0\\\" cellspacing=\\\"0\\\" cellpadding=\\\"0\\\">\\n  <tr>\\n    <td bgcolor=\\\"#FFFFFF\\\">\\n\\n      <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n        <tbody><tr>\\n            <td height=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff single-px\\\"><img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\"></td>\\n        </tr></tbody>\\n      </table>\\n\\n      <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n        <tbody><tr>\\n          <td width=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\">\\n            <img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\">\\n          </td>\\n          <td width=\\\"318\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#ffffff\\\" class=\\\"logo\\\">\\n            <a href=\\\"{{ campaign.homepage_url }}?utm_source=multisite&utm_medium=email&utm_term=logo&utm_campaign=email\\\" target=\\\"_blank\\\" style=\\\"color:#00a0d8; text-decoration:none\\\">\\n              <img src=\\\"{{ assets.tilt_open_logo }}\\\" alt=\\\"A Tilt Pro site\\\" width=\\\"160\\\" class='logo-image'>\\n            </a>\\n          </td>\\n          <td width=\\\"300\\\" align=\\\"right\\\" valign=\\\"top\\\" bgcolor=\\\"#ffffff\\\" class=\\\"mobileoff\\\" style=\\\"padding-top:25px; padding-right:25px;\\\">&nbsp;</td>\\n          <td width=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\">\\n            <img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\">\\n          </td>\\n        </tr></tbody>\\n      </table>\\n\\n{% unless campaign.payment_email_disable_header %}\\n<table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n  <tr>\\n    {% if campaign.header_image_url %}\\n      <td align=\\\"left\\\" valign=\\\"top\\\" class=\\\"header\\\">\\n        <img src=\\\"{{ campaign.header_image_url }}\\\" alt=\\\"A Tilt Pro site\\\" width=\\\"100%\\\" class='logo-image'>\\n      </td>\\n    {% else %}\\n      <td align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#00a0d8\\\" class=\\\"header header-text\\\">\\n        {{ campaign.header_text }}\\n      </td>\\n    {% endif %}\\n  </tr>\\n</table>\\n{% endunless %}\\n\\n<table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n  <tbody><tr>\\n      <td width=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\"><img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\"></td>\\n    <td width=\\\"618\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#FFFFFF\\\" class=\\\"mobile310\\\" style=\\\"line-height:20px; font-size:14px; color:#666666; padding: 25px;\\\">\\n      <table border=\\\"0\\\" align=\\\"left\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n        <tbody><tr>\\n        <td width=\\\"100%\\\" style=\\\"line-height:19px; font-size:14px; color:#666666;\\\">\\n          <p>Hi {{ payment.first_name }},</p>\\n          <p>Your {{ campaign.payment_noun }} to <a class=\\\"blue-link\\\" href=\\\"{{ campaign.sharing_url }}?utm_source=multisite&amp;utm_medium=email&amp;utm_term=receipt&amp;utm_content=receipt&amp;utm_campaign=c-notifications\\\" target=\\\"_blank\\\">{{ campaign.name }}</a> has been confirmed. Please keep this email as a record of your {{ campaign.payment_noun }}.</p>\\n          {% if campaign.pre_tilt? %}\\n          <p>Your credit card will only be charged if this campaign reaches its tilt amount. In the meantime, you might see an authorization on your card to ensure sufficient funds are available.</p>\\n          {% endif %}\\n\\n          <br />\\n\\n          <table width=\\\"100%\\\" border=\\\"0\\\" cellspacing=\\\"0\\\" cellpadding=\\\"0\\\">\\n            <tbody>\\n\\n              <tr>\\n                <td width=\\\"200\\\" class=\\\"receipthdr\\\" align=\\\"left\\\">\\n                  <strong>Transaction Details:</strong>\\n                </td>\\n                <td align=\\\"left\\\">\\n                  &nbsp;\\n                </td>\\n              </tr>\\n\\n            {% if payment.has_reward? %}\\n\\n              {% if campaign.dollars? %}\\n                <tr>\\n                  <td width=\\\"200\\\" class=\\\"receipthdr\\\" align=\\\"left\\\">\\n                    {{ campaign.reward_reference }}:\\n                  </td>\\n                  <td align=\\\"left\\\" class=\\\"receipthdr\\\">\\n                    {{ payment.reward_title }}: {{ payment.reward_price }}\\n                  </td>\\n                </tr>\\n              {% endif %}\\n\\n              <tr>\\n                <td width=\\\"200\\\" class=\\\"receipthdr\\\" align=\\\"left\\\">\\n                  Quantity:\\n                </td>\\n                <td align=\\\"left\\\" class=\\\"receipthdr\\\">\\n                  {{ payment.quantity }}\\n                </td>\\n              </tr>\\n\\n            {% endif %}\\n            </tbody>\\n          </table>\\n\\n          <br />\\n\\n          <table width=\\\"100%\\\" border=\\\"0\\\" cellspacing=\\\"0\\\" cellpadding=\\\"0\\\">\\n            <tbody>\\n\\n              <tr>\\n                <td width=\\\"200\\\" class=\\\"receipthdr\\\" align=\\\"left\\\">\\n                {% if payment.is_purchase? %}Subtotal{% else %}Contribution{% endif %}:\\n                </td>\\n                <td align=\\\"left\\\" class=\\\"receipthdr\\\" style=\\\"line-height:20px; font-size:14px; font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;  color:#666666; padding-bottom:7px;\\\">\\n                  <span style=\\\"margin-top:0\\\">{{ payment.subtotal_amount }}</span>\\n                </td>\\n              </tr>\\n\\n              {% if payment.promo_code_amount %}\\n                <tr>\\n                  <td width=\\\"200\\\" class=\\\"receipthdr\\\" align=\\\"left\\\">\\n                    Promo code:\\n                  </td>\\n                  <td align=\\\"left\\\" class=\\\"receipthdr\\\" style=\\\"line-height:20px; font-size:14px; font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif; color:#666666; padding-bottom:7px;\\\">\\n                    <span style=\\\"margin-top:0;margin-left:-6px;\\\">{{ payment.promo_code_amount }}</span>\\n                  </td>\\n                </tr>\\n              {% endif %}\\n\\n              {% if payment.shipping_fee_amount %}\\n                <tr>\\n                  <td width=\\\"200\\\" class=\\\"receipthdr\\\" align=\\\"left\\\">\\n                    {% if payment.country == 'US' %}Shipping{% else %}International shipping{% endif %}:\\n                  </td>\\n                  <td align=\\\"left\\\" class=\\\"receipthdr\\\" style=\\\"line-height:20px; font-size:14px; font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;  color:#666666; padding-bottom:7px;\\\" >\\n                    <span style=\\\"margin-top:0\\\">{{ payment.shipping_fee_amount }}</span>\\n                  </td>\\n                </tr>\\n              {% endif %}\\n\\n              {% if payment.tax_amount %}\\n                <tr>\\n                  <td width=\\\"200\\\" class=\\\"receipthdr\\\" align=\\\"left\\\">\\n                    Tax ({{ payment.tax_rate }})\\n                  </td>\\n                  <td align=\\\"left\\\" class=\\\"receipthdr\\\" style=\\\"line-height:20px; font-size:14px; font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;  color:#666666; padding-bottom:7px;\\\" >\\n                    <span style=\\\"margin-top:0\\\">{{ payment.tax_amount }}</span>\\n                  </td>\\n                </tr>\\n              {% endif %}\\n\\n              {% if payment.user_fee_amount %}\\n                <tr>\\n                  <td width=\\\"200\\\" class=\\\"receipthdr\\\" align=\\\"left\\\">\\n                    Processing fee:\\n                  </td>\\n                  <td align=\\\"left\\\" class=\\\"receipthdr\\\">\\n                    <span style=\\\"margin-top:0\\\">{{ payment.user_fee_amount }}</span>\\n                  </td>\\n                </tr>\\n              {% endif %}\\n\\n              <tr>\\n                <td width=\\\"200\\\" class=\\\"receipthdr\\\" align=\\\"left\\\">\\n                  Total charged:\\n                </td>\\n                <td align=\\\"left\\\" class=\\\"receipthdr\\\">\\n                  <span style=\\\"margin-top:0\\\">{{ payment.total_charged_amount }}</span>\\n                </td>\\n              </tr>\\n\\n            </tbody>\\n          </table>\\n\\n          <br />\\n\\n          <table width=\\\"100%\\\" border=\\\"0\\\" cellspacing=\\\"0\\\" cellpadding=\\\"0\\\">\\n            <tbody>\\n\\n              <tr>\\n                <td width=\\\"200\\\" class=\\\"receipthdr\\\" align=\\\"left\\\">\\n                  Date charged:\\n                </td>\\n                <td align=\\\"left\\\" class=\\\"receipthdr\\\">\\n                  <a href=\\\"#\\\" class=\\\"weird-link\\\">\\n                    {{ payment.date }}\\n                  </a>\\n                </td>\\n              </tr>\\n\\n              <tr>\\n                <td width=\\\"200\\\" class=\\\"receipthdr\\\" align=\\\"left\\\">\\n                  Card number:\\n                </td>\\n                <td align=\\\"left\\\" class=\\\"receipthdr\\\">\\n                  ****-{{ payment.card_last_four }}\\n                </td>\\n              </tr>\\n\\n              <tr>\\n                <td width=\\\"200\\\" class=\\\"receipthdr\\\" align=\\\"left\\\">\\n                  Name on card:\\n                </td>\\n                <td align=\\\"left\\\" class=\\\"receipthdr\\\">\\n                  {{ payment.fullname }}\\n                </td>\\n              </tr>\\n\\n            </tbody>\\n          </table>\\n\\n          <br />\\n\\n          <table width=\\\"100%\\\" border=\\\"0\\\" cellspacing=\\\"0\\\" cellpadding=\\\"0\\\">\\n            <tbody>\\n\\n              <tr>\\n                <td align=\\\"left\\\" class=\\\"receipthdr\\\">\\n                  Your charge will appear as: {{ campaign.billing_statement_text }}\\n                </td>\\n              </tr>\\n\\n            {% if campaign.nonprofit? %}\\n              <tr>\\n                <td align=\\\"left\\\" class=\\\"receipthdr\\\">\\n                  You will receive a tax-deductible receipt once funds are disbursed to the non-profit.\\n                </td>\\n              </tr>\\n            {% endif %}\\n\\n              <tr>\\n                <td align=\\\"left\\\" class=\\\"receipthdr\\\">\\n                  Transaction number: <span id=\\\"trans_num\\\">{{ payment.transaction_id }}</span>\\n                </td>\\n              </tr>\\n\\n            </tbody>\\n          </table>\\n\\n          {% if payment.has_address? %}\\n            <br>\\n\\n            <table width=\\\"100%\\\" border=\\\"0\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\">\\n              <tbody>\\n\\n                <tr>\\n                  <td align=\\\"left\\\" class=\\\"receipthdr\\\">\\n                    <strong>Your Address:</strong>\\n                  </td>\\n                </tr>\\n\\n                <tr>\\n                  <td align=\\\"left\\\" class=\\\"receipthdr\\\" style=\\\"padding-bottom:4px;\\\">\\n                    <a href=\\\"#\\\" class=\\\"weird-link\\\">\\n                      {{ payment.address_one }}\\n                    </a>\\n                  </td>\\n                </tr>\\n\\n                {% if payment.address_two %}\\n                  <tr>\\n                    <td align=\\\"left\\\" class=\\\"receipthdr\\\" style=\\\"padding-bottom:4px;\\\">\\n                      <a href=\\\"#\\\" class=\\\"weird-link\\\">\\n                        {{ payment.address_two }}\\n                      </a>\\n                    </td>\\n                  </tr>\\n                {% endif %}\\n\\n                <tr>\\n                  <td align=\\\"left\\\" class=\\\"receipthdr\\\">\\n                    <a href=\\\"#\\\" class=\\\"weird-link\\\">\\n                      {{ payment.city }}, {{ payment.state }} {{ payment.postal_code }}\\n                    </a>\\n                  </td>\\n                </tr>\\n\\n                <tr>\\n                  <td align=\\\"left\\\" class=\\\"receipthdr\\\">\\n                    {{ payment.country }}\\n                  </td>\\n                </tr>\\n\\n                {% if payment.phone_number %}\\n                  <tr>\\n                    <td align=\\\"left\\\" class=\\\"receipthdr\\\">\\n                      <a href=\\\"#\\\" class=\\\"weird-link\\\">\\n                        {{ payment.phone_number }}\\n                      </a>\\n                    </td>\\n                  </tr>\\n                {% endif %}\\n\\n              </tbody>\\n            </table>\\n          {% endif %}\\n\\n          {% if payment.custom_options or payment.additional_info %}\\n            <br />\\n\\n            <table width=\\\"100%\\\" border=\\\"0\\\" cellspacing=\\\"0\\\" cellpadding=\\\"0\\\">\\n              <tbody>\\n                <tr>\\n                  <td width=\\\"200\\\" class=\\\"receipthdr\\\" align=\\\"left\\\">\\n                    <strong>Additional Info:</strong>\\n                  </td>\\n                  <td align=\\\"left\\\">\\n                    &nbsp;\\n                  </td>\\n              </tr>\\n              </tbody>\\n            </table>\\n\\n            {% if payment.custom_options %}\\n              <table width=\\\"100%\\\" border=\\\"0\\\" cellspacing=\\\"0\\\" cellpadding=\\\"0\\\">\\n                <tbody>\\n                {% for option in payment.custom_options %}\\n                  <tr>\\n                    <td width=\\\"200\\\" class=\\\"receipthdr\\\" align=\\\"left\\\">\\n                      {{ option[0] }}:\\n                    </td>\\n                    <td align=\\\"left\\\" class=\\\"receipthdr\\\">\\n                      {{ option[1] }}\\n                    </td>\\n                  </tr>\\n                {% endfor %}\\n                </tbody>\\n              </table>\\n            {% endif %}\\n\\n            {% if payment.additional_info %}\\n              <table width=\\\"100%\\\" border=\\\"0\\\" cellspacing=\\\"0\\\" cellpadding=\\\"0\\\">\\n                <tbody>\\n                  <tr>\\n                    <td align=\\\"left\\\" class=\\\"receipthdr\\\" style=\\\"width:100%;\\\">\\n                      {{ payment.additional_info }}\\n                    </td>\\n                  </tr>\\n                </tbody>\\n              </table>\\n            {% endif %}\\n\\n          {% endif %}\\n\\n          <table width=\\\"100%\\\" border=\\\"0\\\" cellspacing=\\\"0\\\" cellpadding=\\\"0\\\">\\n            <tbody>\\n\\n            {% if payment.can_refer? %}\\n              <tr>\\n                <td align=\\\"center\\\" class=\\\"trns\\\">\\n                  {% if show_referral %}\\n                    You should see a refund on your credit card statement within 2 - 5 business days!<br>\\n                  {% endif %}\\n                  Receive {{ campaign.referral_code_amount }} back for each friend who purchases through your link:<br><br>\\n                  <a href=\\\"{{ payment.sharing_url }}\\\">{{ payment.sharing_url }}</a>\\n                </td>\\n              </tr>\\n            {% endif %}\\n\\n            <tr>\\n              <td align=\\\"center\\\" class=\\\"trns\\\">\\n                SPREAD THE LOVE:<br />\\n              </td>\\n            </tr>\\n\\n            <tr>\\n              <td align=\\\"center\\\" class=\\\"buttons-wrap\\\">\\n                <div>\\n                  <div class=\\\"mobile-buttons\\\">\\n\\n                    <!-- Facebook Button -->\\n                    <div class=\\\"mobile-buttons2 button-wrap\\\" style=\\\"padding-right:5px\\\">\\n                      <table class=\\\"button-table\\\">\\n                        <tbody>\\n                          <tr height=\\\"28px\\\">\\n\\n                            <td width=\\\"20%\\\" class=\\\"button\\\" bgcolor=\\\"#00a0d8\\\">\\n                              <a href=\\\"http://www.facebook.com/share.php?u={{ payment.sharing_url }}\\\">\\n                                <img align=\\\"middle\\\" alt=\\\"\\\" height=\\\"30\\\" src=\\\"{{ assets.fb_icon }}\\\" class=\\\"button-icon\\\" width=\\\"30\\\">\\n                              </a>\\n                            </td>\\n\\n                            <td width=\\\"80%\\\" class=\\\"button-bg\\\" bgcolor=\\\"#00a0d8\\\">\\n                              <a href=\\\"http://www.facebook.com/share.php?u={{ payment.sharing_url }}\\\" class=\\\"button-link\\\" target=\\\"_blank\\\">\\n                                <span class=\\\"button-span\\\">Post This!</span>\\n                              </a>\\n                            </td>\\n\\n                          </tr>\\n                        </tbody>\\n                      </table>\\n                    </div>\\n\\n                    <!-- Twitter Button -->\\n                    <div class=\\\"mobile-buttons2 button-wrap\\\" style=\\\"padding-right:5px\\\">\\n                      <table class=\\\"button-table\\\">\\n                        <tbody>\\n                          <tr height=\\\"28px\\\">\\n\\n                            <td width=\\\"20%\\\" class=\\\"button\\\" bgcolor=\\\"#00a0d8\\\">\\n                              <a href=\\\"https://twitter.com/intent/tweet?text=I%20just%20contributed%20to%20this%20campaign%20on%20@Tilt. {{ payment.sharing_url }}\\\">\\n                                <img align=\\\"middle\\\" alt=\\\"\\\" height=\\\"30\\\" src=\\\"{{ assets.twitter_icon }}\\\" class=\\\"button-icon\\\" width=\\\"30\\\">\\n                              </a>\\n                            </td>\\n\\n                            <td width=\\\"80%\\\" class=\\\"button-bg\\\" bgcolor=\\\"#00a0d8\\\">\\n                              <a href=\\\"https://twitter.com/intent/tweet?text=I%20just%20contributed%20to%20{{ campaign.name }}%20on%20Tilt%20Open. {{ payment.sharing_url }}\\\" class=\\\"button-link\\\" target=\\\"_blank\\\">\\n                                <span class=\\\"button-span\\\">Tweet This!</span>\\n                              </a>\\n                            </td>\\n\\n                          </tr>\\n                        </tbody>\\n                      </table>\\n                    </div>\\n\\n                    <!-- Email Button -->\\n                    <div class=\\\"button-wrap\\\">\\n                      <table class=\\\"button-table\\\">\\n                        <tbody>\\n                          <tr height=\\\"28px\\\">\\n\\n                            <td width=\\\"20%\\\" class=\\\"button\\\" bgcolor=\\\"#00a0d8\\\">\\n                              <a href=\\\"mailto:?subject={{ campaign.name }}&amp;body=I just joined {{ campaign.name }}. {{ payment.sharing_url }}\\\">\\n                                <img align=\\\"middle\\\" alt=\\\"\\\" height=\\\"30\\\" src=\\\"{{ assets.email_icon }}\\\" class=\\\"button-icon\\\" width=\\\"30\\\">\\n                              </a>\\n                            </td>\\n\\n                            <td width=\\\"80%\\\" class=\\\"button-bg\\\" bgcolor=\\\"#00a0d8\\\">\\n                              <a href=\\\"mailto:?subject={{ campaign.name }}&amp;body=I just joined {{ campaign.name }}. {{ payment.sharing_url }}\\\" class=\\\"button-link\\\">\\n                                <span class=\\\"button-span\\\">Email This!</span>\\n                              </a>\\n                            </td>\\n\\n                          </tr>\\n                        </tbody>\\n                      </table>\\n                    </div>\\n\\n                  </div>\\n                </div>\\n              </td>\\n            </tr>\\n\\n            <tr>\\n              <td align=\\\"center\\\" class=\\\"receipthdr-2\\\">\\n                ~ Thanks for <em>tilting</em> with us!<br>\\n                If you have questions about the campaign, please contact\\n                <a href=\\\"mailto:{{ campaign.reply_to_email }}\\\" class=\\\"blue-link\\\">{{ campaign.reply_to_email }}</a>.<br>\\n                For all other questions, check out our <a href=\\\"https://prosupport.tilt.com/hc/categories/200246448-For-Contributors\\\">FAQs</a>.\\n              </td>\\n            </tr></tbody>\\n          </table>\\n        </td>\\n      </tr></tbody>\\n    </table></td>\\n  <td width=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\"><img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\" border=\\\"0\\\" style=\\\"display:block; border:none;\\\"></td>\\n  </tr></tbody>\\n</table>\\n\\n      <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n        <tbody><tr>\\n            <td height=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff single-px\\\"><img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\"></td>\\n        </tr></tbody>\\n      </table>\\n\\n      <br>\\n\\n      <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n        <tbody><tr>\\n          <td align=\\\"center\\\" valign=\\\"top\\\" style=\\\"line-height:14px; font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif; font-size:14px; color:#666666; padding-top:15px; padding-bottom:5px;\\\">\\n            <a class=\\\"bottom-link\\\" href=\\\"https://open.tilt.com/?utm_source=multisite&amp;utm_medium=email&amp;utm_term=tilt%20open%20site&amp;utm_content=receipt&amp;utm_campaign=email_footer\\\" target=\\\"_blank\\\">A Tilt Pro Site</a>\\n            &nbsp;<img height=\\\"15px;\\\" src=\\\"{{ assets.tilt_circle }}\\\">&nbsp;\\n            <a class=\\\"bottom-link\\\" href=\\\"https://www.tilt.com/?utm_source=cto&amp;utm_medium=email&amp;utm_term=powered%20by%20tilt&amp;utm_campaign=email_footer\\\" target=\\\"_blank\\\">Powered by Tilt</a>\\n          </td>\\n        </tr>\\n        </tbody>\\n      </table>\\n    </td>\\n  </tr>\\n</table>\\n</body>\\n</html>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n## Referral Notification Email\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<!DOCTYPE html>\\n<html>\\n  <head>\\n    <meta content=\\\"text/html; charset=UTF-8\\\" http-equiv=\\\"Content-Type\\\" />\\n    <style type=\\\"text/css\\\">\\n      body {\\n        zoom: 1;\\n      }\\n      body, td {\\n        -ms-text-size-adjust: none;\\n        -webkit-text-size-adjust: none;\\n        margin: 0px;\\n        padding: 0px;\\n        font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n        font-size: 100%;\\n        line-height: 100%;\\n      }\\n      table {\\n        border-collapse: collapse;\\n      }\\n      .logo {\\n        padding: 25px;\\n      }\\n      .logo-image {\\n        margin-bottom: -6px;\\n      }\\n      .single-px {\\n        height: 1px;\\n        line-height: 1px;\\n        font-size: 1px;\\n      }\\n      .trns {\\n        line-height: 20px;\\n        font-size: 14px;\\n        color: #666666;\\n        padding-top: 15px;\\n        padding-bottom: 5px;\\n      }\\n      .receipthdr {\\n        line-height: 19px;\\n        font-size: 14px;\\n        color: #666666;\\n        padding-bottom: 7px;\\n      }\\n      .receipthdr-2 {\\n        line-height: 20px;\\n        font-size: 14px;\\n        color: #666666;\\n        padding-top: 11px;\\n        padding-bottom: 7px;\\n      }\\n      .blue-link {\\n        color: #00A0D8;\\n        text-decoration: none;\\n      }\\n      .bottom-link {\\n        color: #666666;\\n        text-decoration: none;\\n      }\\n      .header-text {\\n        line-height: 19px;\\n        font-size: 18px;\\n        font-weight: bold;\\n        color: #FFFFFF;\\n        padding: 55px 25px 25px;\\n      }\\n      .buttons-wrap {\\n        line-height: 20px;\\n        font-size: 14px;\\n        color: #666666;\\n        padding-top: 0px;\\n        padding-bottom: 15px;\\n      }\\n      .buttons {\\n        width: 100%;\\n        text-align: center;\\n        overflow: hidden;\\n      }\\n      .mobile-buttons {\\n        margin: 0 auto;\\n        width: 470px;\\n      }\\n      .button-wrap {\\n        width: 150px;\\n        float: left;\\n      }\\n      .button-table {\\n        border-collapse:collapse;\\n        border:0;\\n        margin-left:auto;\\n        margin-right:auto;\\n        width:150px;\\n      }\\n      .button {\\n        background-color: #00a0d8;\\n        padding: 6px 0px 6px 5px;\\n        border-radius: 4px 0 0 4px;\\n        color: #ffffff;\\n        font-weight: bold;\\n        font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n        text-align: center;\\n      }\\n      .button-icon {\\n        width: 30px;\\n        height: 30px;\\n        line-height: 100%;\\n        outline: none;\\n        text-decoration: none;\\n        display: inline;\\n        font-weight: bold;\\n        color: #fff;\\n        padding-left:3px;\\n      }\\n      .button-bg {\\n        background-color: #00a0d8;\\n        padding: 6px 5px 6px 0px;\\n        border-radius: 0 4px 4px 0;\\n        color: #ffffff;\\n        font-weight: bold;\\n        font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n        text-align: left;\\n        text-indent: 10px;\\n      }\\n      .button-link {\\n        color: white;\\n        text-decoration: none;\\n      }\\n      .button-span {\\n        font-size: 14px;\\n      }\\n      .weird-link {\\n        color: #666666;\\n        text-decoration: none;\\n        pointer-events:none;\\n        padding-right:0;\\n      }\\n      .outer-body-content {\\n        line-height:20px; \\n        font-size:14px; \\n        color:#666666; \\n        padding: 25px;\\n      }\\n      .body-content {\\n        line-height:19px; \\n        font-size:14px; \\n        color:#666666;\\n      }\\n      .campaign_logo {\\n        color:#00a0d8; \\n        text-decoration:none\\n      }\\n      .below_logo {\\n        padding-top:25px; \\n        padding-right:25px;\\n      }\\n\\n      @media screen and (max-width: 480px), screen and (max-device-width: 480px) {\\n        body[id=tilt] .mobile310 {\\n          width: 310px !important;\\n          margin: 0px auto !important;\\n          padding: 0px !important;\\n          background-color: #ffffff;\\n        }\\n        body[id=tilt] .mobileoff {\\n          display: none !important;\\n          width: 0 !important;\\n        }\\n        body[id=tilt] .logo {\\n          margin: 0 auto !important;\\n          padding: 11px 0px 11px 0px !important;\\n          width: 308px !important;\\n          display: block;\\n          text-align: center !important;\\n        }\\n        .header {\\n          line-height: 25px !important;\\n          font-size: 20px !important;\\n        }\\n        body[id=tilt] .body {\\n          line-height: 25px !important;\\n          font-size: 18px !important;\\n          font-weight: normal !important;\\n          padding: 25px !important;\\n        }\\n        body[id=tilt] .trns {\\n          margin: 0 auto !important;\\n          padding: 15px 25px !important;\\n          width: 310px !important;\\n          font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n          line-height: 21px !important;\\n          font-size: 16px !important;\\n          color: #666666 !important;\\n        }\\n        body[id=tilt] .receipthdr {\\n          margin: 0 auto !important;\\n          padding: 5px 0px 5px 0px !important;\\n          font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n          line-height: 19px !important;\\n          font-size: 16px !important;\\n          color: #666666 !important;\\n        }\\n        body[id=tilt] .share {\\n          margin: 0 auto !important;\\n          padding: 5px 0px 5px 0px !important;\\n          display: block !important;\\n        }\\n        body[id=tilt] .mobile-buttons {\\n          width: 150px !important;\\n          padding: 15px 0px 0px 0px !important;\\n          overflow:hidden !important;\\n\\n        }\\n        body[id=tilt] .mobile-buttons2 {\\n          padding-right: 0 !important;\\n          margin-bottom: 10px !important;\\n        }\\n        body[id=tilt] #trans_num {\\n          font-size: 12px;\\n        }\\n      }\\n    </style>\\n  </head>\\n\\n<body id=\\\"tilt\\\">\\n<table width=\\\"100%\\\" border=\\\"0\\\" cellspacing=\\\"0\\\" cellpadding=\\\"0\\\">\\n  <tr>\\n    <td bgcolor=\\\"#FFFFFF\\\">\\n\\n      <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n        <tbody><tr>\\n            <td height=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff single-px\\\"><img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\"></td>\\n        </tr></tbody>\\n      </table>\\n\\n      <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n        <tbody><tr>\\n          <td width=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\">\\n            <img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\">\\n          </td>\\n          <td width=\\\"318\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#ffffff\\\" class=\\\"logo\\\">\\n            <a href=\\\"{{ campaign.homepage_url }}?utm_source=multisite&utm_medium=email&utm_term=logo&utm_campaign=email\\\" target=\\\"_blank\\\" style=\\\"color:#00a0d8; text-decoration:none\\\">\\n              <img src=\\\"{{ assets.tilt_open_logo }}\\\" alt=\\\"A Tilt Pro site\\\" width=\\\"160\\\" class='logo-image'>\\n            </a>\\n          </td>\\n          <td width=\\\"300\\\" align=\\\"right\\\" valign=\\\"top\\\" bgcolor=\\\"#ffffff\\\" class=\\\"mobileoff\\\" style=\\\"padding-top:25px; padding-right:25px;\\\">&nbsp;</td>\\n          <td width=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\">\\n            <img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\">\\n          </td>\\n        </tr></tbody>\\n      </table>\\n\\n  <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n    <tr>\\n      <td align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#00a0d8\\\" class=\\\"header\\\" style=\\\"line-height:19px; font-size:18px; font-weight:bold; color:#ffffff; padding: 55px 25px 25px;\\\">Congrats! Someone redeemed your referral for <a href=\\\"#\\\" style=\\\"color: #fff; text-decoration: none;pointer-events:none; padding-right:0;\\\">{{ campaign.name }}</a></td>\\n    </tr>\\n  </table>\\n\\n<table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n  <tbody><tr>\\n      <td width=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\"><img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\"></td>\\n    <td width=\\\"618\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#FFFFFF\\\" class=\\\"mobile310\\\" style=\\\"line-height:20px; font-size:14px; color:#666666; padding: 25px;\\\">\\n      <table border=\\\"0\\\" align=\\\"left\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n        <tbody><tr>\\n        <td width=\\\"100%\\\" style=\\\"line-height:19px; font-size:14px; color:#666666;\\\">\\n\\n          <table width=\\\"100%\\\" border=\\\"0\\\" cellspacing=\\\"0\\\" cellpadding=\\\"0\\\">\\n            <tbody>\\n\\n            {% if payment.can_refer? %}\\n              <tr>\\n                <td align=\\\"center\\\" class=\\\"trns\\\">\\n                  Be on the lookout for a referral credit on your credit card statement within 2 - 5 business days!<br><br>\\n                  Keep going! Receive {{ campaign.referral_code_amount }} back for each friend who purchases through your link:<br><br>\\n                  <a href=\\\"{{ payment.sharing_url }}\\\">{{ payment.sharing_url }}</a>\\n                </td>\\n              </tr>\\n            {% endif %}\\n\\n            <tr>\\n              <td align=\\\"center\\\" class=\\\"trns\\\">\\n                SPREAD THE LOVE:<br />\\n              </td>\\n            </tr>\\n\\n            <tr>\\n              <td align=\\\"center\\\" class=\\\"buttons-wrap\\\">\\n                <div>\\n                  <div class=\\\"mobile-buttons\\\">\\n\\n                    <!-- Facebook Button -->\\n                    <div class=\\\"mobile-buttons2 button-wrap\\\" style=\\\"padding-right:5px\\\">\\n                      <table class=\\\"button-table\\\">\\n                        <tbody>\\n                          <tr height=\\\"28px\\\">\\n\\n                            <td width=\\\"20%\\\" class=\\\"button\\\" bgcolor=\\\"#00a0d8\\\">\\n                              <a href=\\\"http://www.facebook.com/share.php?u={{ payment.sharing_url }}\\\">\\n                                <img align=\\\"middle\\\" alt=\\\"\\\" height=\\\"30\\\" src=\\\"{{ assets.fb_icon }}\\\" class=\\\"button-icon\\\" width=\\\"30\\\">\\n                              </a>\\n                            </td>\\n\\n                            <td width=\\\"80%\\\" class=\\\"button-bg\\\" bgcolor=\\\"#00a0d8\\\">\\n                              <a href=\\\"http://www.facebook.com/share.php?u={{ payment.sharing_url }}\\\" class=\\\"button-link\\\" target=\\\"_blank\\\">\\n                                <span class=\\\"button-span\\\">Post This!</span>\\n                              </a>\\n                            </td>\\n\\n                          </tr>\\n                        </tbody>\\n                      </table>\\n                    </div>\\n\\n                    <!-- Twitter Button -->\\n                    <div class=\\\"mobile-buttons2 button-wrap\\\" style=\\\"padding-right:5px\\\">\\n                      <table class=\\\"button-table\\\">\\n                        <tbody>\\n                          <tr height=\\\"28px\\\">\\n\\n                            <td width=\\\"20%\\\" class=\\\"button\\\" bgcolor=\\\"#00a0d8\\\">\\n                              <a href=\\\"https://twitter.com/intent/tweet?text=I%20just%20contributed%20to%20this%20campaign%20on%20@Tilt. {{ payment.sharing_url }}\\\">\\n                                <img align=\\\"middle\\\" alt=\\\"\\\" height=\\\"30\\\" src=\\\"{{ assets.twitter_icon }}\\\" class=\\\"button-icon\\\" width=\\\"30\\\">\\n                              </a>\\n                            </td>\\n\\n                            <td width=\\\"80%\\\" class=\\\"button-bg\\\" bgcolor=\\\"#00a0d8\\\">\\n                              <a href=\\\"https://twitter.com/intent/tweet?text=I%20just%20contributed%20to%20{{ campaign.name }}%20on%20Tilt%20Open. {{ payment.sharing_url }}\\\" class=\\\"button-link\\\" target=\\\"_blank\\\">\\n                                <span class=\\\"button-span\\\">Tweet This!</span>\\n                              </a>\\n                            </td>\\n\\n                          </tr>\\n                        </tbody>\\n                      </table>\\n                    </div>\\n\\n                    <!-- Email Button -->\\n                    <div class=\\\"button-wrap\\\">\\n                      <table class=\\\"button-table\\\">\\n                        <tbody>\\n                          <tr height=\\\"28px\\\">\\n\\n                            <td width=\\\"20%\\\" class=\\\"button\\\" bgcolor=\\\"#00a0d8\\\">\\n                              <a href=\\\"mailto:?subject={{ campaign.name }}&amp;body=I just joined {{ campaign.name }}. {{ payment.sharing_url }}\\\">\\n                                <img align=\\\"middle\\\" alt=\\\"\\\" height=\\\"30\\\" src=\\\"{{ assets.email_icon }}\\\" class=\\\"button-icon\\\" width=\\\"30\\\">\\n                              </a>\\n                            </td>\\n\\n                            <td width=\\\"80%\\\" class=\\\"button-bg\\\" bgcolor=\\\"#00a0d8\\\">\\n                              <a href=\\\"mailto:?subject={{ campaign.name }}&amp;body=I just joined {{ campaign.name }}. {{ payment.sharing_url }}\\\" class=\\\"button-link\\\">\\n                                <span class=\\\"button-span\\\">Email This!</span>\\n                              </a>\\n                            </td>\\n\\n                          </tr>\\n                        </tbody>\\n                      </table>\\n                    </div>\\n\\n                  </div>\\n                </div>\\n              </td>\\n            </tr>\\n\\n            <tr>\\n              <td align=\\\"center\\\" class=\\\"receipthdr-2\\\">\\n                ~ Thanks for <em>tilting</em> with us!<br>\\n                If you have questions about the campaign, please contact\\n                <a href=\\\"mailto:{{ campaign.reply_to_email }}\\\" class=\\\"blue-link\\\">{{ campaign.reply_to_email }}</a>.<br>\\n                For all other questions, check out our <a href=\\\"https://prosupport.tilt.com/hc/categories/200246448-For-Contributors\\\">FAQs</a>.\\n              </td>\\n            </tr></tbody>\\n          </table>\\n        </td>\\n      </tr></tbody>\\n    </table></td>\\n  <td width=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\"><img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\" border=\\\"0\\\" style=\\\"display:block; border:none;\\\"></td>\\n  </tr></tbody>\\n</table>\\n\\n      <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n        <tbody><tr>\\n            <td height=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff single-px\\\"><img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\"></td>\\n        </tr></tbody>\\n      </table>\\n\\n      <br>\\n\\n      <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n        <tbody><tr>\\n          <td align=\\\"center\\\" valign=\\\"top\\\" style=\\\"line-height:14px; font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif; font-size:14px; color:#666666; padding-top:15px; padding-bottom:5px;\\\">\\n            <a class=\\\"bottom-link\\\" href=\\\"https://open.tilt.com/?utm_source=multisite&amp;utm_medium=email&amp;utm_term=tilt%20open%20site&amp;utm_content=receipt&amp;utm_campaign=email_footer\\\" target=\\\"_blank\\\">A Tilt Pro Site</a>\\n            &nbsp;<img height=\\\"15px;\\\" src=\\\"{{ assets.tilt_circle }}\\\">&nbsp;\\n            <a class=\\\"bottom-link\\\" href=\\\"https://www.tilt.com/?utm_source=cto&amp;utm_medium=email&amp;utm_term=powered%20by%20tilt&amp;utm_campaign=email_footer\\\" target=\\\"_blank\\\">Powered by Tilt</a>\\n          </td>\\n        </tr>\\n        </tbody>\\n      </table>\\n    </td>\\n  </tr>\\n</table>\\n</body>\\n</html>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n## Refund Notification Email\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<!DOCTYPE html>\\n<html>\\n  <head>\\n    <meta content=\\\"text/html; charset=UTF-8\\\" http-equiv=\\\"Content-Type\\\">\\n    <style type=\\\"text/css\\\">\\n      body {\\n        zoom: 1;\\n      }\\n      body, td {\\n        -ms-text-size-adjust: none;\\n        -webkit-text-size-adjust: none;\\n        margin: 0px;\\n        padding: 0px;\\n        font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n        font-size: 100%;\\n        line-height: 100%;\\n      }\\n      table {\\n        border-collapse: collapse;\\n      }\\n      .logo {\\n        padding: 25px;\\n      }\\n      .logo-image {\\n        margin-bottom: -6px;\\n      }\\n      .single-px {\\n        height: 1px;\\n        line-height: 1px;\\n        font-size: 1px;\\n      }\\n      .trns {\\n        line-height: 20px;\\n        font-size: 14px;\\n        color: #666666;\\n        padding-top: 15px;\\n        padding-bottom: 5px;\\n      }\\n      .receipthdr {\\n        line-height: 19px;\\n        font-size: 14px;\\n        color: #666666;\\n        padding-bottom: 7px;\\n      }\\n      .receipthdr-2 {\\n        line-height: 20px;\\n        font-size: 14px;\\n        color: #666666;\\n        padding-top: 11px;\\n        padding-bottom: 7px;\\n      }\\n      .blue-link {\\n        color: #00A0D8;\\n        text-decoration: none;\\n      }\\n      .bottom-link {\\n        color: #666666;\\n        text-decoration: none;\\n      }\\n      .header-text {\\n        line-height: 19px;\\n        font-size: 18px;\\n        font-weight: bold;\\n        color: #FFFFFF;\\n        padding: 55px 25px 25px;\\n      }\\n      .buttons-wrap {\\n        line-height: 20px;\\n        font-size: 14px;\\n        color: #666666;\\n        padding-top: 0px;\\n        padding-bottom: 15px;\\n      }\\n      .buttons {\\n        width: 100%;\\n        text-align: center;\\n        overflow: hidden;\\n      }\\n      .mobile-buttons {\\n        margin: 0 auto;\\n        width: 470px;\\n      }\\n      .button-wrap {\\n        width: 150px;\\n        float: left;\\n      }\\n      .button-table {\\n        border-collapse:collapse;\\n        border:0;\\n        margin-left:auto;\\n        margin-right:auto;\\n        width:150px;\\n      }\\n      .button {\\n        background-color: #00a0d8;\\n        padding: 6px 0px 6px 5px;\\n        border-radius: 4px 0 0 4px;\\n        color: #ffffff;\\n        font-weight: bold;\\n        font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n        text-align: center;\\n      }\\n      .button-icon {\\n        width: 30px;\\n        height: 30px;\\n        line-height: 100%;\\n        outline: none;\\n        text-decoration: none;\\n        display: inline;\\n        font-weight: bold;\\n        color: #fff;\\n        padding-left:3px;\\n      }\\n      .button-bg {\\n        background-color: #00a0d8;\\n        padding: 6px 5px 6px 0px;\\n        border-radius: 0 4px 4px 0;\\n        color: #ffffff;\\n        font-weight: bold;\\n        font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n        text-align: left;\\n        text-indent: 10px;\\n      }\\n      .button-link {\\n        color: white;\\n        text-decoration: none;\\n      }\\n      .button-span {\\n        font-size: 14px;\\n      }\\n      .weird-link {\\n        color: #666666;\\n        text-decoration: none;\\n        pointer-events:none;\\n        padding-right:0;\\n      }\\n      .outer-body-content {\\n        line-height:20px; \\n        font-size:14px; \\n        color:#666666; \\n        padding: 25px;\\n      }\\n      .body-content {\\n        line-height:19px; \\n        font-size:14px; \\n        color:#666666;\\n      }\\n      .campaign_logo {\\n        color:#00a0d8; \\n        text-decoration:none\\n      }\\n      .below_logo {\\n        padding-top:25px; \\n        padding-right:25px;\\n      }\\n\\n      @media screen and (max-width: 480px), screen and (max-device-width: 480px) {\\n        body[id=tilt] .mobile310 {\\n          width: 310px !important;\\n          margin: 0px auto !important;\\n          padding: 0px !important;\\n          background-color: #ffffff;\\n        }\\n        body[id=tilt] .mobileoff {\\n          display: none !important;\\n          width: 0 !important;\\n        }\\n        body[id=tilt] .logo {\\n          margin: 0 auto !important;\\n          padding: 11px 0px 11px 0px !important;\\n          width: 308px !important;\\n          display: block;\\n          text-align: center !important;\\n        }\\n        .header {\\n          line-height: 25px !important;\\n          font-size: 20px !important;\\n        }\\n        body[id=tilt] .body {\\n          line-height: 25px !important;\\n          font-size: 18px !important;\\n          font-weight: normal !important;\\n          padding: 25px !important;\\n        }\\n        body[id=tilt] .trns {\\n          margin: 0 auto !important;\\n          padding: 15px 25px !important;\\n          width: 310px !important;\\n          font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n          line-height: 21px !important;\\n          font-size: 16px !important;\\n          color: #666666 !important;\\n        }\\n        body[id=tilt] .receipthdr {\\n          margin: 0 auto !important;\\n          padding: 5px 0px 5px 0px !important;\\n          font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n          line-height: 19px !important;\\n          font-size: 16px !important;\\n          color: #666666 !important;\\n        }\\n        body[id=tilt] .share {\\n          margin: 0 auto !important;\\n          padding: 5px 0px 5px 0px !important;\\n          display: block !important;\\n        }\\n        body[id=tilt] .mobile-buttons {\\n          width: 150px !important;\\n          padding: 15px 0px 0px 0px !important;\\n          overflow:hidden !important;\\n\\n        }\\n        body[id=tilt] .mobile-buttons2 {\\n          padding-right: 0 !important;\\n          margin-bottom: 10px !important;\\n        }\\n        body[id=tilt] #trans_num {\\n          font-size: 12px;\\n        }\\n      }\\n    </style>\\n  </head>\\n\\n<body id=\\\"tilt\\\" style=\\\"zoom: 1;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 100%;\\\">\\n<table width=\\\"100%\\\" border=\\\"0\\\" cellspacing=\\\"0\\\" cellpadding=\\\"0\\\" style=\\\"border-collapse: collapse;\\\">\\n  <tr>\\n    <td bgcolor=\\\"#FFFFFF\\\" style=\\\"-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 100%;\\\">\\n\\n      <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\" style=\\\"border-collapse: collapse;\\\">\\n        <tbody><tr>\\n            <td height=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff single-px\\\" style=\\\"-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 1px;line-height: 1px;height: 1px;\\\"><img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\"></td>\\n        </tr></tbody>\\n      </table>\\n\\n      <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\" style=\\\"border-collapse: collapse;\\\">\\n        <tbody><tr>\\n          <td width=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\" style=\\\"-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 100%;\\\">\\n            <img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\">\\n          </td>\\n          <td width=\\\"318\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#ffffff\\\" class=\\\"logo\\\" style=\\\"-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 25px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 100%;\\\">\\n            <a href=\\\"{{ campaign.homepage_url }}?utm_source=multisite&utm_medium=email&utm_term=logo&utm_campaign=email\\\" target=\\\"_blank\\\" style=\\\"color:#00a0d8; text-decoration:none\\\">\\n              <img src=\\\"{{ assets.tilt_open_logo }}\\\" alt=\\\"A Tilt Pro site\\\" width=\\\"160\\\" class=\\\"logo-image\\\" style=\\\"margin-bottom: -6px;\\\">\\n            </a>\\n          </td>\\n          <td width=\\\"300\\\" align=\\\"right\\\" valign=\\\"top\\\" bgcolor=\\\"#ffffff\\\" class=\\\"mobileoff\\\" style=\\\"padding-top: 25px;padding-right: 25px;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 100%;\\\">&nbsp;</td>\\n          <td width=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\" style=\\\"-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 100%;\\\">\\n            <img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\">\\n          </td>\\n        </tr></tbody>\\n      </table>\\n\\n<table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\" style=\\\"border-collapse: collapse;\\\"><tbody>\\n<tr>\\n  <td align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#00a0d8\\\" class=\\\"header\\\" style=\\\"line-height: 16px;font-size: 18px;font-weight: bold;color: #ffffff;padding: 55px 25px 25px;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\\">Your Refund Confirmation</td>\\n</tr>\\n</tbody></table>\\n\\n<table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\" style=\\\"border-collapse: collapse;\\\"><tbody>\\n<tr>\\n  <td width=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\" style=\\\"-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 100%;\\\"><img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\"></td>\\n  <td width=\\\"618\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#ffffff\\\" class=\\\"body\\\" style=\\\"line-height: 20px;font-size: 14px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;color: #666666;padding: 25px;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;\\\">\\n    Hi {{ payment.first_name }},\\n\\n    <p>\\n      This email is to confirm that your contribution to {{ campaign.name }} has been refunded and any pending authorizations have been removed.\\n    </p>\\n    <p>\\n       While this refund is immediate on our part, it can take up to five business days for the refund to show on your credit card statement.\\n    </p>\\n\\n    <p>\\n      Transaction ID: {{ payment.transaction_id }}<br>\\n      Amount charged: {{ payment.total_charged_amount }}<br>\\n      Date of charge: {{ payment.date }}<br>\\n      Date of refund: {{ payment.date_refunded }}<br>\\n      Refund will appear as: {{ campaign.billing_statement_text }}\\n    </p>\\n\\n  </td>\\n  <td width=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\" style=\\\"-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 100%;\\\"><img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\"></td>\\n</tr>\\n</tbody></table>\\n\\n      <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\" style=\\\"border-collapse: collapse;\\\">\\n        <tbody><tr>\\n            <td height=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff single-px\\\" style=\\\"-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 1px;line-height: 1px;height: 1px;\\\"><img src=\\\"{{ assets.spacer }}\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\"></td>\\n        </tr></tbody>\\n      </table>\\n\\n      <br>\\n\\n      <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\" style=\\\"border-collapse: collapse;\\\">\\n        <tbody><tr>\\n          <td align=\\\"center\\\" valign=\\\"top\\\" style=\\\"line-height: 14px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 14px;color: #666666;padding-top: 15px;padding-bottom: 5px;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;\\\">\\n            <a class=\\\"bottom-link\\\" href=\\\"https://open.tilt.com/?utm_source=multisite&amp;utm_medium=email&amp;utm_term=tilt%20open%20site&amp;utm_content=receipt&amp;utm_campaign=email_footer\\\" target=\\\"_blank\\\" style=\\\"color: #666666;text-decoration: none;\\\">A Tilt Pro Site</a>\\n            &nbsp;<img height=\\\"15px;\\\" src=\\\"{{ assets.tilt_circle }}\\\">&nbsp;\\n            <a class=\\\"bottom-link\\\" href=\\\"https://www.tilt.com/?utm_source=cto&amp;utm_medium=email&amp;utm_term=powered%20by%20tilt&amp;utm_campaign=email_footer\\\" target=\\\"_blank\\\" style=\\\"color: #666666;text-decoration: none;\\\">Powered by Tilt</a>\\n          </td>\\n        </tr>\\n        </tbody>\\n      </table>\\n    </td>\\n  </tr>\\n</table>\\n</body>\\n</html>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n## Manual Refund Initiated\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<!DOCTYPE html>\\n<html>\\n  <head>\\n    <meta content=\\\"text/html; charset=UTF-8\\\" http-equiv=\\\"Content-Type\\\" />\\n    <style type=\\\"text/css\\\">\\n      body {\\n        zoom: 1;\\n      }\\n      body, td {\\n        -ms-text-size-adjust: none;\\n        -webkit-text-size-adjust: none;\\n        margin: 0px;\\n        padding: 0px;\\n        font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n        font-size: 100%;\\n        line-height: 100%;\\n      }\\n      table {\\n        border-collapse: collapse;\\n      }\\n      .logo {\\n        padding: 25px;\\n      }\\n      .logo-image {\\n        margin-bottom: -6px;\\n      }\\n      .single-px {\\n        height: 1px;\\n        line-height: 1px;\\n        font-size: 1px;\\n      }\\n      .trns {\\n        line-height: 20px;\\n        font-size: 14px;\\n        color: #666666;\\n        padding-top: 15px;\\n        padding-bottom: 5px;\\n      }\\n      .receipthdr {\\n        line-height: 19px;\\n        font-size: 14px;\\n        color: #666666;\\n        padding-bottom: 7px;\\n      }\\n      .receipthdr-2 {\\n        line-height: 20px;\\n        font-size: 14px;\\n        color: #666666;\\n        padding-top: 11px;\\n        padding-bottom: 7px;\\n      }\\n      .blue-link {\\n        color: #00A0D8;\\n        text-decoration: none;\\n      }\\n      .bottom-link {\\n        color: #666666;\\n        text-decoration: none;\\n      }\\n      .header-text {\\n        line-height: 19px;\\n        font-size: 18px;\\n        font-weight: bold;\\n        color: #FFFFFF;\\n        padding: 55px 25px 25px;\\n      }\\n      .buttons-wrap {\\n        line-height: 20px;\\n        font-size: 14px;\\n        color: #666666;\\n        padding-top: 0px;\\n        padding-bottom: 15px;\\n      }\\n      .buttons {\\n        width: 100%;\\n        text-align: center;\\n        overflow: hidden;\\n      }\\n      .mobile-buttons {\\n        margin: 0 auto;\\n        width: 470px;\\n      }\\n      .button-wrap {\\n        width: 150px;\\n        float: left;\\n      }\\n      .button-table {\\n        border-collapse:collapse;\\n        border:0;\\n        margin-left:auto;\\n        margin-right:auto;\\n        width:150px;\\n      }\\n      .button {\\n        background-color: #00a0d8;\\n        padding: 6px 0px 6px 5px;\\n        border-radius: 4px 0 0 4px;\\n        color: #ffffff;\\n        font-weight: bold;\\n        font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n        text-align: center;\\n      }\\n      .button-icon {\\n        width: 30px;\\n        height: 30px;\\n        line-height: 100%;\\n        outline: none;\\n        text-decoration: none;\\n        display: inline;\\n        font-weight: bold;\\n        color: #fff;\\n        padding-left:3px;\\n      }\\n      .button-bg {\\n        background-color: #00a0d8;\\n        padding: 6px 5px 6px 0px;\\n        border-radius: 0 4px 4px 0;\\n        color: #ffffff;\\n        font-weight: bold;\\n        font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n        text-align: left;\\n        text-indent: 10px;\\n      }\\n      .button-link {\\n        color: white;\\n        text-decoration: none;\\n      }\\n      .button-span {\\n        font-size: 14px;\\n      }\\n      .weird-link {\\n        color: #666666;\\n        text-decoration: none;\\n        pointer-events:none;\\n        padding-right:0;\\n      }\\n      .outer-body-content {\\n        line-height:20px; \\n        font-size:14px; \\n        color:#666666; \\n        padding: 25px;\\n      }\\n      .body-content {\\n        line-height:19px; \\n        font-size:14px; \\n        color:#666666;\\n      }\\n      .campaign_logo {\\n        color:#00a0d8; \\n        text-decoration:none\\n      }\\n      .below_logo {\\n        padding-top:25px; \\n        padding-right:25px;\\n      }\\n\\n      @media screen and (max-width: 480px), screen and (max-device-width: 480px) {\\n        body[id=tilt] .mobile310 {\\n          width: 310px !important;\\n          margin: 0px auto !important;\\n          padding: 0px !important;\\n          background-color: #ffffff;\\n        }\\n        body[id=tilt] .mobileoff {\\n          display: none !important;\\n          width: 0 !important;\\n        }\\n        body[id=tilt] .logo {\\n          margin: 0 auto !important;\\n          padding: 11px 0px 11px 0px !important;\\n          width: 308px !important;\\n          display: block;\\n          text-align: center !important;\\n        }\\n        .header {\\n          line-height: 25px !important;\\n          font-size: 20px !important;\\n        }\\n        body[id=tilt] .body {\\n          line-height: 25px !important;\\n          font-size: 18px !important;\\n          font-weight: normal !important;\\n          padding: 25px !important;\\n        }\\n        body[id=tilt] .trns {\\n          margin: 0 auto !important;\\n          padding: 15px 25px !important;\\n          width: 310px !important;\\n          font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n          line-height: 21px !important;\\n          font-size: 16px !important;\\n          color: #666666 !important;\\n        }\\n        body[id=tilt] .receipthdr {\\n          margin: 0 auto !important;\\n          padding: 5px 0px 5px 0px !important;\\n          font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\\n          line-height: 19px !important;\\n          font-size: 16px !important;\\n          color: #666666 !important;\\n        }\\n        body[id=tilt] .share {\\n          margin: 0 auto !important;\\n          padding: 5px 0px 5px 0px !important;\\n          display: block !important;\\n        }\\n        body[id=tilt] .mobile-buttons {\\n          width: 150px !important;\\n          padding: 15px 0px 0px 0px !important;\\n          overflow:hidden !important;\\n\\n        }\\n        body[id=tilt] .mobile-buttons2 {\\n          padding-right: 0 !important;\\n          margin-bottom: 10px !important;\\n        }\\n        body[id=tilt] #trans_num {\\n          font-size: 12px;\\n        }\\n      }\\n    </style>\\n  </head>\\n<body id=\\\"tilt\\\">\\n<table width=\\\"100%\\\" border=\\\"0\\\" cellspacing=\\\"0\\\" cellpadding=\\\"0\\\">\\n  <tbody><tr>\\n    <td bgcolor=\\\"#FFFFFF\\\">\\n\\n      <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n        <tbody><tr>\\n          <td height=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\" style=\\\"height:1px; line-height:1px; font-size:1px;\\\"><img src=\\\"https://dfzwuiceix8tu.cloudfront.net/assets/emails/spacer-7bab39dd92818d982e8a034cf2a1eb0b.gif\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\"></td>\\n        </tr></tbody>\\n      </table>\\n\\n      <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n        <tbody><tr>\\n          <td width=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\">\\n            <img src=\\\"https://dfzwuiceix8tu.cloudfront.net/assets/emails/spacer-7bab39dd92818d982e8a034cf2a1eb0b.gif\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\">\\n          </td>\\n          <td width=\\\"318\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#ffffff\\\" class=\\\"logo\\\" style=\\\"padding-top:25px; padding-right:25px; padding-bottom:25px; padding-left:25px;\\\">\\n            <a href=\\\"https://wyman.tilt.com/?utm_source=multisite&amp;utm_medium=email&amp;utm_term=logo&amp;utm_campaign=email\\\" target=\\\"_blank\\\" style=\\\"color:#00a0d8; text-decoration:none\\\">\\n              <img src=\\\"https://dfzwuiceix8tu.cloudfront.net/assets/tilt_pro_logo-779149f9ae408318621dc5ee26153a0e.png\\\" alt=\\\"A Tilt Pro site\\\" width=\\\"160\\\" style=\\\"margin-bottom:-6px;\\\">\\n            </a>\\n          </td>\\n          <td width=\\\"300\\\" align=\\\"right\\\" valign=\\\"top\\\" bgcolor=\\\"#ffffff\\\" class=\\\"mobileoff\\\" style=\\\"padding-top:25px; padding-right:25px;\\\">&nbsp;</td>\\n          <td width=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\">\\n            <img src=\\\"https://dfzwuiceix8tu.cloudfront.net/assets/emails/spacer-7bab39dd92818d982e8a034cf2a1eb0b.gif\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\">\\n          </td>\\n        </tr></tbody>\\n      </table>\\n\\n      <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\"><tbody>\\n<tr>\\n  <td align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#00a0d8\\\" class=\\\"header\\\" style=\\\"line-height:16px; font-size:18px; font-weight:bold; color:#ffffff; padding: 55px 25px 25px;\\\">Your Refund</td>\\n</tr>\\n</tbody></table>\\n\\n<table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\"><tbody>\\n<tr>\\n  <td width=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\"><img src=\\\"https://dfzwuiceix8tu.cloudfront.net/assets/emails/spacer-7bab39dd92818d982e8a034cf2a1eb0b.gif\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\"></td>\\n  <td width=\\\"618\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#ffffff\\\" class=\\\"body\\\" style=\\\"line-height:20px; font-size:14px; font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif; color:#666666; padding: 25px;\\\">\\n    Hi there,\\n\\n    <p>\\n      We were unable to refund this transaction back to the original card used for your purchase. This typically occurs when the transaction is either very old, or the card/account has been closed.\\n    </p>\\n\\n    <p>\\n      We're sorry for the hassle! Please reply to this email to set up another means of obtaining your refund (for instance -- check, store credit, PayPal, etc).\\n    </p>\\n\\n    <p>We know that's not ideal, and we're sorry this one didn't succeed through normal means.</p>\\n\\n    <p>\\n      Transaction ID: {{ payment.transaction_id }}<br>\\n      Amount charged: {{ payment.total_charged_amount }}<br>\\n      Date of charge: {{ payment.date }}<br>\\n    </p>\\n\\n    <p><br>The Tilt Team</p>\\n  </td>\\n  <td width=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\"><img src=\\\"https://dfzwuiceix8tu.cloudfront.net/assets/emails/spacer-7bab39dd92818d982e8a034cf2a1eb0b.gif\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\"></td>\\n</tr>\\n</tbody></table>\\n\\n\\n      <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n        <tbody><tr>\\n          <td height=\\\"1\\\" align=\\\"left\\\" valign=\\\"top\\\" bgcolor=\\\"#B3B3B3\\\" class=\\\"mobileoff\\\" style=\\\"height:1px; line-height:1px; font-size:1px;\\\"><img src=\\\"https://dfzwuiceix8tu.cloudfront.net/assets/emails/spacer-7bab39dd92818d982e8a034cf2a1eb0b.gif\\\" width=\\\"1\\\" height=\\\"1\\\" alt=\\\"\\\"></td>\\n        </tr></tbody>\\n      </table>\\n\\n      <br>\\n\\n      <table width=\\\"620\\\" border=\\\"0\\\" align=\\\"center\\\" cellpadding=\\\"0\\\" cellspacing=\\\"0\\\" class=\\\"mobile310\\\">\\n        <tbody><tr>\\n          <td align=\\\"center\\\" valign=\\\"top\\\" style=\\\"line-height:14px; font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif; font-size:14px; color:#666666; padding-top:15px; padding-bottom:5px;\\\">\\n            <a href=\\\"https://open.tilt.com/?utm_source=multisite&amp;utm_medium=email&amp;utm_term=tilt%20open%20site&amp;utm_content=receipt&amp;utm_campaign=email_footer\\\" target=\\\"_blank\\\" style=\\\"color:#666666; text-decoration:none;\\\">A Tilt Pro Site</a>\\n            &nbsp;<img height=\\\"15px;\\\" src=\\\"https://dfzwuiceix8tu.cloudfront.net/assets/tiltcircle-e66b084766cadc36c428e5abb40856eb.png\\\">&nbsp;\\n            <a href=\\\"https://www.tilt.com/?utm_source=cto&amp;utm_medium=email&amp;utm_term=powered%20by%20tilt&amp;utm_campaign=email_footer\\\" target=\\\"_blank\\\" style=\\\"color:#666666; text-decoration:none;\\\">Powered by Tilt</a>\\n          </td>\\n        </tr>\\n        </tbody>\\n      </table>\\n    </td>\\n  </tr>\\n</tbody></table>\\n</body>\\n</html>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Recommended setup (MailChimp)\"\n}\n[/block]\nUsing MailChimp to generate your custom email templates allows for the best of both worlds: a friendly, WYSIWYG editor paired with the ability to export your template to solid email HTML with a single click.\n\nThere's no cost to use MailChimp to design and generate your custom email HTML, but you'll need to [sign up for an account](https://login.mailchimp.com/signup?) before getting started.\n\nOnce you're signed up, you can follow the step-by-step instructions below to create your custom email HTML:\n\n1. Click ```Templates``` from the top navigation bar\n2. Click the ```Create Template``` button in the top right of the page\n3. Browse the various available template themes. Once you find that fits your needs, select it and you'll be taken to a screen where you can further customize the look and feel of the email.\n4. Once you've customized the email with your desired styling and copy, click on ```Save and Exit``` in the bottom right corner to complete the customization process.\n5. To download the email HTML, click on the select ```Export as HTML``` from the drop down menu as shown below. That's it!\n\n![Export as HTML button](https://s3-us-west-2.amazonaws.com/custom-checkout/html-export.png)\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Advanced setup (Custom email HTML)\"\n}\n[/block]\nEmail HTML is tricky to work with, so we suggest that most people use MailChimp (or a similar service) to generate their email HTML.\n\nIf you'd like to venture into the wide world of completely custom email HTML, we suggest using some of the following open source resources as a starting point:\n\n* [Open Source Email Templates from sendwithus](https://www.sendwithus.com/resources/templates)\n* [Email Blueprints from MailChimp](http://templates.mailchimp.com/)\n* [Transactional email templates from Mailgun](https://github.com/mailgun/transactional-email-templates)\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Uploading and editing your custom emails\"\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Be sure to reference our Custom Email Variables documentation\",\n  \"body\": \"Be sure to use our provided payment variables when designing your custom emails. You can find that documentation at https://docs.tilt.com/v1.0/docs/custom-email-variables.\"\n}\n[/block]\nYou can upload, edit, and preview your custom emails directly in your dashboard from the campaign edit page of any campaign -- just look for the \"Emails\" tab.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/2u5tAlYSEemTOpaFLMVB_Screen%20Shot%202016-01-11%20at%206.16.57%20PM.png\",\n        \"Screen Shot 2016-01-11 at 6.16.57 PM.png\",\n        \"2538\",\n        \"1410\",\n        \"#13a8dc\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Sharing your referral links in emails\"\n}\n[/block]\nIf you'd like to send your customer's referral links to them in custom marketing emails that you send, you can find their unique referral code in the CSV of payments available from the Payments page in your admin panel.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/hY2dbKG3ReGqNCeSOTjw_Screen%20Shot%202015-06-16%20at%2011.00.23%20AM.png\",\n        \"Screen Shot 2015-06-16 at 11.00.23 AM.png\",\n        \"1866\",\n        \"142\",\n        \"\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nIn your CSV, you'll find a column labeled ```Referral Code```.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/e1tzX9t9TfiH0zaFIVkB_Screen%20Shot%202015-06-14%20at%2011.48.14%20PM-1.png\",\n        \"Screen Shot 2015-06-14 at 11.48.14 PM-1.png\",\n        \"952\",\n        \"156\",\n        \"#8d3c12\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nThis code will be added to the end of the website URL entered in your admin panel in the following way:\n\n```\nhttps://www.SiteUrl.com?ct-referral-code=REFERRAL_CODE\n```\n\n**Here's an example of sending out your referral links to customers with Mailchimp** \n\nStart by creating a new list in Mailchimp. \n\nUsing the data found in your payments CSV, add name, email, and referral code values for each customer you'd like to include in your mailing.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/R5owPh9SsqRlZ4npEzAg_Screen%20Shot%202015-06-16%20at%2011.12.57%20AM.png\",\n        \"Screen Shot 2015-06-16 at 11.12.57 AM.png\",\n        \"910\",\n        \"426\",\n        \"#51adc4\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nName the column with your customer's referral code \"Referral Code.\" Then, click on \"Complete Import\" to add your subscribers.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/7pbos74Rvyfoyx5yjjn1_Screen%20Shot%202015-06-16%20at%2011.13.56%20AM.png\",\n        \"Screen Shot 2015-06-16 at 11.13.56 AM.png\",\n        \"1582\",\n        \"754\",\n        \"#7dabb7\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nNext, create a new campaign. While you can choose any type of campaign, we'll walk through with an example of an HTML email.\n\nLet's add a custom button that will allow the user to share their referral link with a friend\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/vsXRRGwFQeiRaJC43HzR_Screen%20Shot%202015-06-16%20at%2011.18.03%20AM.png\",\n        \"Screen Shot 2015-06-16 at 11.18.03 AM.png\",\n        \"1236\",\n        \"640\",\n        \"\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nPlace the merge tag for the referral code column at the end of your site URL as shown below. This will ensure that each of your emails includes your customer's unique referral link.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/DYbhqlTIQQueRZjefHz7_Screen%20Shot%202015-06-16%20at%2011.21.37%20AM.png\",\n        \"Screen Shot 2015-06-16 at 11.21.37 AM.png\",\n        \"310\",\n        \"232\",\n        \"#4a4a4a\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/kPMrmX8HQjqfVlMOJcYR_Screen%20Shot%202015-06-16%20at%2011.21.56%20AM.png\",\n        \"Screen Shot 2015-06-16 at 11.21.56 AM.png\",\n        \"678\",\n        \"864\",\n        \"#292929\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nYou can test this out before sending by using Mailchimp's preview mode and test email features.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/TkUmIhWDQWlhHQIoanbj_Screen%20Shot%202015-06-16%20at%2011.22.18%20AM.png\",\n        \"Screen Shot 2015-06-16 at 11.22.18 AM.png\",\n        \"536\",\n        \"646\",\n        \"#e8e8e8\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]","excerpt":"","slug":"customizing-your-emails","type":"basic","title":"Email Customization Guide"}

Email Customization Guide


You can choose to use our default emails (which prominently feature the logo you upload in your admin panel under "Site Settings") or choose to use completely custom emails. [block:callout] { "type": "info", "title": "Be sure to reference our Custom Email Variables documentation", "body": "When customizing your emails, please refer to our [Custom Email Variables](https://docs.tilt.com/v1.0/docs/custom-email-variables) docs." } [/block] [block:api-header] { "type": "basic", "title": "Tweaking our default emails (basic setup)" } [/block] If you'd like tweak copy in the standard Tilt Pro emails (confirmation, referral notification, and refund notification), you can use the following templates as a starting point. All liquid variables are in place, so you should be able to get up and running quickly! ## Confirmation email [block:code] { "codes": [ { "code": "<!DOCTYPE html>\n<html>\n <head>\n <meta content=\"text/html; charset=UTF-8\" http-equiv=\"Content-Type\" />\n <style type=\"text/css\">\n body {\n zoom: 1;\n }\n body, td {\n -ms-text-size-adjust: none;\n -webkit-text-size-adjust: none;\n margin: 0px;\n padding: 0px;\n font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n font-size: 100%;\n line-height: 100%;\n }\n table {\n border-collapse: collapse;\n }\n .logo {\n padding: 25px;\n }\n .logo-image {\n margin-bottom: -6px;\n }\n .single-px {\n height: 1px;\n line-height: 1px;\n font-size: 1px;\n }\n .trns {\n line-height: 20px;\n font-size: 14px;\n color: #666666;\n padding-top: 15px;\n padding-bottom: 5px;\n }\n .receipthdr {\n line-height: 19px;\n font-size: 14px;\n color: #666666;\n padding-bottom: 7px;\n }\n .receipthdr-2 {\n line-height: 20px;\n font-size: 14px;\n color: #666666;\n padding-top: 11px;\n padding-bottom: 7px;\n }\n .blue-link {\n color: #00A0D8;\n text-decoration: none;\n }\n .bottom-link {\n color: #666666;\n text-decoration: none;\n }\n .header-text {\n line-height: 19px;\n font-size: 18px;\n font-weight: bold;\n color: #FFFFFF;\n padding: 55px 25px 25px;\n }\n .buttons-wrap {\n line-height: 20px;\n font-size: 14px;\n color: #666666;\n padding-top: 0px;\n padding-bottom: 15px;\n }\n .buttons {\n width: 100%;\n text-align: center;\n overflow: hidden;\n }\n .mobile-buttons {\n margin: 0 auto;\n width: 470px;\n }\n .button-wrap {\n width: 150px;\n float: left;\n }\n .button-table {\n border-collapse:collapse;\n border:0;\n margin-left:auto;\n margin-right:auto;\n width:150px;\n }\n .button {\n background-color: #00a0d8;\n padding: 6px 0px 6px 5px;\n border-radius: 4px 0 0 4px;\n color: #ffffff;\n font-weight: bold;\n font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n text-align: center;\n }\n .button-icon {\n width: 30px;\n height: 30px;\n line-height: 100%;\n outline: none;\n text-decoration: none;\n display: inline;\n font-weight: bold;\n color: #fff;\n padding-left:3px;\n }\n .button-bg {\n background-color: #00a0d8;\n padding: 6px 5px 6px 0px;\n border-radius: 0 4px 4px 0;\n color: #ffffff;\n font-weight: bold;\n font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n text-align: left;\n text-indent: 10px;\n }\n .button-link {\n color: white;\n text-decoration: none;\n }\n .button-span {\n font-size: 14px;\n }\n .weird-link {\n color: #666666;\n text-decoration: none;\n pointer-events:none;\n padding-right:0;\n }\n .outer-body-content {\n line-height:20px; \n font-size:14px; \n color:#666666; \n padding: 25px;\n }\n .body-content {\n line-height:19px; \n font-size:14px; \n color:#666666;\n }\n .campaign_logo {\n color:#00a0d8; \n text-decoration:none\n }\n .below_logo {\n padding-top:25px; \n padding-right:25px;\n }\n\n @media screen and (max-width: 480px), screen and (max-device-width: 480px) {\n body[id=tilt] .mobile310 {\n width: 310px !important;\n margin: 0px auto !important;\n padding: 0px !important;\n background-color: #ffffff;\n }\n body[id=tilt] .mobileoff {\n display: none !important;\n width: 0 !important;\n }\n body[id=tilt] .logo {\n margin: 0 auto !important;\n padding: 11px 0px 11px 0px !important;\n width: 308px !important;\n display: block;\n text-align: center !important;\n }\n .header {\n line-height: 25px !important;\n font-size: 20px !important;\n }\n body[id=tilt] .body {\n line-height: 25px !important;\n font-size: 18px !important;\n font-weight: normal !important;\n padding: 25px !important;\n }\n body[id=tilt] .trns {\n margin: 0 auto !important;\n padding: 15px 25px !important;\n width: 310px !important;\n font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n line-height: 21px !important;\n font-size: 16px !important;\n color: #666666 !important;\n }\n body[id=tilt] .receipthdr {\n margin: 0 auto !important;\n padding: 5px 0px 5px 0px !important;\n font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n line-height: 19px !important;\n font-size: 16px !important;\n color: #666666 !important;\n }\n body[id=tilt] .share {\n margin: 0 auto !important;\n padding: 5px 0px 5px 0px !important;\n display: block !important;\n }\n body[id=tilt] .mobile-buttons {\n width: 150px !important;\n padding: 15px 0px 0px 0px !important;\n overflow:hidden !important;\n\n }\n body[id=tilt] .mobile-buttons2 {\n padding-right: 0 !important;\n margin-bottom: 10px !important;\n }\n body[id=tilt] #trans_num {\n font-size: 12px;\n }\n }\n </style>\n </head>\n\n<body id=\"tilt\">\n<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n <tr>\n <td bgcolor=\"#FFFFFF\">\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tbody><tr>\n <td height=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff single-px\"><img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\"></td>\n </tr></tbody>\n </table>\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tbody><tr>\n <td width=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\">\n <img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\">\n </td>\n <td width=\"318\" align=\"left\" valign=\"top\" bgcolor=\"#ffffff\" class=\"logo\">\n <a href=\"{{ campaign.homepage_url }}?utm_source=multisite&utm_medium=email&utm_term=logo&utm_campaign=email\" target=\"_blank\" style=\"color:#00a0d8; text-decoration:none\">\n <img src=\"{{ assets.tilt_open_logo }}\" alt=\"A Tilt Pro site\" width=\"160\" class='logo-image'>\n </a>\n </td>\n <td width=\"300\" align=\"right\" valign=\"top\" bgcolor=\"#ffffff\" class=\"mobileoff\" style=\"padding-top:25px; padding-right:25px;\">&nbsp;</td>\n <td width=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\">\n <img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\">\n </td>\n </tr></tbody>\n </table>\n\n{% unless campaign.payment_email_disable_header %}\n<table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tr>\n {% if campaign.header_image_url %}\n <td align=\"left\" valign=\"top\" class=\"header\">\n <img src=\"{{ campaign.header_image_url }}\" alt=\"A Tilt Pro site\" width=\"100%\" class='logo-image'>\n </td>\n {% else %}\n <td align=\"left\" valign=\"top\" bgcolor=\"#00a0d8\" class=\"header header-text\">\n {{ campaign.header_text }}\n </td>\n {% endif %}\n </tr>\n</table>\n{% endunless %}\n\n<table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tbody><tr>\n <td width=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\"><img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\"></td>\n <td width=\"618\" align=\"left\" valign=\"top\" bgcolor=\"#FFFFFF\" class=\"mobile310\" style=\"line-height:20px; font-size:14px; color:#666666; padding: 25px;\">\n <table border=\"0\" align=\"left\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tbody><tr>\n <td width=\"100%\" style=\"line-height:19px; font-size:14px; color:#666666;\">\n <p>Hi {{ payment.first_name }},</p>\n <p>Your {{ campaign.payment_noun }} to <a class=\"blue-link\" href=\"{{ campaign.sharing_url }}?utm_source=multisite&amp;utm_medium=email&amp;utm_term=receipt&amp;utm_content=receipt&amp;utm_campaign=c-notifications\" target=\"_blank\">{{ campaign.name }}</a> has been confirmed. Please keep this email as a record of your {{ campaign.payment_noun }}.</p>\n {% if campaign.pre_tilt? %}\n <p>Your credit card will only be charged if this campaign reaches its tilt amount. In the meantime, you might see an authorization on your card to ensure sufficient funds are available.</p>\n {% endif %}\n\n <br />\n\n <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n <tbody>\n\n <tr>\n <td width=\"200\" class=\"receipthdr\" align=\"left\">\n <strong>Transaction Details:</strong>\n </td>\n <td align=\"left\">\n &nbsp;\n </td>\n </tr>\n\n {% if payment.has_reward? %}\n\n {% if campaign.dollars? %}\n <tr>\n <td width=\"200\" class=\"receipthdr\" align=\"left\">\n {{ campaign.reward_reference }}:\n </td>\n <td align=\"left\" class=\"receipthdr\">\n {{ payment.reward_title }}: {{ payment.reward_price }}\n </td>\n </tr>\n {% endif %}\n\n <tr>\n <td width=\"200\" class=\"receipthdr\" align=\"left\">\n Quantity:\n </td>\n <td align=\"left\" class=\"receipthdr\">\n {{ payment.quantity }}\n </td>\n </tr>\n\n {% endif %}\n </tbody>\n </table>\n\n <br />\n\n <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n <tbody>\n\n <tr>\n <td width=\"200\" class=\"receipthdr\" align=\"left\">\n {% if payment.is_purchase? %}Subtotal{% else %}Contribution{% endif %}:\n </td>\n <td align=\"left\" class=\"receipthdr\" style=\"line-height:20px; font-size:14px; font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif; color:#666666; padding-bottom:7px;\">\n <span style=\"margin-top:0\">{{ payment.subtotal_amount }}</span>\n </td>\n </tr>\n\n {% if payment.promo_code_amount %}\n <tr>\n <td width=\"200\" class=\"receipthdr\" align=\"left\">\n Promo code:\n </td>\n <td align=\"left\" class=\"receipthdr\" style=\"line-height:20px; font-size:14px; font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif; color:#666666; padding-bottom:7px;\">\n <span style=\"margin-top:0;margin-left:-6px;\">{{ payment.promo_code_amount }}</span>\n </td>\n </tr>\n {% endif %}\n\n {% if payment.shipping_fee_amount %}\n <tr>\n <td width=\"200\" class=\"receipthdr\" align=\"left\">\n {% if payment.country == 'US' %}Shipping{% else %}International shipping{% endif %}:\n </td>\n <td align=\"left\" class=\"receipthdr\" style=\"line-height:20px; font-size:14px; font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif; color:#666666; padding-bottom:7px;\" >\n <span style=\"margin-top:0\">{{ payment.shipping_fee_amount }}</span>\n </td>\n </tr>\n {% endif %}\n\n {% if payment.tax_amount %}\n <tr>\n <td width=\"200\" class=\"receipthdr\" align=\"left\">\n Tax ({{ payment.tax_rate }})\n </td>\n <td align=\"left\" class=\"receipthdr\" style=\"line-height:20px; font-size:14px; font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif; color:#666666; padding-bottom:7px;\" >\n <span style=\"margin-top:0\">{{ payment.tax_amount }}</span>\n </td>\n </tr>\n {% endif %}\n\n {% if payment.user_fee_amount %}\n <tr>\n <td width=\"200\" class=\"receipthdr\" align=\"left\">\n Processing fee:\n </td>\n <td align=\"left\" class=\"receipthdr\">\n <span style=\"margin-top:0\">{{ payment.user_fee_amount }}</span>\n </td>\n </tr>\n {% endif %}\n\n <tr>\n <td width=\"200\" class=\"receipthdr\" align=\"left\">\n Total charged:\n </td>\n <td align=\"left\" class=\"receipthdr\">\n <span style=\"margin-top:0\">{{ payment.total_charged_amount }}</span>\n </td>\n </tr>\n\n </tbody>\n </table>\n\n <br />\n\n <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n <tbody>\n\n <tr>\n <td width=\"200\" class=\"receipthdr\" align=\"left\">\n Date charged:\n </td>\n <td align=\"left\" class=\"receipthdr\">\n <a href=\"#\" class=\"weird-link\">\n {{ payment.date }}\n </a>\n </td>\n </tr>\n\n <tr>\n <td width=\"200\" class=\"receipthdr\" align=\"left\">\n Card number:\n </td>\n <td align=\"left\" class=\"receipthdr\">\n ****-{{ payment.card_last_four }}\n </td>\n </tr>\n\n <tr>\n <td width=\"200\" class=\"receipthdr\" align=\"left\">\n Name on card:\n </td>\n <td align=\"left\" class=\"receipthdr\">\n {{ payment.fullname }}\n </td>\n </tr>\n\n </tbody>\n </table>\n\n <br />\n\n <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n <tbody>\n\n <tr>\n <td align=\"left\" class=\"receipthdr\">\n Your charge will appear as: {{ campaign.billing_statement_text }}\n </td>\n </tr>\n\n {% if campaign.nonprofit? %}\n <tr>\n <td align=\"left\" class=\"receipthdr\">\n You will receive a tax-deductible receipt once funds are disbursed to the non-profit.\n </td>\n </tr>\n {% endif %}\n\n <tr>\n <td align=\"left\" class=\"receipthdr\">\n Transaction number: <span id=\"trans_num\">{{ payment.transaction_id }}</span>\n </td>\n </tr>\n\n </tbody>\n </table>\n\n {% if payment.has_address? %}\n <br>\n\n <table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\n <tbody>\n\n <tr>\n <td align=\"left\" class=\"receipthdr\">\n <strong>Your Address:</strong>\n </td>\n </tr>\n\n <tr>\n <td align=\"left\" class=\"receipthdr\" style=\"padding-bottom:4px;\">\n <a href=\"#\" class=\"weird-link\">\n {{ payment.address_one }}\n </a>\n </td>\n </tr>\n\n {% if payment.address_two %}\n <tr>\n <td align=\"left\" class=\"receipthdr\" style=\"padding-bottom:4px;\">\n <a href=\"#\" class=\"weird-link\">\n {{ payment.address_two }}\n </a>\n </td>\n </tr>\n {% endif %}\n\n <tr>\n <td align=\"left\" class=\"receipthdr\">\n <a href=\"#\" class=\"weird-link\">\n {{ payment.city }}, {{ payment.state }} {{ payment.postal_code }}\n </a>\n </td>\n </tr>\n\n <tr>\n <td align=\"left\" class=\"receipthdr\">\n {{ payment.country }}\n </td>\n </tr>\n\n {% if payment.phone_number %}\n <tr>\n <td align=\"left\" class=\"receipthdr\">\n <a href=\"#\" class=\"weird-link\">\n {{ payment.phone_number }}\n </a>\n </td>\n </tr>\n {% endif %}\n\n </tbody>\n </table>\n {% endif %}\n\n {% if payment.custom_options or payment.additional_info %}\n <br />\n\n <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n <tbody>\n <tr>\n <td width=\"200\" class=\"receipthdr\" align=\"left\">\n <strong>Additional Info:</strong>\n </td>\n <td align=\"left\">\n &nbsp;\n </td>\n </tr>\n </tbody>\n </table>\n\n {% if payment.custom_options %}\n <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n <tbody>\n {% for option in payment.custom_options %}\n <tr>\n <td width=\"200\" class=\"receipthdr\" align=\"left\">\n {{ option[0] }}:\n </td>\n <td align=\"left\" class=\"receipthdr\">\n {{ option[1] }}\n </td>\n </tr>\n {% endfor %}\n </tbody>\n </table>\n {% endif %}\n\n {% if payment.additional_info %}\n <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n <tbody>\n <tr>\n <td align=\"left\" class=\"receipthdr\" style=\"width:100%;\">\n {{ payment.additional_info }}\n </td>\n </tr>\n </tbody>\n </table>\n {% endif %}\n\n {% endif %}\n\n <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n <tbody>\n\n {% if payment.can_refer? %}\n <tr>\n <td align=\"center\" class=\"trns\">\n {% if show_referral %}\n You should see a refund on your credit card statement within 2 - 5 business days!<br>\n {% endif %}\n Receive {{ campaign.referral_code_amount }} back for each friend who purchases through your link:<br><br>\n <a href=\"{{ payment.sharing_url }}\">{{ payment.sharing_url }}</a>\n </td>\n </tr>\n {% endif %}\n\n <tr>\n <td align=\"center\" class=\"trns\">\n SPREAD THE LOVE:<br />\n </td>\n </tr>\n\n <tr>\n <td align=\"center\" class=\"buttons-wrap\">\n <div>\n <div class=\"mobile-buttons\">\n\n <!-- Facebook Button -->\n <div class=\"mobile-buttons2 button-wrap\" style=\"padding-right:5px\">\n <table class=\"button-table\">\n <tbody>\n <tr height=\"28px\">\n\n <td width=\"20%\" class=\"button\" bgcolor=\"#00a0d8\">\n <a href=\"http://www.facebook.com/share.php?u={{ payment.sharing_url }}\">\n <img align=\"middle\" alt=\"\" height=\"30\" src=\"{{ assets.fb_icon }}\" class=\"button-icon\" width=\"30\">\n </a>\n </td>\n\n <td width=\"80%\" class=\"button-bg\" bgcolor=\"#00a0d8\">\n <a href=\"http://www.facebook.com/share.php?u={{ payment.sharing_url }}\" class=\"button-link\" target=\"_blank\">\n <span class=\"button-span\">Post This!</span>\n </a>\n </td>\n\n </tr>\n </tbody>\n </table>\n </div>\n\n <!-- Twitter Button -->\n <div class=\"mobile-buttons2 button-wrap\" style=\"padding-right:5px\">\n <table class=\"button-table\">\n <tbody>\n <tr height=\"28px\">\n\n <td width=\"20%\" class=\"button\" bgcolor=\"#00a0d8\">\n <a href=\"https://twitter.com/intent/tweet?text=I%20just%20contributed%20to%20this%20campaign%20on%20@Tilt. {{ payment.sharing_url }}\">\n <img align=\"middle\" alt=\"\" height=\"30\" src=\"{{ assets.twitter_icon }}\" class=\"button-icon\" width=\"30\">\n </a>\n </td>\n\n <td width=\"80%\" class=\"button-bg\" bgcolor=\"#00a0d8\">\n <a href=\"https://twitter.com/intent/tweet?text=I%20just%20contributed%20to%20{{ campaign.name }}%20on%20Tilt%20Open. {{ payment.sharing_url }}\" class=\"button-link\" target=\"_blank\">\n <span class=\"button-span\">Tweet This!</span>\n </a>\n </td>\n\n </tr>\n </tbody>\n </table>\n </div>\n\n <!-- Email Button -->\n <div class=\"button-wrap\">\n <table class=\"button-table\">\n <tbody>\n <tr height=\"28px\">\n\n <td width=\"20%\" class=\"button\" bgcolor=\"#00a0d8\">\n <a href=\"mailto:?subject={{ campaign.name }}&amp;body=I just joined {{ campaign.name }}. {{ payment.sharing_url }}\">\n <img align=\"middle\" alt=\"\" height=\"30\" src=\"{{ assets.email_icon }}\" class=\"button-icon\" width=\"30\">\n </a>\n </td>\n\n <td width=\"80%\" class=\"button-bg\" bgcolor=\"#00a0d8\">\n <a href=\"mailto:?subject={{ campaign.name }}&amp;body=I just joined {{ campaign.name }}. {{ payment.sharing_url }}\" class=\"button-link\">\n <span class=\"button-span\">Email This!</span>\n </a>\n </td>\n\n </tr>\n </tbody>\n </table>\n </div>\n\n </div>\n </div>\n </td>\n </tr>\n\n <tr>\n <td align=\"center\" class=\"receipthdr-2\">\n ~ Thanks for <em>tilting</em> with us!<br>\n If you have questions about the campaign, please contact\n <a href=\"mailto:{{ campaign.reply_to_email }}\" class=\"blue-link\">{{ campaign.reply_to_email }}</a>.<br>\n For all other questions, check out our <a href=\"https://prosupport.tilt.com/hc/categories/200246448-For-Contributors\">FAQs</a>.\n </td>\n </tr></tbody>\n </table>\n </td>\n </tr></tbody>\n </table></td>\n <td width=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\"><img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\" border=\"0\" style=\"display:block; border:none;\"></td>\n </tr></tbody>\n</table>\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tbody><tr>\n <td height=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff single-px\"><img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\"></td>\n </tr></tbody>\n </table>\n\n <br>\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tbody><tr>\n <td align=\"center\" valign=\"top\" style=\"line-height:14px; font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif; font-size:14px; color:#666666; padding-top:15px; padding-bottom:5px;\">\n <a class=\"bottom-link\" href=\"https://open.tilt.com/?utm_source=multisite&amp;utm_medium=email&amp;utm_term=tilt%20open%20site&amp;utm_content=receipt&amp;utm_campaign=email_footer\" target=\"_blank\">A Tilt Pro Site</a>\n &nbsp;<img height=\"15px;\" src=\"{{ assets.tilt_circle }}\">&nbsp;\n <a class=\"bottom-link\" href=\"https://www.tilt.com/?utm_source=cto&amp;utm_medium=email&amp;utm_term=powered%20by%20tilt&amp;utm_campaign=email_footer\" target=\"_blank\">Powered by Tilt</a>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n</table>\n</body>\n</html>", "language": "html" } ] } [/block] ## Referral Notification Email [block:code] { "codes": [ { "code": "<!DOCTYPE html>\n<html>\n <head>\n <meta content=\"text/html; charset=UTF-8\" http-equiv=\"Content-Type\" />\n <style type=\"text/css\">\n body {\n zoom: 1;\n }\n body, td {\n -ms-text-size-adjust: none;\n -webkit-text-size-adjust: none;\n margin: 0px;\n padding: 0px;\n font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n font-size: 100%;\n line-height: 100%;\n }\n table {\n border-collapse: collapse;\n }\n .logo {\n padding: 25px;\n }\n .logo-image {\n margin-bottom: -6px;\n }\n .single-px {\n height: 1px;\n line-height: 1px;\n font-size: 1px;\n }\n .trns {\n line-height: 20px;\n font-size: 14px;\n color: #666666;\n padding-top: 15px;\n padding-bottom: 5px;\n }\n .receipthdr {\n line-height: 19px;\n font-size: 14px;\n color: #666666;\n padding-bottom: 7px;\n }\n .receipthdr-2 {\n line-height: 20px;\n font-size: 14px;\n color: #666666;\n padding-top: 11px;\n padding-bottom: 7px;\n }\n .blue-link {\n color: #00A0D8;\n text-decoration: none;\n }\n .bottom-link {\n color: #666666;\n text-decoration: none;\n }\n .header-text {\n line-height: 19px;\n font-size: 18px;\n font-weight: bold;\n color: #FFFFFF;\n padding: 55px 25px 25px;\n }\n .buttons-wrap {\n line-height: 20px;\n font-size: 14px;\n color: #666666;\n padding-top: 0px;\n padding-bottom: 15px;\n }\n .buttons {\n width: 100%;\n text-align: center;\n overflow: hidden;\n }\n .mobile-buttons {\n margin: 0 auto;\n width: 470px;\n }\n .button-wrap {\n width: 150px;\n float: left;\n }\n .button-table {\n border-collapse:collapse;\n border:0;\n margin-left:auto;\n margin-right:auto;\n width:150px;\n }\n .button {\n background-color: #00a0d8;\n padding: 6px 0px 6px 5px;\n border-radius: 4px 0 0 4px;\n color: #ffffff;\n font-weight: bold;\n font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n text-align: center;\n }\n .button-icon {\n width: 30px;\n height: 30px;\n line-height: 100%;\n outline: none;\n text-decoration: none;\n display: inline;\n font-weight: bold;\n color: #fff;\n padding-left:3px;\n }\n .button-bg {\n background-color: #00a0d8;\n padding: 6px 5px 6px 0px;\n border-radius: 0 4px 4px 0;\n color: #ffffff;\n font-weight: bold;\n font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n text-align: left;\n text-indent: 10px;\n }\n .button-link {\n color: white;\n text-decoration: none;\n }\n .button-span {\n font-size: 14px;\n }\n .weird-link {\n color: #666666;\n text-decoration: none;\n pointer-events:none;\n padding-right:0;\n }\n .outer-body-content {\n line-height:20px; \n font-size:14px; \n color:#666666; \n padding: 25px;\n }\n .body-content {\n line-height:19px; \n font-size:14px; \n color:#666666;\n }\n .campaign_logo {\n color:#00a0d8; \n text-decoration:none\n }\n .below_logo {\n padding-top:25px; \n padding-right:25px;\n }\n\n @media screen and (max-width: 480px), screen and (max-device-width: 480px) {\n body[id=tilt] .mobile310 {\n width: 310px !important;\n margin: 0px auto !important;\n padding: 0px !important;\n background-color: #ffffff;\n }\n body[id=tilt] .mobileoff {\n display: none !important;\n width: 0 !important;\n }\n body[id=tilt] .logo {\n margin: 0 auto !important;\n padding: 11px 0px 11px 0px !important;\n width: 308px !important;\n display: block;\n text-align: center !important;\n }\n .header {\n line-height: 25px !important;\n font-size: 20px !important;\n }\n body[id=tilt] .body {\n line-height: 25px !important;\n font-size: 18px !important;\n font-weight: normal !important;\n padding: 25px !important;\n }\n body[id=tilt] .trns {\n margin: 0 auto !important;\n padding: 15px 25px !important;\n width: 310px !important;\n font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n line-height: 21px !important;\n font-size: 16px !important;\n color: #666666 !important;\n }\n body[id=tilt] .receipthdr {\n margin: 0 auto !important;\n padding: 5px 0px 5px 0px !important;\n font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n line-height: 19px !important;\n font-size: 16px !important;\n color: #666666 !important;\n }\n body[id=tilt] .share {\n margin: 0 auto !important;\n padding: 5px 0px 5px 0px !important;\n display: block !important;\n }\n body[id=tilt] .mobile-buttons {\n width: 150px !important;\n padding: 15px 0px 0px 0px !important;\n overflow:hidden !important;\n\n }\n body[id=tilt] .mobile-buttons2 {\n padding-right: 0 !important;\n margin-bottom: 10px !important;\n }\n body[id=tilt] #trans_num {\n font-size: 12px;\n }\n }\n </style>\n </head>\n\n<body id=\"tilt\">\n<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n <tr>\n <td bgcolor=\"#FFFFFF\">\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tbody><tr>\n <td height=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff single-px\"><img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\"></td>\n </tr></tbody>\n </table>\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tbody><tr>\n <td width=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\">\n <img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\">\n </td>\n <td width=\"318\" align=\"left\" valign=\"top\" bgcolor=\"#ffffff\" class=\"logo\">\n <a href=\"{{ campaign.homepage_url }}?utm_source=multisite&utm_medium=email&utm_term=logo&utm_campaign=email\" target=\"_blank\" style=\"color:#00a0d8; text-decoration:none\">\n <img src=\"{{ assets.tilt_open_logo }}\" alt=\"A Tilt Pro site\" width=\"160\" class='logo-image'>\n </a>\n </td>\n <td width=\"300\" align=\"right\" valign=\"top\" bgcolor=\"#ffffff\" class=\"mobileoff\" style=\"padding-top:25px; padding-right:25px;\">&nbsp;</td>\n <td width=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\">\n <img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\">\n </td>\n </tr></tbody>\n </table>\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tr>\n <td align=\"left\" valign=\"top\" bgcolor=\"#00a0d8\" class=\"header\" style=\"line-height:19px; font-size:18px; font-weight:bold; color:#ffffff; padding: 55px 25px 25px;\">Congrats! Someone redeemed your referral for <a href=\"#\" style=\"color: #fff; text-decoration: none;pointer-events:none; padding-right:0;\">{{ campaign.name }}</a></td>\n </tr>\n </table>\n\n<table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tbody><tr>\n <td width=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\"><img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\"></td>\n <td width=\"618\" align=\"left\" valign=\"top\" bgcolor=\"#FFFFFF\" class=\"mobile310\" style=\"line-height:20px; font-size:14px; color:#666666; padding: 25px;\">\n <table border=\"0\" align=\"left\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tbody><tr>\n <td width=\"100%\" style=\"line-height:19px; font-size:14px; color:#666666;\">\n\n <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n <tbody>\n\n {% if payment.can_refer? %}\n <tr>\n <td align=\"center\" class=\"trns\">\n Be on the lookout for a referral credit on your credit card statement within 2 - 5 business days!<br><br>\n Keep going! Receive {{ campaign.referral_code_amount }} back for each friend who purchases through your link:<br><br>\n <a href=\"{{ payment.sharing_url }}\">{{ payment.sharing_url }}</a>\n </td>\n </tr>\n {% endif %}\n\n <tr>\n <td align=\"center\" class=\"trns\">\n SPREAD THE LOVE:<br />\n </td>\n </tr>\n\n <tr>\n <td align=\"center\" class=\"buttons-wrap\">\n <div>\n <div class=\"mobile-buttons\">\n\n <!-- Facebook Button -->\n <div class=\"mobile-buttons2 button-wrap\" style=\"padding-right:5px\">\n <table class=\"button-table\">\n <tbody>\n <tr height=\"28px\">\n\n <td width=\"20%\" class=\"button\" bgcolor=\"#00a0d8\">\n <a href=\"http://www.facebook.com/share.php?u={{ payment.sharing_url }}\">\n <img align=\"middle\" alt=\"\" height=\"30\" src=\"{{ assets.fb_icon }}\" class=\"button-icon\" width=\"30\">\n </a>\n </td>\n\n <td width=\"80%\" class=\"button-bg\" bgcolor=\"#00a0d8\">\n <a href=\"http://www.facebook.com/share.php?u={{ payment.sharing_url }}\" class=\"button-link\" target=\"_blank\">\n <span class=\"button-span\">Post This!</span>\n </a>\n </td>\n\n </tr>\n </tbody>\n </table>\n </div>\n\n <!-- Twitter Button -->\n <div class=\"mobile-buttons2 button-wrap\" style=\"padding-right:5px\">\n <table class=\"button-table\">\n <tbody>\n <tr height=\"28px\">\n\n <td width=\"20%\" class=\"button\" bgcolor=\"#00a0d8\">\n <a href=\"https://twitter.com/intent/tweet?text=I%20just%20contributed%20to%20this%20campaign%20on%20@Tilt. {{ payment.sharing_url }}\">\n <img align=\"middle\" alt=\"\" height=\"30\" src=\"{{ assets.twitter_icon }}\" class=\"button-icon\" width=\"30\">\n </a>\n </td>\n\n <td width=\"80%\" class=\"button-bg\" bgcolor=\"#00a0d8\">\n <a href=\"https://twitter.com/intent/tweet?text=I%20just%20contributed%20to%20{{ campaign.name }}%20on%20Tilt%20Open. {{ payment.sharing_url }}\" class=\"button-link\" target=\"_blank\">\n <span class=\"button-span\">Tweet This!</span>\n </a>\n </td>\n\n </tr>\n </tbody>\n </table>\n </div>\n\n <!-- Email Button -->\n <div class=\"button-wrap\">\n <table class=\"button-table\">\n <tbody>\n <tr height=\"28px\">\n\n <td width=\"20%\" class=\"button\" bgcolor=\"#00a0d8\">\n <a href=\"mailto:?subject={{ campaign.name }}&amp;body=I just joined {{ campaign.name }}. {{ payment.sharing_url }}\">\n <img align=\"middle\" alt=\"\" height=\"30\" src=\"{{ assets.email_icon }}\" class=\"button-icon\" width=\"30\">\n </a>\n </td>\n\n <td width=\"80%\" class=\"button-bg\" bgcolor=\"#00a0d8\">\n <a href=\"mailto:?subject={{ campaign.name }}&amp;body=I just joined {{ campaign.name }}. {{ payment.sharing_url }}\" class=\"button-link\">\n <span class=\"button-span\">Email This!</span>\n </a>\n </td>\n\n </tr>\n </tbody>\n </table>\n </div>\n\n </div>\n </div>\n </td>\n </tr>\n\n <tr>\n <td align=\"center\" class=\"receipthdr-2\">\n ~ Thanks for <em>tilting</em> with us!<br>\n If you have questions about the campaign, please contact\n <a href=\"mailto:{{ campaign.reply_to_email }}\" class=\"blue-link\">{{ campaign.reply_to_email }}</a>.<br>\n For all other questions, check out our <a href=\"https://prosupport.tilt.com/hc/categories/200246448-For-Contributors\">FAQs</a>.\n </td>\n </tr></tbody>\n </table>\n </td>\n </tr></tbody>\n </table></td>\n <td width=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\"><img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\" border=\"0\" style=\"display:block; border:none;\"></td>\n </tr></tbody>\n</table>\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tbody><tr>\n <td height=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff single-px\"><img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\"></td>\n </tr></tbody>\n </table>\n\n <br>\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tbody><tr>\n <td align=\"center\" valign=\"top\" style=\"line-height:14px; font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif; font-size:14px; color:#666666; padding-top:15px; padding-bottom:5px;\">\n <a class=\"bottom-link\" href=\"https://open.tilt.com/?utm_source=multisite&amp;utm_medium=email&amp;utm_term=tilt%20open%20site&amp;utm_content=receipt&amp;utm_campaign=email_footer\" target=\"_blank\">A Tilt Pro Site</a>\n &nbsp;<img height=\"15px;\" src=\"{{ assets.tilt_circle }}\">&nbsp;\n <a class=\"bottom-link\" href=\"https://www.tilt.com/?utm_source=cto&amp;utm_medium=email&amp;utm_term=powered%20by%20tilt&amp;utm_campaign=email_footer\" target=\"_blank\">Powered by Tilt</a>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n</table>\n</body>\n</html>", "language": "html" } ] } [/block] ## Refund Notification Email [block:code] { "codes": [ { "code": "<!DOCTYPE html>\n<html>\n <head>\n <meta content=\"text/html; charset=UTF-8\" http-equiv=\"Content-Type\">\n <style type=\"text/css\">\n body {\n zoom: 1;\n }\n body, td {\n -ms-text-size-adjust: none;\n -webkit-text-size-adjust: none;\n margin: 0px;\n padding: 0px;\n font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n font-size: 100%;\n line-height: 100%;\n }\n table {\n border-collapse: collapse;\n }\n .logo {\n padding: 25px;\n }\n .logo-image {\n margin-bottom: -6px;\n }\n .single-px {\n height: 1px;\n line-height: 1px;\n font-size: 1px;\n }\n .trns {\n line-height: 20px;\n font-size: 14px;\n color: #666666;\n padding-top: 15px;\n padding-bottom: 5px;\n }\n .receipthdr {\n line-height: 19px;\n font-size: 14px;\n color: #666666;\n padding-bottom: 7px;\n }\n .receipthdr-2 {\n line-height: 20px;\n font-size: 14px;\n color: #666666;\n padding-top: 11px;\n padding-bottom: 7px;\n }\n .blue-link {\n color: #00A0D8;\n text-decoration: none;\n }\n .bottom-link {\n color: #666666;\n text-decoration: none;\n }\n .header-text {\n line-height: 19px;\n font-size: 18px;\n font-weight: bold;\n color: #FFFFFF;\n padding: 55px 25px 25px;\n }\n .buttons-wrap {\n line-height: 20px;\n font-size: 14px;\n color: #666666;\n padding-top: 0px;\n padding-bottom: 15px;\n }\n .buttons {\n width: 100%;\n text-align: center;\n overflow: hidden;\n }\n .mobile-buttons {\n margin: 0 auto;\n width: 470px;\n }\n .button-wrap {\n width: 150px;\n float: left;\n }\n .button-table {\n border-collapse:collapse;\n border:0;\n margin-left:auto;\n margin-right:auto;\n width:150px;\n }\n .button {\n background-color: #00a0d8;\n padding: 6px 0px 6px 5px;\n border-radius: 4px 0 0 4px;\n color: #ffffff;\n font-weight: bold;\n font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n text-align: center;\n }\n .button-icon {\n width: 30px;\n height: 30px;\n line-height: 100%;\n outline: none;\n text-decoration: none;\n display: inline;\n font-weight: bold;\n color: #fff;\n padding-left:3px;\n }\n .button-bg {\n background-color: #00a0d8;\n padding: 6px 5px 6px 0px;\n border-radius: 0 4px 4px 0;\n color: #ffffff;\n font-weight: bold;\n font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n text-align: left;\n text-indent: 10px;\n }\n .button-link {\n color: white;\n text-decoration: none;\n }\n .button-span {\n font-size: 14px;\n }\n .weird-link {\n color: #666666;\n text-decoration: none;\n pointer-events:none;\n padding-right:0;\n }\n .outer-body-content {\n line-height:20px; \n font-size:14px; \n color:#666666; \n padding: 25px;\n }\n .body-content {\n line-height:19px; \n font-size:14px; \n color:#666666;\n }\n .campaign_logo {\n color:#00a0d8; \n text-decoration:none\n }\n .below_logo {\n padding-top:25px; \n padding-right:25px;\n }\n\n @media screen and (max-width: 480px), screen and (max-device-width: 480px) {\n body[id=tilt] .mobile310 {\n width: 310px !important;\n margin: 0px auto !important;\n padding: 0px !important;\n background-color: #ffffff;\n }\n body[id=tilt] .mobileoff {\n display: none !important;\n width: 0 !important;\n }\n body[id=tilt] .logo {\n margin: 0 auto !important;\n padding: 11px 0px 11px 0px !important;\n width: 308px !important;\n display: block;\n text-align: center !important;\n }\n .header {\n line-height: 25px !important;\n font-size: 20px !important;\n }\n body[id=tilt] .body {\n line-height: 25px !important;\n font-size: 18px !important;\n font-weight: normal !important;\n padding: 25px !important;\n }\n body[id=tilt] .trns {\n margin: 0 auto !important;\n padding: 15px 25px !important;\n width: 310px !important;\n font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n line-height: 21px !important;\n font-size: 16px !important;\n color: #666666 !important;\n }\n body[id=tilt] .receipthdr {\n margin: 0 auto !important;\n padding: 5px 0px 5px 0px !important;\n font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n line-height: 19px !important;\n font-size: 16px !important;\n color: #666666 !important;\n }\n body[id=tilt] .share {\n margin: 0 auto !important;\n padding: 5px 0px 5px 0px !important;\n display: block !important;\n }\n body[id=tilt] .mobile-buttons {\n width: 150px !important;\n padding: 15px 0px 0px 0px !important;\n overflow:hidden !important;\n\n }\n body[id=tilt] .mobile-buttons2 {\n padding-right: 0 !important;\n margin-bottom: 10px !important;\n }\n body[id=tilt] #trans_num {\n font-size: 12px;\n }\n }\n </style>\n </head>\n\n<body id=\"tilt\" style=\"zoom: 1;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 100%;\">\n<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse;\">\n <tr>\n <td bgcolor=\"#FFFFFF\" style=\"-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 100%;\">\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\" style=\"border-collapse: collapse;\">\n <tbody><tr>\n <td height=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff single-px\" style=\"-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 1px;line-height: 1px;height: 1px;\"><img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\"></td>\n </tr></tbody>\n </table>\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\" style=\"border-collapse: collapse;\">\n <tbody><tr>\n <td width=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\" style=\"-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 100%;\">\n <img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\">\n </td>\n <td width=\"318\" align=\"left\" valign=\"top\" bgcolor=\"#ffffff\" class=\"logo\" style=\"-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 25px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 100%;\">\n <a href=\"{{ campaign.homepage_url }}?utm_source=multisite&utm_medium=email&utm_term=logo&utm_campaign=email\" target=\"_blank\" style=\"color:#00a0d8; text-decoration:none\">\n <img src=\"{{ assets.tilt_open_logo }}\" alt=\"A Tilt Pro site\" width=\"160\" class=\"logo-image\" style=\"margin-bottom: -6px;\">\n </a>\n </td>\n <td width=\"300\" align=\"right\" valign=\"top\" bgcolor=\"#ffffff\" class=\"mobileoff\" style=\"padding-top: 25px;padding-right: 25px;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 100%;\">&nbsp;</td>\n <td width=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\" style=\"-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 100%;\">\n <img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\">\n </td>\n </tr></tbody>\n </table>\n\n<table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\" style=\"border-collapse: collapse;\"><tbody>\n<tr>\n <td align=\"left\" valign=\"top\" bgcolor=\"#00a0d8\" class=\"header\" style=\"line-height: 16px;font-size: 18px;font-weight: bold;color: #ffffff;padding: 55px 25px 25px;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\">Your Refund Confirmation</td>\n</tr>\n</tbody></table>\n\n<table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\" style=\"border-collapse: collapse;\"><tbody>\n<tr>\n <td width=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\" style=\"-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 100%;\"><img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\"></td>\n <td width=\"618\" align=\"left\" valign=\"top\" bgcolor=\"#ffffff\" class=\"body\" style=\"line-height: 20px;font-size: 14px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;color: #666666;padding: 25px;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;\">\n Hi {{ payment.first_name }},\n\n <p>\n This email is to confirm that your contribution to {{ campaign.name }} has been refunded and any pending authorizations have been removed.\n </p>\n <p>\n While this refund is immediate on our part, it can take up to five business days for the refund to show on your credit card statement.\n </p>\n\n <p>\n Transaction ID: {{ payment.transaction_id }}<br>\n Amount charged: {{ payment.total_charged_amount }}<br>\n Date of charge: {{ payment.date }}<br>\n Date of refund: {{ payment.date_refunded }}<br>\n Refund will appear as: {{ campaign.billing_statement_text }}\n </p>\n\n </td>\n <td width=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\" style=\"-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 100%;line-height: 100%;\"><img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\"></td>\n</tr>\n</tbody></table>\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\" style=\"border-collapse: collapse;\">\n <tbody><tr>\n <td height=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff single-px\" style=\"-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 1px;line-height: 1px;height: 1px;\"><img src=\"{{ assets.spacer }}\" width=\"1\" height=\"1\" alt=\"\"></td>\n </tr></tbody>\n </table>\n\n <br>\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\" style=\"border-collapse: collapse;\">\n <tbody><tr>\n <td align=\"center\" valign=\"top\" style=\"line-height: 14px;font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 14px;color: #666666;padding-top: 15px;padding-bottom: 5px;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;margin: 0px;padding: 0px;\">\n <a class=\"bottom-link\" href=\"https://open.tilt.com/?utm_source=multisite&amp;utm_medium=email&amp;utm_term=tilt%20open%20site&amp;utm_content=receipt&amp;utm_campaign=email_footer\" target=\"_blank\" style=\"color: #666666;text-decoration: none;\">A Tilt Pro Site</a>\n &nbsp;<img height=\"15px;\" src=\"{{ assets.tilt_circle }}\">&nbsp;\n <a class=\"bottom-link\" href=\"https://www.tilt.com/?utm_source=cto&amp;utm_medium=email&amp;utm_term=powered%20by%20tilt&amp;utm_campaign=email_footer\" target=\"_blank\" style=\"color: #666666;text-decoration: none;\">Powered by Tilt</a>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n</table>\n</body>\n</html>", "language": "html" } ] } [/block] ## Manual Refund Initiated [block:code] { "codes": [ { "code": "<!DOCTYPE html>\n<html>\n <head>\n <meta content=\"text/html; charset=UTF-8\" http-equiv=\"Content-Type\" />\n <style type=\"text/css\">\n body {\n zoom: 1;\n }\n body, td {\n -ms-text-size-adjust: none;\n -webkit-text-size-adjust: none;\n margin: 0px;\n padding: 0px;\n font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n font-size: 100%;\n line-height: 100%;\n }\n table {\n border-collapse: collapse;\n }\n .logo {\n padding: 25px;\n }\n .logo-image {\n margin-bottom: -6px;\n }\n .single-px {\n height: 1px;\n line-height: 1px;\n font-size: 1px;\n }\n .trns {\n line-height: 20px;\n font-size: 14px;\n color: #666666;\n padding-top: 15px;\n padding-bottom: 5px;\n }\n .receipthdr {\n line-height: 19px;\n font-size: 14px;\n color: #666666;\n padding-bottom: 7px;\n }\n .receipthdr-2 {\n line-height: 20px;\n font-size: 14px;\n color: #666666;\n padding-top: 11px;\n padding-bottom: 7px;\n }\n .blue-link {\n color: #00A0D8;\n text-decoration: none;\n }\n .bottom-link {\n color: #666666;\n text-decoration: none;\n }\n .header-text {\n line-height: 19px;\n font-size: 18px;\n font-weight: bold;\n color: #FFFFFF;\n padding: 55px 25px 25px;\n }\n .buttons-wrap {\n line-height: 20px;\n font-size: 14px;\n color: #666666;\n padding-top: 0px;\n padding-bottom: 15px;\n }\n .buttons {\n width: 100%;\n text-align: center;\n overflow: hidden;\n }\n .mobile-buttons {\n margin: 0 auto;\n width: 470px;\n }\n .button-wrap {\n width: 150px;\n float: left;\n }\n .button-table {\n border-collapse:collapse;\n border:0;\n margin-left:auto;\n margin-right:auto;\n width:150px;\n }\n .button {\n background-color: #00a0d8;\n padding: 6px 0px 6px 5px;\n border-radius: 4px 0 0 4px;\n color: #ffffff;\n font-weight: bold;\n font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n text-align: center;\n }\n .button-icon {\n width: 30px;\n height: 30px;\n line-height: 100%;\n outline: none;\n text-decoration: none;\n display: inline;\n font-weight: bold;\n color: #fff;\n padding-left:3px;\n }\n .button-bg {\n background-color: #00a0d8;\n padding: 6px 5px 6px 0px;\n border-radius: 0 4px 4px 0;\n color: #ffffff;\n font-weight: bold;\n font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n text-align: left;\n text-indent: 10px;\n }\n .button-link {\n color: white;\n text-decoration: none;\n }\n .button-span {\n font-size: 14px;\n }\n .weird-link {\n color: #666666;\n text-decoration: none;\n pointer-events:none;\n padding-right:0;\n }\n .outer-body-content {\n line-height:20px; \n font-size:14px; \n color:#666666; \n padding: 25px;\n }\n .body-content {\n line-height:19px; \n font-size:14px; \n color:#666666;\n }\n .campaign_logo {\n color:#00a0d8; \n text-decoration:none\n }\n .below_logo {\n padding-top:25px; \n padding-right:25px;\n }\n\n @media screen and (max-width: 480px), screen and (max-device-width: 480px) {\n body[id=tilt] .mobile310 {\n width: 310px !important;\n margin: 0px auto !important;\n padding: 0px !important;\n background-color: #ffffff;\n }\n body[id=tilt] .mobileoff {\n display: none !important;\n width: 0 !important;\n }\n body[id=tilt] .logo {\n margin: 0 auto !important;\n padding: 11px 0px 11px 0px !important;\n width: 308px !important;\n display: block;\n text-align: center !important;\n }\n .header {\n line-height: 25px !important;\n font-size: 20px !important;\n }\n body[id=tilt] .body {\n line-height: 25px !important;\n font-size: 18px !important;\n font-weight: normal !important;\n padding: 25px !important;\n }\n body[id=tilt] .trns {\n margin: 0 auto !important;\n padding: 15px 25px !important;\n width: 310px !important;\n font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n line-height: 21px !important;\n font-size: 16px !important;\n color: #666666 !important;\n }\n body[id=tilt] .receipthdr {\n margin: 0 auto !important;\n padding: 5px 0px 5px 0px !important;\n font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif;\n line-height: 19px !important;\n font-size: 16px !important;\n color: #666666 !important;\n }\n body[id=tilt] .share {\n margin: 0 auto !important;\n padding: 5px 0px 5px 0px !important;\n display: block !important;\n }\n body[id=tilt] .mobile-buttons {\n width: 150px !important;\n padding: 15px 0px 0px 0px !important;\n overflow:hidden !important;\n\n }\n body[id=tilt] .mobile-buttons2 {\n padding-right: 0 !important;\n margin-bottom: 10px !important;\n }\n body[id=tilt] #trans_num {\n font-size: 12px;\n }\n }\n </style>\n </head>\n<body id=\"tilt\">\n<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n <tbody><tr>\n <td bgcolor=\"#FFFFFF\">\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tbody><tr>\n <td height=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\" style=\"height:1px; line-height:1px; font-size:1px;\"><img src=\"https://dfzwuiceix8tu.cloudfront.net/assets/emails/spacer-7bab39dd92818d982e8a034cf2a1eb0b.gif\" width=\"1\" height=\"1\" alt=\"\"></td>\n </tr></tbody>\n </table>\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tbody><tr>\n <td width=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\">\n <img src=\"https://dfzwuiceix8tu.cloudfront.net/assets/emails/spacer-7bab39dd92818d982e8a034cf2a1eb0b.gif\" width=\"1\" height=\"1\" alt=\"\">\n </td>\n <td width=\"318\" align=\"left\" valign=\"top\" bgcolor=\"#ffffff\" class=\"logo\" style=\"padding-top:25px; padding-right:25px; padding-bottom:25px; padding-left:25px;\">\n <a href=\"https://wyman.tilt.com/?utm_source=multisite&amp;utm_medium=email&amp;utm_term=logo&amp;utm_campaign=email\" target=\"_blank\" style=\"color:#00a0d8; text-decoration:none\">\n <img src=\"https://dfzwuiceix8tu.cloudfront.net/assets/tilt_pro_logo-779149f9ae408318621dc5ee26153a0e.png\" alt=\"A Tilt Pro site\" width=\"160\" style=\"margin-bottom:-6px;\">\n </a>\n </td>\n <td width=\"300\" align=\"right\" valign=\"top\" bgcolor=\"#ffffff\" class=\"mobileoff\" style=\"padding-top:25px; padding-right:25px;\">&nbsp;</td>\n <td width=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\">\n <img src=\"https://dfzwuiceix8tu.cloudfront.net/assets/emails/spacer-7bab39dd92818d982e8a034cf2a1eb0b.gif\" width=\"1\" height=\"1\" alt=\"\">\n </td>\n </tr></tbody>\n </table>\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\"><tbody>\n<tr>\n <td align=\"left\" valign=\"top\" bgcolor=\"#00a0d8\" class=\"header\" style=\"line-height:16px; font-size:18px; font-weight:bold; color:#ffffff; padding: 55px 25px 25px;\">Your Refund</td>\n</tr>\n</tbody></table>\n\n<table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\"><tbody>\n<tr>\n <td width=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\"><img src=\"https://dfzwuiceix8tu.cloudfront.net/assets/emails/spacer-7bab39dd92818d982e8a034cf2a1eb0b.gif\" width=\"1\" height=\"1\" alt=\"\"></td>\n <td width=\"618\" align=\"left\" valign=\"top\" bgcolor=\"#ffffff\" class=\"body\" style=\"line-height:20px; font-size:14px; font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif; color:#666666; padding: 25px;\">\n Hi there,\n\n <p>\n We were unable to refund this transaction back to the original card used for your purchase. This typically occurs when the transaction is either very old, or the card/account has been closed.\n </p>\n\n <p>\n We're sorry for the hassle! Please reply to this email to set up another means of obtaining your refund (for instance -- check, store credit, PayPal, etc).\n </p>\n\n <p>We know that's not ideal, and we're sorry this one didn't succeed through normal means.</p>\n\n <p>\n Transaction ID: {{ payment.transaction_id }}<br>\n Amount charged: {{ payment.total_charged_amount }}<br>\n Date of charge: {{ payment.date }}<br>\n </p>\n\n <p><br>The Tilt Team</p>\n </td>\n <td width=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\"><img src=\"https://dfzwuiceix8tu.cloudfront.net/assets/emails/spacer-7bab39dd92818d982e8a034cf2a1eb0b.gif\" width=\"1\" height=\"1\" alt=\"\"></td>\n</tr>\n</tbody></table>\n\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tbody><tr>\n <td height=\"1\" align=\"left\" valign=\"top\" bgcolor=\"#B3B3B3\" class=\"mobileoff\" style=\"height:1px; line-height:1px; font-size:1px;\"><img src=\"https://dfzwuiceix8tu.cloudfront.net/assets/emails/spacer-7bab39dd92818d982e8a034cf2a1eb0b.gif\" width=\"1\" height=\"1\" alt=\"\"></td>\n </tr></tbody>\n </table>\n\n <br>\n\n <table width=\"620\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" class=\"mobile310\">\n <tbody><tr>\n <td align=\"center\" valign=\"top\" style=\"line-height:14px; font-family:HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, sans-serif; font-size:14px; color:#666666; padding-top:15px; padding-bottom:5px;\">\n <a href=\"https://open.tilt.com/?utm_source=multisite&amp;utm_medium=email&amp;utm_term=tilt%20open%20site&amp;utm_content=receipt&amp;utm_campaign=email_footer\" target=\"_blank\" style=\"color:#666666; text-decoration:none;\">A Tilt Pro Site</a>\n &nbsp;<img height=\"15px;\" src=\"https://dfzwuiceix8tu.cloudfront.net/assets/tiltcircle-e66b084766cadc36c428e5abb40856eb.png\">&nbsp;\n <a href=\"https://www.tilt.com/?utm_source=cto&amp;utm_medium=email&amp;utm_term=powered%20by%20tilt&amp;utm_campaign=email_footer\" target=\"_blank\" style=\"color:#666666; text-decoration:none;\">Powered by Tilt</a>\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n</tbody></table>\n</body>\n</html>", "language": "html" } ] } [/block] [block:api-header] { "type": "basic", "title": "Recommended setup (MailChimp)" } [/block] Using MailChimp to generate your custom email templates allows for the best of both worlds: a friendly, WYSIWYG editor paired with the ability to export your template to solid email HTML with a single click. There's no cost to use MailChimp to design and generate your custom email HTML, but you'll need to [sign up for an account](https://login.mailchimp.com/signup?) before getting started. Once you're signed up, you can follow the step-by-step instructions below to create your custom email HTML: 1. Click ```Templates``` from the top navigation bar 2. Click the ```Create Template``` button in the top right of the page 3. Browse the various available template themes. Once you find that fits your needs, select it and you'll be taken to a screen where you can further customize the look and feel of the email. 4. Once you've customized the email with your desired styling and copy, click on ```Save and Exit``` in the bottom right corner to complete the customization process. 5. To download the email HTML, click on the select ```Export as HTML``` from the drop down menu as shown below. That's it! ![Export as HTML button](https://s3-us-west-2.amazonaws.com/custom-checkout/html-export.png) [block:api-header] { "type": "basic", "title": "Advanced setup (Custom email HTML)" } [/block] Email HTML is tricky to work with, so we suggest that most people use MailChimp (or a similar service) to generate their email HTML. If you'd like to venture into the wide world of completely custom email HTML, we suggest using some of the following open source resources as a starting point: * [Open Source Email Templates from sendwithus](https://www.sendwithus.com/resources/templates) * [Email Blueprints from MailChimp](http://templates.mailchimp.com/) * [Transactional email templates from Mailgun](https://github.com/mailgun/transactional-email-templates) [block:api-header] { "type": "basic", "title": "Uploading and editing your custom emails" } [/block] [block:callout] { "type": "info", "title": "Be sure to reference our Custom Email Variables documentation", "body": "Be sure to use our provided payment variables when designing your custom emails. You can find that documentation at https://docs.tilt.com/v1.0/docs/custom-email-variables." } [/block] You can upload, edit, and preview your custom emails directly in your dashboard from the campaign edit page of any campaign -- just look for the "Emails" tab. [block:image] { "images": [ { "image": [ "https://files.readme.io/2u5tAlYSEemTOpaFLMVB_Screen%20Shot%202016-01-11%20at%206.16.57%20PM.png", "Screen Shot 2016-01-11 at 6.16.57 PM.png", "2538", "1410", "#13a8dc", "" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Sharing your referral links in emails" } [/block] If you'd like to send your customer's referral links to them in custom marketing emails that you send, you can find their unique referral code in the CSV of payments available from the Payments page in your admin panel. [block:image] { "images": [ { "image": [ "https://files.readme.io/hY2dbKG3ReGqNCeSOTjw_Screen%20Shot%202015-06-16%20at%2011.00.23%20AM.png", "Screen Shot 2015-06-16 at 11.00.23 AM.png", "1866", "142", "", "" ] } ] } [/block] In your CSV, you'll find a column labeled ```Referral Code```. [block:image] { "images": [ { "image": [ "https://files.readme.io/e1tzX9t9TfiH0zaFIVkB_Screen%20Shot%202015-06-14%20at%2011.48.14%20PM-1.png", "Screen Shot 2015-06-14 at 11.48.14 PM-1.png", "952", "156", "#8d3c12", "" ] } ] } [/block] This code will be added to the end of the website URL entered in your admin panel in the following way: ``` https://www.SiteUrl.com?ct-referral-code=REFERRAL_CODE ``` **Here's an example of sending out your referral links to customers with Mailchimp** Start by creating a new list in Mailchimp. Using the data found in your payments CSV, add name, email, and referral code values for each customer you'd like to include in your mailing. [block:image] { "images": [ { "image": [ "https://files.readme.io/R5owPh9SsqRlZ4npEzAg_Screen%20Shot%202015-06-16%20at%2011.12.57%20AM.png", "Screen Shot 2015-06-16 at 11.12.57 AM.png", "910", "426", "#51adc4", "" ] } ] } [/block] Name the column with your customer's referral code "Referral Code." Then, click on "Complete Import" to add your subscribers. [block:image] { "images": [ { "image": [ "https://files.readme.io/7pbos74Rvyfoyx5yjjn1_Screen%20Shot%202015-06-16%20at%2011.13.56%20AM.png", "Screen Shot 2015-06-16 at 11.13.56 AM.png", "1582", "754", "#7dabb7", "" ] } ] } [/block] Next, create a new campaign. While you can choose any type of campaign, we'll walk through with an example of an HTML email. Let's add a custom button that will allow the user to share their referral link with a friend [block:image] { "images": [ { "image": [ "https://files.readme.io/vsXRRGwFQeiRaJC43HzR_Screen%20Shot%202015-06-16%20at%2011.18.03%20AM.png", "Screen Shot 2015-06-16 at 11.18.03 AM.png", "1236", "640", "", "" ] } ] } [/block] Place the merge tag for the referral code column at the end of your site URL as shown below. This will ensure that each of your emails includes your customer's unique referral link. [block:image] { "images": [ { "image": [ "https://files.readme.io/DYbhqlTIQQueRZjefHz7_Screen%20Shot%202015-06-16%20at%2011.21.37%20AM.png", "Screen Shot 2015-06-16 at 11.21.37 AM.png", "310", "232", "#4a4a4a", "" ] } ] } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/kPMrmX8HQjqfVlMOJcYR_Screen%20Shot%202015-06-16%20at%2011.21.56%20AM.png", "Screen Shot 2015-06-16 at 11.21.56 AM.png", "678", "864", "#292929", "" ] } ] } [/block] You can test this out before sending by using Mailchimp's preview mode and test email features. [block:image] { "images": [ { "image": [ "https://files.readme.io/TkUmIhWDQWlhHQIoanbj_Screen%20Shot%202015-06-16%20at%2011.22.18%20AM.png", "Screen Shot 2015-06-16 at 11.22.18 AM.png", "536", "646", "#e8e8e8", "" ] } ] } [/block]