Tutorials
Transform Your Squarespace Blocks with Magnetic Motion Effects
Are your website visitors scrolling past your most important content? Transform any Squarespace block into an interactive, magnetic experience with SquareKicker's Magnetic Motion tool. Go beyond basic hover effects with 3D tilt animations, glare effects, and magnetic pull interactions that follow your visitor's cursor across the screen. Learn 6 powerful ways to use Magnetic Motion for portfolios, call-to-action buttons, and brand elements that demand attention and boost conversions.
How to Make Sticky Sections on Squarespace
Sticky Sections is a powerful tool that allows you to hold sections in a specific position on the screen as a user scrolls down the page. In this tutorial, we'll show you how to use Sticky Sections to create eye-catching headers, menus, sidebars, banners, and unique calls-to-actions that stay visible to visitors as they scroll through your page.
How to add scrolling animation to Squarespace
Enable Scrolling Effects for Squarespace and animate Vertical and Horizontal Movement, Opacity, Scale, Rotate, and Blur to any block with a single click, or combine multiple effects and the custom timeline to curate more complex animations.
Make an incredible website with sticky blocks in Squarespace
Creating a Website with Sticky Blocks is an amazing way to make your website design stand out. SquareKicker is the fastest and best way to make a Professional Squarespace Website. No more dealing with complex custom code and confusing sticky problems. One click is all its takes to make a Sticky Image, Sidebar, Text Block or even a Sticky Navigation.
How to change your mouse cursor
Learn how to change your mouse cursor on your Squarespace websites with no-code. Select an Emoji, Shape, or create your own custom text. With SquareKicker you can create a custom cursor for your site or customise your cursor for just the links. Want a specific cursor for a Section or Block? No problem, you can add mouse cursors everywhere with a simple click.
Change the font and style of one word in Squarespace
No more custom CSS! SquareKicker gives you the control to change the text of a single word/s in any text block on Squarespace. This Tutorial has been created with SquareKicker on Squarespace Fluid Engine.
How to add vertical lines and borders to sections in Squarespace
Thin lines are a simple yet very effective way to break up your site and provide a clear segmentation for your content. It has always been easy to add horizontal lines in Squarespace but vertical lines required custom code until now… SquareKicker has made it easy for you to add these throughout your site using the Section Border tool with full control over the border size, color and style.
Force the mobile overlay menu on desktop in Squarespace
Fully customize your Squarespace 7.1 Mobile Overlay Menu and force the Overlay Menu on desktop without CSS. If you have built with Squarespace you will be familiar with their fantastic overlay menu which by default is enabled on tablet and mobile devices. Fully customize the overlay mobile menu and force the menu to show on desktop.
How to customise a Squarespace form block
In this video we'll show you how to use customise a Squarespace Form Block by using the SK form spacing and label font options, the text input, checkboxes, radio buttons and select dropdown designs, how to design the post submit screen (the message people will get once they submit your form) and show you how you can turn this form into a preset so you can quickly make all your forms look exactly the same across your entire site.
Section layers & full bleed tools for Squarespace
How to make content in a Squarespace Websites Full Bleed and how to bring section layers to the front with sticky scrolling effects.
How to create horizontal scrolling sections in Squarespace
Horizontal Scrolling is an advanced interaction that creates a more memorable experience by fully engaging users on your websites. With SquareKicker these eye catching interactions can be applied to Squarespace websites with no-code and just a few simple clicks.
Customize Squarespace summary blocks
Learn how customize Summary Blocks. Columns for each screen size, read more link text and buttons, overlay captions on images, lightbox images and more…
Create smooth scroll anchor links to sections in Squarespace
Easily create anchor links that smooth scroll to sections in Squarespace without using a single line of code. Create a link that scrolls to any section or page on your site.
Making split sections in Squarespace 7.1
Split sections open up a whole new set of options for designing your Squarespace website. With SquareKicker you can customise the size of your split screens and micro manage this throughout the different screen sizes. Watch the tutorial to see how to use this feature on your site.
Adding custom section dividers to Squarespace
SquareKicker offers you the ability to add and customize dividers on your sections. You can add angle, curve, wave and notch. These are a great way to add interest and flow to your pages. Watch the tutorial to see how to create dividers on your next build.
Add a back to top / scroll-up button to Squarespace
Scroll up or Back to Top buttons provide a smooth easy to use functionality for your Squarespace website allowing your customers to navigate your site with ease. With SquareKicker not only can you install a back to top button with one click but you can also customize it to fit your style.