How are you preparing your website for the holiday season?

Whether you’re prepping for Black Friday and Cyber Monday or getting ready for Boxing Day sales, the holiday season has arrived.

There are so many ways to prepare your website and business for the holidays: give your website a holiday themed makeover, have special sales, update your product offerings, etc. 

How are you preparing your website for the holiday season? What is your go-to strategy? Share in the comments below!

We've implemented a free gift wrapping option in the checkout with the possibility to write a custom message. We did it because many people won't have the possibility to give presents in person this year (in Italy at least).

We said our gift options were free for the occasion, but to tell the truth it is the only way to do that as in Squarespace it's impossible to implement paid add-ons in the checkout.

We changed our "Sale" label to "Black Friday" for the black friday sale week and we colored it black. That's mainly it, all with some Mailchimp newsletters

I'm reading the forum for adding pop ups for discounts. Seems like Squarespace is a bit more cumbersome than other platforms. 

Spending it grumbling that tax variants and tax overrides are STILL not an option so we are missing an enormous online sale opportunity because Commerce still will not support multiple tax rates. Unfortunately starting to look at leaving Squarespace due to this critical commerce flaw.

No huge changes on my behalf but I did make an effort to update a few images to reflect the season, as you can see here: https://tinycoastdigital.com/digital-marketing-services

I will likely work in a 12 days of Christmas theme to social content, offering free marketing tips and advice for growing small businesses. 

Mine snows, and I have some Christmas stories on my blog. 

My Random Views

Christmas is coming and this little code snippet can bring snowflakes to your site

<style>
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>
<div class="snowflakes" aria-hidden="true">
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❆
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❆
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❆
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❆
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❆
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❆
  </div>
</div>

Add it into Code injection header

Source CSSnowflakes! (pajasevi.github.io)

I got another trick for Squarespace website, you can place Christmas balls on top of the page, kindly follow these steps 

1. Download the assets in zip format and uncompress them

https://drive.google.com/file/d/1HFIkJn5EoYx8GLOzLV9_jgYrHFOgn2lK/view?usp=sharing

2. Upload them to the site by using a link editor. 

You can head to Pages->New Page (Link)->On new window, click on File and upload

3. In Settings->Advanced->Code Injection , place this snippet in header

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>

<!-- Xmas balls on header - provided by beyondspace -->
<link rel="stylesheet" href="/s/beyondspace-xmasballs.css">
<script src="/s/beyondspace-xmasballs.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		/* There are 4 style supported: 1, 2, 3, 4 */
		$(".header-announcement-bar-wrapper").xmasBells({
			style: 3
		});	
	})
</script>
<!-- Xmas balls on header -->

Note that there is 4 style to choose, kindly change the "style" number in the code

Its missing something or conflicting with, snow or  my back to top button in Avenue, the snippet would not run, didn't hurt anything just no effect.  The snow effect you posted works great. 

9 minutes ago, derricksrandomviews said:

Its missing something or conflicting with, snow or  my back to top button in Avenue, the snippet would not run, didn't hurt anything just no effect.  The snow effec you posted works great. 

The beads buttons? I can have a look if you share your site url tomorrow. So far i work on my client squarespace website as you see

The Christmas balls did not show up at the top of any page. I uploaded uncompressed files thru link manager, placed code in settings/advanced header. I tried it for an individual page as well, and just for the heck of it, stuck it in a code block, none had any effect good or bad. Other than the style number should the code be modified? I suspect that this is just a template thing. 

Just now, derricksrandomviews said:

The Christmas balls did not show up at the top of any page. I uploaded uncompressed files thru link manager, placed code in settings/advanced header. I tried it for an individual page as well, and just for the heck of it, stuck it in a code block, none had any effect good or bad. Other than the style number should the code be modified? I suspect that this is just a template thing. 

Style number can 1 2 3 or 4, i guess issue is your site has not an annoucement bar element, could you try to edit the code 

Header-annoucementbar-waraper to text like "header" instead?

If the announcement has to be enabled mine was not, I will try that. 

6 hours ago, derricksrandomviews said:

If the announcement has to be enabled mine was not, I will try that. 

Since you used the snowflakes snippet, change your code into this

jQuery(document).ready(function($) {
    /* There are 4 style supported: 1, 2, 3, 4 */
    $(".snowflakes").xmasBells({
      style: 3
    });	
})

HI Guys, 

Today is a fairylights in header, hope you guys find it useful

1. Download the files at

https://drive.google.com/file/d/10dcac4HZhELT82WWbagacUn5xEQXuDQr/view?usp=sharing

2. Upload and init the plugin via this code injection snippet

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>

<!-- Xmas lights on header - provided by beyondspace -->
<link rel="stylesheet" href="/s/beyondspace-xmaslights.css">
<script src="/s/beyondspace-xmaslights.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		/* There are 4 style supported: 1, 2, 3, 4 */
		$(".header-announcement-bar-wrapper").xmasFairylights({
			style: 1
		});	
	})
</script>
<!-- Xmas lights on header -->