Skip to main content
Act-On Software

Using CSS and Javascript on Landing Pages

 

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

From the Design tab you can upload CSS and Javascript files directly into the editor, which was previously restricted. 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. From the Design tab, click the Edit Javascript drop-down.
  2. You can either click the Upload icon to upload your javascript from your computer or click the Folder icon > + sign to insert javascript that is already loaded in your Act-On Media Library.
  3. You can modify the code as needed directly in the editor. If you need to clear the javascript, click the Clear icon

Please note:
Act-On can support the use of custom CSS/Javascript; however, Technical Support is not able to assist with troubleshooting.

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> 
  1. From the Design tab, click the Edit CSS drop-down.
  2. You can either click the Upload icon to upload your style sheet from your computer or click the Folder icon > + sign to insert a style sheet that is already loaded in your Act-On Media Library.
  3. You can modify the code as needed directly in the editor. If you need to clear the CSS to load a new style sheet, click the Clear icon

Please note:
Act-On can support the use of custom CSS/Javascript; however, Technical Support is not able to assist with troubleshooting.

  • Was this article helpful?