How to use Custom Code

Sometimes you need to go beyond the standard settings. Maybe you want to install a tracking script, add a chat widget, or fine-tune the look of your website with custom styles. That’s where Custom Code comes in.

It’s one of the most powerful tools in your website settings — giving you complete freedom to extend, adjust, and supercharge your site.

Where to find it

You’ll find the settings under:

Website Settings → Custom Code

Here you’ll see two main options:

Global Custom Code → applies to every page of your website. Perfect for things like Google Analytics, Meta Pixel, or any script or custom styles that should run everywhere.
Page Only Code → applies only to the page you’re on when you open the settings. Ideal for one-off landing pages, special campaigns, or experiments.

What you can add

There are three different places where your code can go, either Globally or Page Only:

Head Markup → code that loads in the <head> of the page(s). Great for analytics, meta tags, or fonts.
Body Markup → code that loads inside <body> . Use this for widgets, chat apps, or other tools that need to appear on the page(s).
Custom CSS → your own styling rules to change design, colors, spacing, animations, or layout beyond what the builder allows.

💡 Tip

Think of it like three different doors into your site — depending on when and how you want the code to load.

Why Custom Code is so powerful

With Custom Code, you’re not limited by templates. You can:

Integrate third-party tools → analytics, booking apps, live chat, A/B testing, cookie banners.
Customize your design → small tweaks (like button styles) or complete makeovers.
Add extra functionality → redirects, popups, dynamic effects, countdown timers, interactive widgets.

It’s like having a “backstage pass” to your site. Anything you can do with HTML, CSS, or JavaScript – you can do here.

Examples & common use cases

Adding Google Analytics or Meta Pixel for tracking.
Installing a chat widget (like Intercom, Crisp, or Tidio).
Creating custom animations or scroll effects with CSS/JavaScript.
Styling a single landing page differently from the rest of the site.
Running campaign-specific scripts (A/B testing, conversion tracking).

⚠️ A word of caution

Custom Code is powerful — but with great power comes great responsibility.

If you add broken code, it can affect the design or functionality of your website.

👉 Always test your changes carefully, and keep a backup of your code snippets.

Note: Recrevio does not provide support for custom code or troubleshooting issues caused by custom code.