How to Add Confidence Boosters to Checkout Sign Up Pages
Confidence Boosters are a great way to help the users feel more sure about their purchase in the last few seconds when they might just regret adding their card.
Ensuring the potential client that the website uses secure payment methods to collect from their card and reminding them about features they will get as soon as they join will help prevent the bounce rate at the checkout page and make sure more people complete the cycle of becoming a customer.
In this How-To-Article, we provide the code and know-how in order to implement a confidence booster in the checkout pages to increase conversions.
The Confidence Booster:
Step 1 - Add the images
Download the images provided at the end of the article and add them to the image manager.
Additional Information:
Step 2 - Create a custom widget
Create a custom widget and copy and paste the following code into it:
<div class="module" style="background:white;">
<center><img src="/images/secure-checkout.jpg"></center>
</div>
<div class="module">
<h4>A COMMUNITY YOU CAN TRUST</h4>
<ul style="list-style:none;" class="nopad font-lg line-height-xl">
<li><i class="fa fa-check fa-fw text-primary"></i>Join Thousands of Happy Users</li>
<li><i class="fa fa-check fa-fw text-primary"></i>Helpful Videos & Documentation</li>
<li><i class="fa fa-check fa-fw text-primary"></i>Hassle-Free – Quick & Easy Setup</li>
<li><i class="fa fa-check fa-fw text-primary"></i>Nothing to Install or Download</li>
<li><i class="fa fa-check fa-fw text-primary"></i>Top-Rated Help & Support </li>
<li><i class="fa fa-check fa-fw text-primary"></i>And So Much More...</li>
</ul>
</div>
<div class="module">
<h4 class="nomargin">EXCEEDING EXPECTATIONS</h4>
<div class="tmargin line-height-xl">
<img src="/images/testimonial.jpg" class="pull-right img-thumbnail lmargin">
<span>
"Brilliant Directories far exceeded our initial expectations with so many additional tools, features and ways to generate revenue. We truly couldn't manage our business without them!
</span>
<p>
</p><p>
Allison P. - Sydney, Australia
</p>
</div>
<div class="clearfix"></div>
</div>
Additional Information:
» Toolbox » Widget Manager - Read the section of the article titled: "Creating a New Widget"
Step 3 - Add the widget to a sidebar
Create a custom sidebar and add the custom widget to the sidebar.
Additional Information:
Step 4 - Add sidebar to the checkout page
Add the newly created sidebar to the checkout page of the membership plan, to do this go to Finance >> Membership Plans, find the membership plan, and click edit:
Find Sign Up Page Sidebar setting and select the new sidebar created:
Additional Information:
