Skip to main content
Funnel-wide custom code lets you inject styles, meta tags, and scripts without placing code on individual screen elements.
Custom code is not reviewed or controlled by FunnelFox. Make sure anything you add is reliable and thoroughly tested before using it in production.

​
How it works

Click the Custom code button at the top of the Visual Editor to open a full-screen code editor. Everything you write here is injected into the <head> tag on every screen of your funnel. You can use <style>, <meta>, and <script> tags. Non-script content is rendered as part of the initial HTML for instant first paint. Script tags are added on the client so they actually execute. Changes appear in the funnel preview and persist through publishing.
Funnel-wide code applies to every screen. If you need code on a specific screen only, use a Raw HTML element with per-screen custom code instead.

​
Add funnel-wide code

Follow these steps to apply your custom code globally:
  1. Click the Custom code button at the top of the Visual Editor.
  1. Edit your custom HTML code.
The Visual Editor generates component-level styles with high specificity. To override them with funnel-wide CSS, add !important to your declarations.
  1. Click Save.
  2. Save and republish your funnel.

​
Use cases

​
Override CSS

You can add custom CSS to apply styles across the entire funnel. For example, you can set a different background color for the main funnel content area and the desktop margins. This is especially useful when viewing a funnel on desktop. 
<style>
  body {
    background-color: #f0f0f0 !important;
  }
</style>

​
Next steps