Integrating AC Forms into Webflow
Integrating AC Forms into Webflow

Note the Form ID in AC

⁠

Add an Embed Element into Webflow

Copy and Paste this Code Block Below

Change the _form_1 and ?id=1 to the AC Form ID

⁠

Forms-Intricacies

Webflow doesn’t allow us to easily do things like setting up JS and CSS files so we have to host them on github:

https://discourse.webflow.com/t/how-to-host-text-files-on-github/39117⁠

⁠

https://discourse.webflow.com/t/how-to-embed-files-hosted-on-github/29281⁠

modified the JS code that AC provides so that we only have to copy the <form part of the Embed code and plug that into webflow. The JS is already hosted and included in the header of the site (TODO; for now have to do a separate embed for the JS file link; since the header custom code in body requires a paid plan:

https://university.webflow.com/lesson/custom-code-in-the-head-and-body-tags⁠

)

Code to Embed HTML files/forms in Webflow

var Webflow = Webflow || [];

Webflow.push(function() {

$.get('https://cdn.jsdelivr.net/gh/coherenetwork/web@main/simple.html', function(data) {

$('#ajaxContent').append(data);

});

</script>

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.

Integrating AC Forms into WebflowIntegrating AC Forms into Webflow

Forms-Intricacies

Integrating AC Forms into Webflow
Integrating AC Forms into Webflow