How to add a banner to Square Online website?

[DMCStore]

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!

[JustinC · Accepted solution]

@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. 

[JustinC]

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!

[DMCStore]

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!

[freethinkerstx]

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

[JustinC · Accepted solution]

@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. 

[RGebhardt]

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? 

[seaphome]

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!

[danielspr]

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

[Goldneye · Accepted solution]

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

[JustinC]

Thanks for chiming in @Goldneye !!

@danielspr - Does this help? 

[RGebhardt]

Use Canva then upload the template you created 

[_Violet]

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.

[Car-m]

Anyone know how to combine the header and banner in order to achieve this look?

https://funnyfarmrestaurant.square.site/

Thanks!

[Car-m]

https://funnyfarmrestaurant.square.site/

Thanks!

[BrowMasterAl]

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!

[DMCStore]

Thank you!

[Stumblor]

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 

<script>

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.