Adding A Custom JS/HTML Element To Your Funnel Page
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.
6.
Adjust the general settings in the
Settings
tab.
(optional)
a.
Regular HTML/JS Code
- Use the HTML and JavaScript that you write inside of the custom code editor.
7.
Click on
Advanced
to adjust the advanced settings.
(optional)
a. Animation .
-
Timed Delay
- Fade in or fade in with scale.
-
Type
- On page load or on page scroll for the delay that you have set.
8.
Click the
Save
button to save your changes.
If you have any questions about this, please contact our support team by clicking the support icon in the bottom right-hand corner of this page.
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article