Knowledge Base

Squarespace

1. In your Squarespace dashboard, go to Settings → Developer Tools → Code Injection.
2. Paste the snippet at the very top of the Header box.
3. Click Save, then open your live site in a new tab to check it.

Code Injection needs a Squarespace plan that supports custom code. Animations don't play inside the Squarespace editor; check your published site or an incognito window instead.

WordPress

Option A: with a code snippets plugin (recommended)

1. Install a header/footer code plugin such as WPCode from Plugins → Add New.
2. Open its Header & Footer screen and paste the snippet into the Header box.
3. Save, then clear any caching plugin or CDN cache.

Option B: Elementor Pro

1. Go to Elementor → Custom Code → Add New.
2. Paste the snippet, set Location to <head> and give it a high priority.
3. Publish it and set the display condition to Entire Site.

Caching and optimization plugins (WP Rocket, Autoptimize, LiteSpeed and others) can delay or combine scripts. If content flashes before animating, exclude redesignee.com/api/animator and the inline snippet from "delay JavaScript" and "combine JavaScript" settings.

Webflow

1. Open Site settings → Custom code.
2. Paste the snippet at the top of the Head code box.
3. Click Save changes and publish the site. Custom code only runs on the published site, not in the Designer.

Site-wide custom code needs a paid Webflow site plan. If you already use Webflow Interactions on some elements, test those pages carefully, since two animation systems on the same element can conflict.

Shopify

1. Go to Online Store → Themes, click ⋯ next to your theme and choose Edit code.
2. Open layout/theme.liquid.
3. Paste the snippet on the line right after the opening <head> tag.
4. Click Save.

Tip: duplicate your theme first and test on the copy. If you switch themes later, you'll need to add the snippet to the new theme as well.

Wix

1. In your site dashboard, go to Settings → Custom Code.
2. Click + Add Custom Code and paste the snippet.
3. Set Add Code to Pages to All pages (load once on each new page) and Place Code in to Head.
4. Click Apply and check your published site.

Wix only allows custom code on sites with a Premium plan and a connected domain.

Framer

1. Open Site Settings → General and scroll to Custom Code.
2. Paste the snippet into Start of <head> tag.
3. Save and publish the site.

Framer has its own built-in animations. If an element already has a Framer appear effect, the two may stack; set that element group to None in the animator, or remove the Framer effect.

Custom HTML / Other Platforms

Paste the snippet directly after the opening <head> tag on every page (or in your shared layout/template):

<head>
  <!-- Redesignee Site Animator: paste your generated snippet here -->
  <meta charset="utf-8">
  ...
</head>

Any platform that lets you add code to the head (Carrd, Ghost, Hostinger, Duda and others) works the same way.