Hi, I am working with an agency and they gave me this code to embed into our Webflow site. We are coding in a pop-up form into our site. I can only find resources on creating a pop-up form via adding a div box but cant find a way to embed this code the right way for the design and function to work properly. Can anyone help?
Code is below:
#mc_embed_signup{background:#fff; false;clear:left; font:14px Helvetica,Arial,sans-serif; width: 600px;}
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
It’s difficult to tell because pasting raw code in the forum is not supported. You need to fence it with 3 backticks before and after the code block ( ``` )
But my first guess would be that you can likely just paste it in an embed and position it where you want it on the page.
If you need it to be a pop-up and that’s not already supported in the widget implementation, you may need to create that pop-up separately.
To embed the pop-up form properly in Webflow, use an Embed element inside a div and paste the provided code inside. Ensure the form’s styles and scripts are correctly placed inside the <head> or within a Webflow Custom Code section in Page Settings. If the pop-up isn’t functioning as expected, check if any JavaScript is required for the form’s visibility and interaction. You might need to wrap the form in a div with position: fixed; and display: none;, then trigger it with JavaScript (document.getElementById("popup-id").style.display = "block";) when needed. Also, verify that Mailchimp’s action URL is correctly set for the form submission to work.