Need to update global template footer with new image and link

SOLVE
Highlighted
Occasional Contributor

Hi there!

 

My organization earned a new accreditation and we need to add the corresponding image and link to our footer used on about half a dozen HubSpot landing pages. The problem is, the footer requires code to do so. I reached out to the Hubspot help and they pointed me to the Design Manager where I got one look at the HTML code and got nervous and in talking to my customer success manager, she recommended posting here. I am hoping someone will be able to provide some additional help/guidance for how we can best accomplish our goal of promoting our NCQA Accreditation.

 

Below is the image I need added to the footer and linked to this blog post: http://blog.amplifonusa.com/partners/amplifon-earns-ncqa-accreditation-for-credentialing.

image to add to footerimage to add to footer

 

 

 

 

 

 

 

 

 

For a bit more context, the pages we are looking to edit include (these all use the same template):

http://go.amplifonusa.com/partners/why-a-hearing-benefit

http://go.amplifonusa.com/partners/choosing-a-partner

http://go.amplifonusa.com/partners/working-with-amplifon

http://go.amplifonusa.com/partners/plan-choices

http://go.amplifonusa.com/workcomp

 

We would like to have the image placed in the footer as indicated below. The size needs to be large enough so the text in the logo is legible.

footer that needs to be updated with image and linked to blog postfooter that needs to be updated with image and linked to blog post

 

Here's a snippet of the footer's HTML code:

Footer HTMLFooter HTML

Please let me know if you have any questions and any recommendations you have. Thank you!

0 Upvotes
1 Accepted solution

Accepted Solutions
Highlighted
Solution
Regular Advisor

Hi @amplifon ,

 

The new code updated with the link sent:

<div class="themed-footer__endorsement"> 
    <a target="_blank" href="http://blog.amplifonusa.com/partners/amplifon-earns-ncqa-accreditation-for-credentialing"><img src="https://community.hubspot.com/html/assets/HSN_gray.png" alt="Image" style="width: 300px;display: block; margin: 20px 0;"></a>
<a target="_blank" href="http://www.bbb.org/minnesota/business-reviews/hearing-aids-and-assistive-devices/amplifon-hearing-health-care-in-plymouth-mn-96383409"><img src="https://www.amplifonusa.com/AHHC-theme/css/custom/images/bbb_logo.png" alt="Better Business Beureu A+ Rating"></a> </div>

 

Obs: Remember to change the image address (blue text) to the address after you upload it to the file manager.

 

I hope I was able to answer your question clearly.

 

Did this post help solve your problem? If so, please mark it as a solution.

Best regards! 🙂

View solution in original post

6 Replies 6
Highlighted
Community Manager

Hey @amplifon 

 

I apologize for the delayed response. I'll tag a few experts that can share their knowledge with you

 

Hey @Kevin-C @DanielSanchez @DavidFJones could you please share your thoughts with @amplifon?

 

Thanks

Sharon


We are excited to announce that the Community will be launching a weekly newsletter on November 2, 2020!
Sign up today!
Highlighted
Top Contributor | Partner

If all the pages uses the same template you should only have to edit the template and they will all update. It's impossible to give you the code to input based on your post. If you want to email me I can help you out.

janet4now@gmail.com

Highlighted
Regular Advisor

Hi @amplifon ,

 

First you must upload your image in file manager of HubSpot, and make this changes in your footer.

 

YOUR CODE

<div class="themed-footer__endorsement"> 
    <a target="_blank" href="http://www.bbb.org/minnesota/business-reviews/hearing-aids-and-assistive-devices/amplifon-hearing-health-care-in-plymouth-mn-96383409"><img src="https://www.amplifonusa.com/AHHC-theme/css/custom/images/bbb_logo.png" alt="Better Business Beureu A+ Rating"></a>
</div>

NEW CODE (i add only the red line)

<div class="themed-footer__endorsement"> 
    <a href=""><img src="https://community.hubspot.com/html/assets/HSN_gray.png" alt="Image" style="width: 300px;display: block; margin: 20px 0;"></a>
<a target="_blank" href="http://www.bbb.org/minnesota/business-reviews/hearing-aids-and-assistive-devices/amplifon-hearing-health-care-in-plymouth-mn-96383409"><img src="https://www.amplifonusa.com/AHHC-theme/css/custom/images/bbb_logo.png" alt="Better Business Beureu A+ Rating"></a> </div>

OBS: In blue text, you need to enter the address of the image. This image link you get after uploading it in your HubSpot's File Manager.

 

See one example with HubSpot Logo in codes above:

example.PNG

 

Did this post help solve your problem? If so, please mark it as a solution.

Best regards!

0 Upvotes
Highlighted
Occasional Contributor

Thanks so much Daniel! One question - when you click on the image, I'd like people to be directed to this blog post: http://blog.amplifonusa.com/partners/amplifon-earns-ncqa-accreditation-for-credentialing

How does that affect the code?

This is the code of the current image on the footer FYI: 

<a target="_blank" href="http://www.bbb.org/minnesota/business-reviews/hearing-aids-and-assistive-devices/amplifon-hearing-he... src="https://www.amplifonusa.com/AHHC-theme/css/custom/images/bbb_logo.png" alt="Better Business Beureu A+ Rating"></a>

Would I copy the above and edit it for the logo link and link to blog post?

0 Upvotes
Highlighted
Solution
Regular Advisor

Hi @amplifon ,

 

The new code updated with the link sent:

<div class="themed-footer__endorsement"> 
    <a target="_blank" href="http://blog.amplifonusa.com/partners/amplifon-earns-ncqa-accreditation-for-credentialing"><img src="https://community.hubspot.com/html/assets/HSN_gray.png" alt="Image" style="width: 300px;display: block; margin: 20px 0;"></a>
<a target="_blank" href="http://www.bbb.org/minnesota/business-reviews/hearing-aids-and-assistive-devices/amplifon-hearing-health-care-in-plymouth-mn-96383409"><img src="https://www.amplifonusa.com/AHHC-theme/css/custom/images/bbb_logo.png" alt="Better Business Beureu A+ Rating"></a> </div>

 

Obs: Remember to change the image address (blue text) to the address after you upload it to the file manager.

 

I hope I was able to answer your question clearly.

 

Did this post help solve your problem? If so, please mark it as a solution.

Best regards! 🙂

View solution in original post

Highlighted
Occasional Contributor

Thank you SO much, Daniel! It's now live on our site 🙂