Add embedded form to single post
-
How do I add a Mailchimp embedded form to a single post? Do I add the provided code as a block? If so, what WP block do I use? Do I instead add the provided code as “additional CSS” customization of my theme? If so, how do I limit the form to a single post instead of it being site-wide? Neither of these? Thank you for whatever help anyone can provide.
-
This topic was modified 4 years, 1 month ago by
Jan Dembowski.
The page I need help with: [log in to see the link]
-
This topic was modified 4 years, 1 month ago by
-
I assume you are referring to a form Mailchimp describes here: https://mailchimp.com/help/add-a-signup-form-to-your-website/
What you get there is HTML code. You can probably best paste it into the Gutenberg block for HTML codes. It is described here: https://gogutenberg.com/blocks/custom-html/
For a better integration there are also plugins that support exactly this kind of integration. See e.g. here: https://ww.wp.xz.cn/plugins/newsletter-form-gutenberg-block-mailchimp/
More is also described here: https://mailchimp.com/en/help/ways-to-add-a-signup-form-in-wordpress/Bingo! Thank you threadi! I didn’t know there was this block—just what I need. I kiss your feet. Cheers.
Threadi, worked a charm! Now to make perfect, can you advise how I can change the background of my embedded form to match the site background? Thanks, if so.
Which of the 3 ways mentioned above did you use to implement it?
Custom html block
The HTML code that mailchimp provides you with contains style information. There is e.g.
#mc_embed_signup{background:#fff;Change this to
#mc_embed_signup{background:transparent;Pay attention to the exact spelling at the position.
For further questions about this you should contact Mailchimp as it is their code you are embedding here.
Please move in with me. You’re a Star. Thanks.
You assisted me a while ago with a Mailchimp embedded form. I thought I’d give you an update.
Turns out the code MC generated for me may seriously distort the alignment of the whole page when viewed on a mobile device. (At least that is what happens in preview mode using WP app—-I do not have a smart phone to confirm. Wouldn’t it be nice if the distortion appears only in the app and not on an actual device? Could I be so lucky?) MC tells me their code is set for certain devices by default and they cannot fix this problem. I find this odd, to say the least.
I wonder if you would be willing to take a look at the MC code again to see if you can spot the problem and suggest a solution? Alternately I guess I could try to find smart phone to borrow.
If not of interest to you, no problem. I appreciate your help in getting me this far. Best regards.
I am only not coming to realize I’m in the wrong forum. My apologies.
The topic ‘Add embedded form to single post’ is closed to new replies.