Using CSS and Javascript on Landing Pages

The Landing Page composer has plenty of options to build amazing Landing Pages without needing to know a line of code. However, some users may want to customize their landing pages further with CSS or Javascript.

From the Design tab, you can upload CSS and Javascript files directly into the editor. This will allow you to directly store all of the files you may use to build your content that previously had to be stored outside of the platform.

1. In the Design tab, on the right, click Edit Javascript.
   
   
2. You can either paste your javascript into the Edit JavaScript field or click the Folder icon > + sign to insert javascript that is already loaded in your Act-On Media Library:
   
   
   
3. Modify the code as needed directly in the editor.
   
   

If you want your landing page Javascript to affect an embedded form, you must add a special function to the code. This is because the form is loaded after the landing page, so this function waits for loading to finish before executing.

<script>  
aoPostLoadCallback = function(){  

//run the script you want to target the form here  

};  
</script>