Code Element in Funnel and Website Builder

There may be times that you need to add some third party code to a page in the funnel and website builder. The code element can help you add custom code.


Please note that FG Funnels Support cannot help troubleshoot the contents of custom code or any issues relating to custom code.


To add the Code element, click on the plus sign in the upper left hand corner and select elements from the left side of the panel that opens. Find the Custom section, select the Code element and drag it to the desired location on the page for the code to render.


The code element will appear as a box with a blue outline that is labeled Custom HTML/JavaScript.

Custom HTML/JavaScript Element Displaying in the Builder

Using the Code Editor

  • From the options menu on the right, select Open code editor.

    Custom Code Editor Button and General Options

  • Enter the desired code (e.g., JavaScript) in the editor.
  • Save the code, which won't change the builder display. The code will only be rendered when previewing the page or viewing it live. Save the page and preview to see the code rendered.

Custom Code Element Options

Options for the custom code element are limited.

  1. Margin can be added to the element for spacing.
  2. The advanced options panel allowing you to turn on or off visibility on mobile or desktop. Blue icons means that it is visible on that device, whereas gray icons means that it is hidden on that device.
  3. Custom class and CSS selector allow you to make CSS adjustments that target this element.

    Custom Code advanced options