External Form using Javascript Button Popup

Design help Custom code
1

Hi there,

I have a question about integrating an externally hosted form as a pop-up (it’s an ActiveCampaign form but I guess could be Mailchimp or Ontraport - we just happen to use ActiveCampaign). We want to use a form we’ve designed in ActiveCampaign using this Javascript to launch:

How would I make it so that a button on my Webflow page launches this external form?

I’m getting desperate so any help would be greatly appreciated.

Thanks!

2

Hidden layer fixed top/left/bottom/right: 0. Add interaction to show this layer when button clicked. Add embed code inside this layer.

If the form is an external page, why not just link to it instead?

3

Thanks for your help…

I’ll try the hidden layer approach - I’m newish to Webflow so working it out - is there a way to link directly to the form in javascript ie. the inline form stored in ActiveCampaign

(this is the inline embed code given by ActiveCampaign)

Thanks, Jason

4

There is no code in your post. You might need to format it

6

<script src="https://advancing28459.activehosted.com/f/embed.php?id=5" type="text/javascript" charset="utf-8"></script>

7

Should be as simple as putting it in an Embed Code component.

8

Being a novice to Webflow we’ve tried to get this going - as a test I put the code snippet above into a embedded code element on the page - it popped up once and never worked again.

That being said, I have created a quick test with a button which shows the hidden embed code element here:

(Webflow - PopupTest)

I wonder If I could kindly trouble you to look to see what I’m doing wrong?

Many thanks,
Jason

9

That script seems to append their own popup elements and form to the end of the page instead of the popup you made, as well as setting it’s own cookies to only display once.

Therefore it doesn’t seem compatible. What you want is a script that generates a form only, not their own form in a popup with cookies.