How to Use Squarespace's Site-wide Animation Feature to Enhance Your Website

Introduction

Steps for Implementing Squarespace’s Sitewide Animation Feature

Summary

Introduction

Looking for a simple way to add dynamism to your Squarespace website? Maybe the global animation feature is your answer. When you add strategic animation to your website, you engage site visitors, your website is more interactive, and your website has more aesthetic appeal. Squarespace makes site-wide animation easy. Just follow these easy steps to animate your website.

Steps for Implementing Squarespace's Sitewide Animation Feature

Step 1: Log into your Squarespace account.

From your Squarespace dashboard, navigate to the website you want to animate.

Step 2: Select the Site Editor.

Once you've opened the desired website, click on the global site styles editor icon (a paintbrush) on the top right of the website.

Step 3: Scroll down to “Accessories.”

Scroll down past the editing options for font, colors, buttons, and forms. The last option is labeled “Accessories.” Click on “Accessories.”

Step 4: Select “Animations.”

Squarespace provides three accessory options. Select the first one: “Animations.”

Step 5: Choose your desired animation style.

Squarespace offers five animation styles to choose from:

• Fade

• Scale (This is the animation I selected for dianegreendesign.com.)

• Slide

• Clip

• Flex

Select the animation style that provides the effect you want to add to your website based on your website design.

Step 5: Select your desired animation speed.

Squarespace offers three animation speeds. Select the speed that works best for your website and your selected animation style. Squarespace offers three speeds:

• Slow

• Medium

• Fast

Step 6: Save your new animation.

Save your global animation by clicking “Save” on the top left of your website.

Summary

With these six easy steps, you can add visual appeal to your Squarespace website and make it more engaging and interactive for your website visitors. Subtle animations can move your website from good to WOW! For more granular details about Squarespace’s site-wide animations, visit Squarespace’s animation tutorial.