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.
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025