Jump to content

Where would a newbie add a Houzz badge to their Squarespace site?

Recommended Posts

Site URL: http://www.studio-palomino.com

Hi there,

I'd like to add a Best of Houzz badge to my landing page, but have no idea where code should go. Can anyone out there help guide me? I would really appreciate your help in knocking off this 3-month old task off my to-do list!

Badge code: <table style="width: 54px;" cellpadding="0" cellspacing="0"><tr><td><a href="https://www.houzz.com/pro/studiopalomino/studio-palomino"><img src="https://st.hzcdn.com/static/badge_53_7@2x.png" alt="Barbie Palomino in Los Angeles, CA on Houzz" width="54" height="54" border="0" /></a></td></tr></table>

 

Link to comment
  • Replies 1
  • Views 802
  • Created
  • Last Reply

There are a couple of ways you could go about this.

You could add a Page to your Index Page. Then add a code block to that Page and put your code in there. The downside here is that your home page would be more than one page. Some scrolling would need to occur to see the badge. This is a very rough mock up.

1881121497_ScreenShot2021-03-18at9_51_40PM.png.964abe9ac682b89d2782f41e311a0633.png

Another way would involve some CSS and Javascript. This would require the business plan or above. Then with the Javascript we'd inject the table code into the page and use some CSS to place the badge on the page somewhere. I'm thinking this would "float" over the home page image somewhere. Another rough mock up.

909944286_ScreenShot2021-03-18at9_58_19PM.png.fcd70269bf431be3df039a38c9807988.png

Do either of these methods sound like something you want to pursue?

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.