You can add pricing tables to sell products and services directly from your site made with Web-Boots theme. The good part is, it comes with PayPal integration so that you can have add to cart and buy now buttons integrated with pricing tables. Your customer can easily add items to the cart, view the cart items, add or remove cart items and pay instantly through PayPal.
Pricing Table Style 1
<ul class="list-group list-group-flush wn-fonts-style display-7">
<li class="list-group-item">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
<li class="list-group-item">
10 GB Bandwidth
</li>
</ul>
</div>
<div class="wn-section-btn text-center pt-4"><a href="https://www.paypal.com/cgi-bin/webscr?business=sales%40webnots.com&cmd=_cart&amount=1.0&item_name=Custom+Item¤cy_code=USD" class="btn btn-primary display-4">ADD TO CART</a></div>
</div>
</div>
<div class="plan col-12 mx-2 my-2 justify-content-center col-lg-3">
<div class="plan-header text-center pt-5">
<h3 class="plan-title wn-fonts-style display-5">
Premium
</h3>
<div class="plan-price">
<span class="price-value wn-fonts-style display-5">
$
</span>
<span class="price-figure wn-fonts-style display-1">
90</span>
<small class="price-term wn-fonts-style display-7">
per year
</small>
</div>
</div>
<div class="plan-body pb-5">
<div class="plan-list align-center">
<ul class="list-group list-group-flush wn-fonts-style display-7">
<li class="list-group-item">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
<li class="list-group-item">
15 GB Bandwidth
</li>
</ul>
</div>
<div class="wn-section-btn text-center pt-4"><a href="https://www.paypal.com/cgi-bin/webscr?business=sales%40webnots.com&cmd=_xclick&amount=1&item_name=Custom+Item¤cy_code=USD" class="btn btn-primary display-4" target="_blank">BUY NOW</a></div>
</div>
</div>
<div class="plan col-12 mx-2 my-2 justify-content-center col-lg-3">
<div class="plan-header text-center pt-5">
<h3 class="plan-title wn-fonts-style display-5">
Ultimate
</h3>
<div class="plan-price">
<span class="price-value wn-fonts-style display-5">
$
</span>
<span class="price-figure wn-fonts-style display-1">
150</span>
<small class="price-term wn-fonts-style display-7">
per hour
</small>
</div>
</div>
<div class="plan-body pb-5">
<div class="plan-list align-center">
<ul class="list-group list-group-flush wn-fonts-style display-7">
<li class="list-group-item">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
<li class="list-group-item">
20 GB Bandwidth
</li>
</ul>
</div>
<div class="wn-section-btn text-center pt-4"><a href="https://www.paypal.com/cgi-bin/webscr?business=sales%40webnots.com&cmd=_xclick&amount=1&item_name=Custom+Item¤cy_code=USD" class="btn btn-primary display-4" target="_blank">BUY NOW</a></div>
</div>
</div>
</div>
</div>
</section>Pricing Table Style 2
<section class="pricing-table2 cid-rkNIWlNBjJ" id="pricing-tables2-k">
<div class="container">
<div class="media-container-row">
<div class="plan col-12 mx-2 my-2 justify-content-center col-lg-3">
<div class="plan-header text-center pt-5">
<h3 class="plan-title wn-fonts-style display-5">
Standard
</h3>
<div class="plan-price">
<span class="price-value wn-fonts-style display-5">
$
</span>
<span class="price-figure wn-fonts-style display-1">
35</span>
<small class="price-term wn-fonts-style display-7">
per month
</small>
</div>
</div>
<div class="plan-body">
<div class="plan-list align-center">
<ul class="list-group list-group-flush wn-fonts-style display-7">
<li class="list-group-item">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
<li class="list-group-item">
5 GB Bandwidth
</li>
</ul>
</div>
<div class="wn-section-btn text-center py-4 pb-5"><a href="https://www.paypal.com/cgi-bin/webscr?business=sales%40webnots.com&cmd=_xclick&amount=1&item_name=Custom+Item¤cy_code=USD" class="btn btn-primary display-4" target="_blank">BUY NOW</a></div>
</div>
</div>
<div class="plan col-12 mx-2 my-2 justify-content-center col-lg-3">
<div class="plan-header text-center pt-5">
<h3 class="plan-title wn-fonts-style display-5">
Business
</h3>
<div class="plan-price">
<span class="price-value wn-fonts-style display-5">
$
</span>
<span class="price-figure wn-fonts-style display-1">
65</span>
<small class="price-term wn-fonts-style display-7">
per day
</small>
</div>
</div>
<div class="plan-body">
<div class="plan-list align-center">
<ul class="list-group list-group-flush wn-fonts-style display-7">
<li class="list-group-item">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
<li class="list-group-item">
10 GB Bandwidth
</li>
<li class="list-group-item">
Free Domain
</li>
</ul>
</div>
<div class="wn-section-btn text-center py-4 pb-5"><a href="https://www.paypal.com/cgi-bin/webscr?business=sales%40webnots.com&cmd=_xclick&amount=1&item_name=Custom+Item¤cy_code=USD" class="btn btn-primary display-4" target="_blank">BUY NOW</a></div>
</div>
</div>
<div class="plan col-12 mx-2 my-2 justify-content-center favorite col-lg-3">
<div class="plan-header text-center pt-5">
<h3 class="plan-title wn-fonts-style display-5">
Premium
</h3>
<div class="plan-price">
<span class="price-value wn-fonts-style display-5">
$
</span>
<span class="price-figure wn-fonts-style display-1">
90</span>
<small class="price-term wn-fonts-style display-7">
per year
</small>
</div>
</div>
<div class="plan-body">
<div class="plan-list align-center">
<ul class="list-group list-group-flush wn-fonts-style display-7">
<li class="list-group-item">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
<li class="list-group-item">
15 GB Bandwidth
</li>
<li class="list-group-item">
Free Domain
</li>
<li class="list-group-item">
Backup
</li>
</ul>
</div>
<div class="wn-section-btn text-center py-4 pb-5"><a href="https://www.paypal.com/cgi-bin/webscr?business=sales%40webnots.com&cmd=_xclick&amount=1&item_name=Custom+Item¤cy_code=USD" class="btn btn-primary display-4" target="_blank">BUY NOW</a></div>
</div>
</div>
<div class="plan col-12 mx-2 my-2 justify-content-center col-lg-3">
<div class="plan-header text-center pt-5">
<h3 class="plan-title wn-fonts-style display-5">
Ultimate
</h3>
<div class="plan-price">
<span class="price-value wn-fonts-style display-5">
$
</span>
<span class="price-figure wn-fonts-style display-1">
150</span>
<small class="price-term wn-fonts-style display-7">
per hour
</small>
</div>
</div>
<div class="plan-body">
<div class="plan-list align-center">
<ul class="list-group list-group-flush wn-fonts-style display-7">
<li class="list-group-item">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
<li class="list-group-item">
10 GB Bandwidth
</li>
<li class="list-group-item">
Free Domain
</li>
<li class="list-group-item">
Backup
</li>
<li class="list-group-item">
24/7 Support
</li>
</ul>
</div>
<div class="wn-section-btn text-center py-4 pb-5"><a href="https://www.paypal.com/cgi-bin/webscr?business=sales%40webnots.com&cmd=_xclick&amount=1&item_name=Custom+Item¤cy_code=USD" class="btn btn-primary display-4" target="_blank">BUY NOW</a></div>
</div>
</div>
</div>
</div>
</section>Pricing Table Style 3
<section class="pricing-table3 cid-rkNIYMl4iM" id="pricing-tables3-l">
<div class="container">
<div class="media-container-row">
<div class=" col-12 col-lg-4 col-md-6 my-2">
<div class="pricing">
<div class="plan-header">
<div class="plan-price">
<span class="price-value wn-fonts-style display-5">
$
</span>
<span class="price-figure wn-fonts-style display-1">
35
</span>
<h3 class="plan-title wn-fonts-style display-5">
Standard
</h3>
<hr>
</div>
</div>
<div class="plan-body">
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<div class="wn-section-btn pt-4 text-center"><a href="https://www.paypal.com/cgi-bin/webscr?business=sales%40webnots.com&cmd=_cart&amount=1.0&item_name=Custom+Item¤cy_code=USD" class="btn btn-primary display-4">ADD TO CART</a></div>
</div>
</div>
</div>
<div class="col-12 col-lg-4 col-md-6 my-2">
<div class="pricing">
<div class="plan-header">
<div class="plan-price">
<span class="price-value wn-fonts-style display-5">
$
</span>
<span class="price-figure wn-fonts-style display-1">
65
</span>
<h3 class="plan-title wn-fonts-style display-5">
Business
</h3>
<hr>
</div>
</div>
<div class="plan-body">
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<div class="wn-section-btn pt-4 text-center"><a href="https://www.paypal.com/cgi-bin/webscr?business=sales%40webnots.com&cmd=_cart&amount=1.0&item_name=Custom+Item¤cy_code=USD" class="btn btn-primary display-4">ADD TO CART</a></div>
</div>
</div>
</div>
<div class="col-12 col-lg-4 col-md-6 my-2">
<div class="pricing">
<div class="plan-header">
<div class="plan-price">
<span class="price-value wn-fonts-style display-5">
$
</span>
<span class="price-figure wn-fonts-style display-1">
90
</span>
<h3 class="plan-title wn-fonts-style display-5">
Premium
</h3>
<hr>
</div>
</div>
<div class="plan-body ">
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<div class="wn-section-btn pt-4 text-center"><a href="https://www.paypal.com/cgi-bin/webscr?business=sales%40webnots.com&cmd=_cart&amount=1.0&item_name=Custom+Item¤cy_code=USD" class="btn btn-primary display-4">ADD TO CART</a></div>
</div>
</div>
</div>
</div>
</div>
</section>Ensure to replace the text content and email id in the PayPal buttons used in the demo code with your own content.