Billing Tables

Billing tables are advanced versions of tables, intended to help users get an overview of their plan and billing details.

Plan

Base Plan

Pro 100K

100,000 emails/mo

$67.96 15% bundle discount

Your account will be downgraded to Essentials 40K on 7/1/2019.

Additional Charges

8,471 additional emails (108,471 sent this month)

$0.00085 each

$7.20

5,432 billable contacts (7,432 total contacts)

2,000 contacts free, then $10/mo per 10,000 contacts

$10.00
Add-Ons

1 additional dedicated IP address (2 total dedicated IPs)

1 IP free, then $30/mo each

$30.00

No additional Email Activity History What is this?

3 days of history free, $30/mo for 30 days of history

$0.00

Estimate for June $127.15*

Container(s) .table-wrap.is-billing
HTML Elements tr.has-rowspan tr.billing-total td.has-alert
Optional Elements p.plan-details p.plan-disabled div.alert button.btn span.price-note
<table class="table-wrap is-billing">
<tr>
<th>Base Plan</th>
<td>
<p>Pro 100K</p>
<p class="plan-details">100,000 emails/mo</p>
<button class="btn btn-small btn-secondary">Change Plan</button>
</td>
<td>
$67.96
<span class="price-note">15% bundle discount</span>
</td>
</tr>
<tr>
<td class="has-alert" colspan="3">
<div class="alert alert-warning">
<p>Your account will be downgraded to <strong>Essentials 40K</strong> on 7/1/2019.</p>
</div>
</td>
</tr>
<tr class="has-rowspan">
<th rowspan="2">Additional Charges</th>
<td>
<p>8,471 additional emails (<a href="#">108,471 sent this month</a>)</p>
<p class="plan-details">$0.00085 each</p>
</td>
<td>$7.20</td>
</tr>
<tr>
<td>
<p>5,432 billable contacts (<a href="#">7,432 total contacts</a>)</p>
<p class="plan-details">2,000 contacts free, then $10/mo per 10,000 contacts</p>
</td>
<td>$10.00</td>
</tr>
<tr class="has-rowspan">
<th rowspan="2">Add-Ons</th>
<td>
<p>1 additional dedicated IP address (<a href="#">2 total dedicated IPs</a>)</p>
<p class="plan-details">1 IP free, then $30/mo each</p>
</td>
<td>$30.00</td>
</tr>
<tr>
<td>
<p class="plan-disabled"><em>No additional Email Activity History</em> <a href="#">What is this?</a></p>
<p class="plan-disabled"><em>3 days of history free, $30/mo for 30 days of history</em></p>
<button class="btn btn-small btn-secondary is-disabled">Add Additional History</button>
</td>
<td>
<p class="plan-disabled"><em>$0.00</em></p>
</td>
</tr>
<tr class="billing-total">
<td colspan="3">
<p>Estimate for June <strong>$127.15*</strong></p>
</td>
</tr>
</table>

Invoices

Failed April 30, 2018 Mastercard ending in 0163 $93.43

This payment failed to process. Please review your payment method, then retry.

Paid March 31, 2018 Mastercard ending in 0163 $93.43
Paid February 28, 2018 Mastercard ending in 0163 $93.43
Paid January 31, 2018 Mastercard ending in 0163 $93.43
Container(s) .table-wrap
HTML Elements td.align-right td.has-alert
Optional Elements span.label div.alert
<table class="table-wrap">
<tr>
<td><span class="label label-error">Failed</span></td>
<td><strong><a href="#">April 30, 2018</a></strong></td>
<td>Mastercard ending in 0163</td>
<td class="align-right">$93.43</td>
</tr>
<tr>
<td class="has-alert" colspan="4">
<div class="alert alert-danger">
<p>This payment failed to process. Please review your payment method, then retry.<button class="btn btn-small btn-secondary">Retry Payment</button></p>
</div>
</td>
</tr>
<tr>
<td><span class="label label-success">Paid</span></td>
<td><strong><a href="#">March 31, 2018</a></strong></td>
<td>Mastercard ending in 0163</td>
<td class="align-right">$93.43</td>
</tr>
</table>

Details

Payment Method

Mastercard ending in 0163 Expires 12/2018

Billing Address

Jane Appleseed

1234 Cheshire Ct

Denver, CO

80205

Invoice Address

Johnny Karate

4321 Cheshire Way

Denver, CO

80205

Container(s) .table-wrap.is-billing
HTML Elements td.align-right
Optional Elements i.sg-icon.sg-icon-pencil
<table class="table-wrap is-billing">
<tr>
<th><strong>Payment Method</strong></th>
<td>
<p>Mastercard ending in 0163 <span class="expiration">Expires 12/2018</span></p>
</td>
<td class="align-right">
<a href="#"><i class="sg-icon sg-icon-pencil"></i></a>
</td>
</tr>
<tr>
<th><strong>Billing Address</strong></th>
<td>
<p>Jane Appleseed</p>
<p>1234 Cheshire Ct</p>
<p>Denver, CO</p>
<p>80205</p>
</td>
<td class="align-right">
<a href="#"><i class="sg-icon sg-icon-pencil"></i></a>
</td>
</tr>
<tr>
<th><strong>Invoice Address</strong></th>
<td>
<p>Johnny Karate</p>
<p>4321 Cheshire Way</p>
<p>Denver, CO</p>
<p>80205</p>
</td>
<td class="align-right">
<a href="#"><i class="sg-icon sg-icon-pencil"></i></a>
</td>
</tr>
</table>