How to add Authorize.net merchant verified seal to your Shopify Warehouse theme.

APG-David
Explorer
46 3 13

Hello everyone,

This is what I did to activate the Authorize dot net seal image and its link into a websites footer.

 

The website is https://aaron-packaging.myshopify.com/ and we are using WareHouse theme (vr 1.8.2)

I have a string of code from Authorize dot net that I wanted to add. That string of code will show their logo, with a link to our "Merchant Verified" certificate. But they don't give you a logo png. Instead, you get a string of code to strip into your site. 

 

Using the left-hand menu, Navigate to your Admin/Online Store/Themes/"whatever version of your theme you are currently using"/click on "Actions" button and select "Edit code"

 

Warning.. this is for sectioned themes. I have no idea how to do this on a non-sectioned theme. Sorry. 

 

Use the menu on the left-side to navigate to the "Sections" folder. What you are looking for is the code for the "footer" of your website. (Thats the part at the very bottom that has all that neat stuff like links to your "contact us" page and maybe your newsletter button, etc.)

It will say something like "footer.liquid".

You will be dropping in that string of code you got from Authorize dot net in here. WHERE you put it is up to you.

I wanted ours to display right under our list of links displayed on the far right of our footer. 

 

Here (marked in red) is an example of where  I placed that string of code ...

 

<div id="block-{{ block.id }}" class="footer__collapsible">
<div class="footer__collapsible-content">
<ul class="footer__linklist list--unstyled">
{%- for link in menu.links -%}
<li>
<a href="{{ link.url }}" class="footer__link-item link">{{ link.title }}</a>
</li>
{%- endfor -%}
</ul>
</div>
<p></p>

<THIS IS WHERE I PUT THAT SUPER SECRET CODESTRING I GOT FROM AUTHORIZE DOT NET. NO, I'M NOT GONNA SHOW YOU MINE.. GET YOUR OWN CODE.</div>
</div>

 

Now, if you check out the site I manage.. you can see the logo and link displayed in the footer.

 

Good luck!

David

 

Replies 2 (2)
PaulNewton
Shopify Partner
4876 409 1049

Also note some themes visual designers may allow adding such code using a custom-liquid block, or section,  in footers as settings.

Finally Combinable Discounts - EARLY ACCESS ONLY - Use Free Shipping With Other Discounts

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org
Problem Solved? ✔Accept and Like solutions to help future merchants
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
APG-David
Explorer
46 3 13

Thank you PaulNewton, 

That's a good point. I'm not a specialist in any way. I'm just sharing with you all how I managed to make it work. However inelegant it may be. Hah. 

Your chosen theme may have a special area built in to allow you to add the info. But if it does NOT provide a way for you to do so. You can do it the way I did.