thread Making the header and banner the same background in Online Store

How to add a banner to Square Online website?

DMCStore — Wed, 19 Aug 2020 23:39:40 GMT

The title of this thread has been edited from the original: Add A Banner to Website?

I would like to add a banner to my website that lets customers know we now offer pickup. How can I add a banner? I would very much appreciate any help!

Re: Add A Banner to Website?

JustinC — Fri, 08 May 2020 12:53:34 GMT

Hey @DMCStore

Add a banner from Website > Edit site > Main Banner. From there, select Banner Headline to write a blurb about pickup.

I hope this helps!

Re: Add A Banner to Website?

DMCStore — Fri, 08 May 2020 13:58:07 GMT

Thanks Justin. That's not really what I'm looking for. I want to add a special announcement banner across the very top of the header like most any retail sites have. It's typically where you see retailers put short shipping details or reminders. Thanks anyways!

Re: How to add a banner to Online Store website?

JustinC — Wed, 19 Aug 2020 23:40:20 GMT

@DMCStore

Yikes, sorry my suggestion didn't help. We don't offer an announcement banner feature aside from the main banner in the Square Online site unfortunately.

You might be interested in Square Marketing which sends out email blasts to your customer list in Dashboard. You can send one with a 'pickup' announcement.

Re: How to add a banner to Online Store website?

seaphome — Tue, 16 Jun 2020 23:51:22 GMT

Try going to Online Store/Website/PopUps then choose Build an Announcement. I hope that is what you're looking for. It took me forever to find it!

scrolling main banner

danielspr — Fri, 25 Sep 2020 03:52:34 GMT

hello i am trying to make my main banner a presentation style banner with multiple pictures?

Re: scrolling main banner

Goldneye — Fri, 25 Sep 2020 15:15:09 GMT

Hi, in my experience I do not believe a scrolling banner is an option. There is 17 different layout options for the Main Banner section. If you think outside the box, you could also try the Media options in place of a Main Banner (under Add Section scroll down to Media). I attached a screenshot of where these are available.

Hope this helps!

Terri

🛍 Shop my stores

Personalized Gifts - name-gift-box.square.site

Home Decor - enhance-home.square.site

Resale Collection - hanger-hues.square.site

Re: scrolling main banner

JustinC — Sat, 26 Sep 2020 13:51:18 GMT

Thanks for chiming in @Goldneye !!

@danielspr - Does this help?

Making the header and banner the same background

Car-m — Thu, 05 Nov 2020 16:11:17 GMT

https://funnyfarmrestaurant.square.site/

Thanks!

Re: Making the header and banner the same background

BrowMasterAl — Thu, 05 Nov 2020 23:07:41 GMT

That's just a "header" with opacity set to 0 ( so it is clear, see through) and then the "banner" is just a large photo stretched to width. I love that look though. I think it looks even better when the "header" scrolls with the page and then when it gets to the white bits it fades into a normal "header" in whatever color matches the scheme (and the text changes color too, need be) You may want to hire a designer? If you need help just let me know, I am a designer and very bored at the moment. I wouldn't mind helping you out a little if you need it! Either way, I hope what I said made sense and helped at least a little!

Re: Making the header and banner the same background

DMCStore — Fri, 13 Nov 2020 21:17:34 GMT

Thank you!

Re: How to add a banner to Square Online website?

Stumblor — Sun, 01 Aug 2021 16:42:00 GMT

Here is a cheeky way to do it using popups.

First create a top banner popup:

Online - Communications - Popups - Make an Announcement

Now popups don't have an option to display everytime, only once per visit. To get around this, you need to clear the users cookie each page load. You can do this by injecting a bit of javascript into your site header in the tracking section:

Online - Settings - Tracking Tools - Google Analytics - Edit

Paste in this code, and this save

setInterval(function() {
if (window.leadForm && window.leadForm["form_ids"].length > 0) {

document.cookie = "leadform_" + window.leadForm["form_ids"][0] + "_viewed=; Max-Age=-99999999;";
}, 1000);

</script>

Now the banner will appear on every page.

Re: How to add a banner to Online Store website?

RGebhardt — Sat, 01 Apr 2023 16:43:50 GMT

We need a way to do announcements or similar bc for people who don’t meet nexus in other states we have to have somewhere on our site letting people know about USE tax. Is there another way I can do this maybe on receipt they receive, if so how?

Re: scrolling main banner

RGebhardt — Sat, 01 Apr 2023 16:45:07 GMT

Use Canva then upload the template you created

Re: scrolling main banner

_Violet — Mon, 03 Apr 2023 22:18:03 GMT

Hi @RGebhardt - Violet here, stepping in for @JustinC. Thanks for reaching out to us here on the Square Seller Community👋

For this question, I suggest that you get in touch with our Square Online Support Team so they can suggest the best setup for you based on your business needs. If you haven't already, please reach out to Support directly by logging into your Square account and heading here.

Re: Add A Banner to Website?

freethinkerstx — Sun, 20 Aug 2023 05:55:00 GMT

Looks like we still don't have the option for an announcement banner at the very top of the page.