Checkout 'Why choose us' app

aymanemsi
Tourist
19 0 2

Hey 

I went to a website and I saw this section where it says 'why choose us' and I really like the idea.

So if anyone knows the name of the app 

Please let me know

Thanks 

2020-12-06 14_56_22-Greenshot.png

0 Likes
ScenicJason
Tourist
6 0 4

Also interested.  I've seen this on a few checkouts myself.  Not sure if I just add a link to the scripts area of checkout to include a banner?

0 Likes
ThomasATX
New Member
3 0 0

Hey ,

 

You can create this but will take a little bit of html and javascript. Within your checkout.liquid you can target that part of the page or where ever you want to place the "why choose us" section by using javascript like this 

 

 

 (function($) {
        // if customer is in the contact information section of checkout process
        if (Shopify.Checkout.step === 'contact_information') {
          $(document).on('page:load page:change', function() {
            $('.order-summary__sections').append(cta);
          })
        }
  });

 

 

this would target the order summary section just below the total amount section and appends a 'cta' which is just a variable containing your html like this 

 

     var cta = `
				  <section class="wcu">
					<span class="wcu-title">Why choose us?</span>
				    <div class="icon">
					</div>
				  </section>
				  
				`;

 

after doing that you should see the why choose us title below your "total amount" section on your checkout page then all thats left is styling the section as you want and adding icons and whatever else that makes your checkout unique. hope this helps!

0 Likes