We’re attempting to integrate Angular scripts into a Marketo landing page; however, Marketo prevents the page from being saved due to the use of Angular double curly brace syntax{{}}. Could you please advise on the correct steps to implement Angular in a Marketo landing page, or suggest an alternative approach?
Solved! Go to Solution.
You can use the same approach as here:
So, before we get started: I'll warn you that issues with Angular and Marketo LPs have been a thing for literally over a decade. The same issue that you see in landing pages will also pop up when you're trying to work with items like forms with any Angular-like syntax.
That said, it is possible—but you're going to need to make some key tradeoffs. The biggest one is that you cannot use Angular with Guided Landing Page templates. However, you can use Angular with the older Free-Form landing page template when using the HTML Box element. You'll need to code most of the work into the template itself and only provide HTML box support where needed to change items.
In fact, for you to be able to use Angular effectively with a Marketo LP setup, you're going to need the marketer to be comfortable enough to do some basic script edits. For example, I once built a landing page for a roadshow series where the company wanted to have their various dates grey out, show all tickets had been distributed, etc., as time went on with Angular. I built them a basic config block to set up each event date, location, photo, etc., but that was probably the limit I'd push on putting something natively into Marketo. If you have access to Angular devs and are wanting to do something with landing pages, it may make more sense to just host something external and run whatever you'd like as supplemental Marketo support via API.
You can use the same approach as here: