How to Add a Price Chart

You may add a price chart to outline package deals. This is great if you have a service or consulting company and would like to showcase your products. To add a price chart simply create a new page by going to Pages > Add New. Toggle to the Text editor and insert this code.

<div class="pricing-table">
<div class="one-third first">
<h4>Petite Package
<span class="amount">$150</span></h4>
<ul>
 	<li>List Item #1</li>
 	<li>List Item #2</li>
 	<li>List Item #3</li>
</ul>
<a class="button" href="#">Sign Me Up!</a>

</div>
<div class="one-third">
<h4>Elegant Package
<span class="amount">$275</span></h4>
<ul>
 	<li>List Item #1</li>
 	<li>List Item #2</li>
 	<li>List Item #3</li>
</ul>
<a class="button" href="#">Sign Me Up!</a>

</div>
<div class="one-third">
<h4>Deluxe Package
<span class="amount">$400</span></h4>
<ul>
 	<li>List Item #1</li>
 	<li>List Item #2</li>
 	<li>List Item #3</li>
</ul>
<a class="button" href="#">Sign Me Up!</a>
</div>
</div>

Adjust the text to fit your needs. For your buttons, you may insert a link to the product checkout page. You may connect this internally through your website using a plugin such as WooCommerce, or you may use a third-party merchant such as Shopify, eBay, Creative Market, etc.

To insert a link replace the # symbol with your link.

Still need help? Contact Us Contact Us