Using EE Proform tag inside Javascript - Not working

Question

I've got protect_javascript set to no, here's what I'm trying to do...I'm trying to insert a proform form (blog subscribe) after the 2nd paragraph in every blog post. I've got this:

<script>
 $( ".blogbody p:nth-child(3)" ).after( "{exp:proform:simple form='blog_subscribe' thank_you_url='/page/thank-you-for-signing-up'}" );
 </script>

However, it renders immediately in the footer (where the script is) and breaks the javascript. Anyone have a clue how to fix this?

Answer 1

This won't work because you're rendering an EE form with the DOM - EE needs to parse those {exp:..} tags in order to generate an HTML form that will work. You'd be better off generating the form in the EE template and hiding/showing it using javascript/css.