Shopify Image Banner App
Create promotional visuals on your Shopify website to highlight discounts, share key messages, and grab attention, making offers more visible and actionable.
Create Widget for Free
No credit card needed
Trusted by over 3,000,000 small business, agencies and top global brands worldwide
Create your Banner app
Configure your Image Banner and add it to your Shopify website for free!
Screenshots
Why People Love Elfsight
Your Shopify pages deserve something more dynamic than a static header. With the Elfsight Banner app, you can place eye-catching visuals where they matter and get attention without slowing things down.
You don’t have to wrestle with CSS or hire a developer. Pick a layout, insert your image or message, paste a snippet – and it’s live. It’s the kind of upgrade you’ll wonder why you didn’t add sooner.
Did you know?
Rich media banners drive stronger purchase interest – after seeing a rich media banner, 56% of users expressed interest in buying, compared to 38% after viewing a static one.
Make your Image Banner work harder – start using rich background and interactive elements with Elfsight and convert more attention into action.
Key Features of the Shopify Banner App
Here’s what Elfsight gives you in everyday use:
- Fully customizable design: Control images, backgrounds, text, and button styles so the banner matches your store’s brand.
- Clickable CTA support: Add buttons or links to direct users to product pages, collections, or external URLs.
- Adaptive sizing & layouts: Choose full-width, custom width, or fixed dimensions to suit your page layout.
- Responsive on all devices: The banner adjusts gracefully on phones, tablets, and desktops.
- Show or hide elements: You decide what details display – title, subtitle, button, or overlay text.
How to Add the Banner to Shopify
Here are two common methods to embed your banner – pick the one that fits your setup best:
Method 1: Inline Banner (within page content)
- Select a template: In the Elfsight editor, choose a layout you like.
- Customize appearance: Add your image, text, button, and adjust styles to match your brand.
- Generate the embed code: Click “Add to website” and copy the snippet.
- Embed in Shopify: In your Shopify admin, go to the page editor (or theme section), add a Custom HTML block and paste the code.
- Save & preview: Publish your changes and see the banner live where you placed it.
Method 2: Footer Banner (site-wide placement)
- Choose a template: In the editor, select a template that fits your design best.
- Adjust settings: Choose when and where it shows, and define rules for visibility.
- Copy the snippet: Click “Add to website” and copy the code.
- Embed across pages: Go to your theme editor, open
theme.liquid(or equivalent), paste the snippet before closing</body>tag or in a global section. - Save & test: Refresh your store pages – the banner should appear everywhere you indicated.
Need help? Check our Help Center or read our blog for full step-by-step instructions on how to add a banner to a Shopify website. You’re also welcome to suggest feature ideas via our Wishlist, or track updates in the Changelog.
Is the Banner app compatible with Shopify Online Store 2.0?
Yes, all Elfsight apps support Shopify 2.0 and can be embedded as app blocks or custom HTML.
Do I need to edit theme files to add the Banner?
No, you can embed the app using Shopify’s Custom Liquid block or page editor without touching theme code.
What content can I combine in one banner in Shopify?
The app allows you to combine images, silent video backgrounds, text overlays, signup forms, discount codes, and CTA buttons within a single promotional banner.
Can I upload custom visuals and control placement?
Yes, Elfsight supports custom image uploads and flexible alignment options, allowing placement as full backgrounds or layered elements in your Shopify store.
How do YouTube and Vimeo background videos behave?
By inserting a public video link, the app displays it as a muted background layer. You can adjust brightness, scaling, and visual styling from the editor.
Can I customize typography inside the banner?
Yes, fonts, sizes, spacing, colors, and weight can all be adjusted so the banner matches your Shopify theme.
What’s the difference between full-width and custom-width modes?
Full-width banners span the container edge-to-edge, while custom-width banners stay centered and scale responsively.
Can buttons link to email addresses or phone numbers?
Yes, buttons can be configured to open web pages, email clients, or dial phone numbers directly from the app settings.
Pricing
14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Multi-platform software that works on any website
from $0 / month
start with a free plan
Unlimited domains
Free customer support
Charge-free installation help
Fully customizable