Custom Code Element Settings

What is the Custom Code element, and why use it?

The Custom Code element is an empty box where you can paste your own snippets of code directly onto your landing page — without touching or rebuilding the page itself. Whatever you put in runs on the published page.

Why would you need this? FlexiFunnels gives you drag-and-drop blocks for most things, but sometimes you need something the standard elements don't cover. Common examples:

• Tracking codes — small scripts from tools like Google Analytics or a chat widget that report what visitors do.
• Meta tags — hidden bits of information that tell search engines or social platforms about your page.
• CSS snippets — code that changes how something looks (colors, spacing, fonts) beyond the normal style settings.
• Embeds and scripts — third-party widgets, forms, or features you copied from another service.

In short: it's the "escape hatch" for anything custom you want to add yourself.

What's a "code snippet"? It's just a small block of ready-made code — usually one you copied from another tool (like Google or a chat app) that says "paste this on your website." You don't write it from scratch; you paste it in.

Quick reminder on where elements live: Every FlexiFunnels page follows the Section → Row → Element structure. The Custom Code element drops into a Row like any other element.

Quick Video:

Step 1: Add the Custom Code element to your page

1. Click the "+" (plus) button in the sidebar.
2. Under Components, select Elements.
3. Find the Custom Code element and drag it into the Row where you want it.

Step 2: Open the code editor

Once the element is on your page, double-click on the Custom Code element. This opens the code editor pop-up — a blank canvas where your code goes.

Step 3: Paste your code and save

1. Paste your code snippet into the blank canvas.
2. Click the SAVE button.
3. Once saved, the element will show that your code is in place.
   
   

Step 4: Publish to see it work (important!)

This is the step people most often miss. Custom code does not run inside the editor. The editor is a building view, not a live page — scripts, tracking codes, and embeds stay "asleep" there.

To actually see your code working, click the PUBLISH button, then open the live published page. That's the only place your code runs and shows real results.

Common situations & quick fixes

Check these before contacting support — they cover almost every custom-code issue.

"My code doesn't work / nothing happens in the editor." → This is expected. Custom code only runs on the published live page, never inside the editor. Click PUBLISH and check the live URL.

"I published, but my code still isn't doing anything." → Work through these in order:

1. Did you click SAVE in the editor pop-up before publishing? Unsaved code won't go live.
2. Did you re-publish after your last edit? Every change needs a fresh publish.
3. Check for a typo or missing piece. Code is exact — a single missing character (like a closing > or </script>) can stop the whole snippet. Re-copy the original snippet from its source and paste it again cleanly.
4. Clear your browser cache and reload the live page. Old versions sometimes linger.

"I pasted a tracking code (like Google Analytics) but it's not recording visits." → First confirm it's on the published page. Then give it time — most analytics tools take a few minutes to a few hours to show data. Use the tool's own "real-time" or "debug" view (e.g., Google Tag Assistant) to confirm the tag is firing.

? For tracking specifically: FlexiFunnels also has dedicated places for some tracking tools (like header/footer scripts in page settings, or built-in pixel fields). If you're adding a standard tracking pixel, check whether there's a purpose-built field for it first — it's often more reliable than a Custom Code block.

"My CSS snippet isn't changing how things look." → Custom CSS can be "overruled" by the page's own styles. Make sure your snippet targets the right element, and confirm it's wrapped correctly (CSS usually needs to sit inside <style> tags). Test on the published page.

"My page broke / looks strange after I added code." → Bad or incomplete code can affect the whole page. Remove or empty the Custom Code element, save, and re-publish to confirm the code was the cause. Then re-add a clean, complete copy of the snippet.

"The embed shows in the editor as a blank box." → Normal. The box is just a placeholder; the actual embed appears on the live page after publishing.

⚠️ A note on safety: Only paste code from sources you trust. Custom code runs on your live page exactly as written, so a faulty or unknown snippet can break your page or affect how it behaves for visitors. When in doubt, test on a duplicate/draft page first.

Need more help?

If your custom code still isn't working after the steps above, submit a ticket and include:

• The page URL where the Custom Code element sits
• The exact snippet you're trying to add (and where you got it from)
• What you expected it to do vs. what's actually happening
• A screenshot of the code inside the editor pop-up