Adding a Custom JavaScript/HTML element will be helpful for including scheduling software and other tools in your funnel page. This article will go over how to add a Custom JS/HTML element to your page.
Prior to getting started, you will need to have the following:
Step 1: Adding The Custom JS/HTML Element:
1. Access the Funnels Page by hovering over the ClickFunnels drop-down menu from your dashboard and clicking on Funnels .
2. Choose the funnel you want to edit by clicking on the Funnel Name .
3. Select the desired funnel step.
4. Click on the Edit Page button of your funnel page to access the Page Editor .
5. Navigate to Elements and click on Add Element .
You can also hover over any other element on your page and click on the plus sign to add a new element.
6. Scroll all the way down and click on the Custom JS/HTML element under the Misc Elements section. You can also drag the element and drop it on your page as needed.
Step 2: Editing The Custom JS/HTML Element:
1. Hover over your Custom JS/HTML element and click on the gear icon to access the element’s Settings .
2. Click on the Open Code Editor button to add your JS/HTML code.
3. Paste your code in the Custom Javascript / HTML field.
4. Click on the X or outside of the code field to exit.
5. Choose code type from the Custom Code Type drop-down menu.
a. Regular HTML/JS Code - Use the HTML and JavaScript that you write inside of the custom code editor.
b. 3rd Party Embed Code - Use this option when you are using a 3rd party widget that is printed to the page.
This article was originally posted here: https://support.clickfunnels.com/support/solutions/articles/150000153070-adding-a-custom-js-html-element-to-your-funnel-page