Shopify themes, liquid, logos, and UX
Hello all,
I want to add the attached banner to my website. I built the banner in Canva, but I cannot find a way to link the "Shop Black Friday Sale Here" and "Contact Us" buttons when I add it to my homepage as a Slideshow Image. Is there any way to do this? Is there a section other than "slideshow" which would be better suited for this? Thanks!
Use a Custom HTML Section (Better for Links)
1. Go to admin panel.
2. Online Store > Themes > Customize.
3. Add a new section Custom HTML to your homepage by clicking Add Section.
add the below snippet.
<div style="position: relative; text-align: center; color: white;">
<img src="YOUR_BANNER_IMAGE_URL" alt="Black Friday Sale" style="width: 100%; height: auto;">
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
<a href="YOUR_BLACK_FRIDAY_LINK" style="text-decoration: none; font-size: 18px; background-color: #ff0000; color: white; padding: 15px 25px; border-radius: 5px; margin-right: 10px; display: inline-block;">Shop Black Friday Sale Here</a>
<a href="YOUR_CONTACT_US_LINK" style="text-decoration: none; font-size: 18px; background-color: #000000; color: white; padding: 15px 25px; border-radius: 5px; display: inline-block;">Contact Us</a>
</div>
NOTE:
Replace YOUR_BANNER_IMAGE_URL with the URL of the banner you created in Canva, and replace YOUR_BLACK_FRIDAY_LINK and YOUR_CONTACT_US_LINK with the respective URLs for the buttons.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025