topic Re: Need to update global template footer with new image and link in CMS Development

Need to update global template footer with new image and link

amplifon — Mon, 06 Jul 2020 20:10:53 GMT

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 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 post

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

Footer HTML

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

Re: Need to update global template footer with new image and link

sharonlicari — Mon, 27 Jul 2020 08:25:15 GMT

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

Re: Need to update global template footer with new image and link

JanetArmstrong — Tue, 28 Jul 2020 12:10:34 GMT

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

Re: Need to update global template footer with new image and link

DanielSanchez — Wed, 29 Jul 2020 13:35:51 GMT

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:

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

Best regards!

Re: Need to update global template footer with new image and link

amplifon — Wed, 29 Jul 2020 14:35:49 GMT

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-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>

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

Re: Need to update global template footer with new image and link

DanielSanchez — Wed, 29 Jul 2020 14:42:02 GMT

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! 🙂

Re: Need to update global template footer with new image and link

amplifon — Wed, 29 Jul 2020 14:56:05 GMT

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