Embedding a Form - Customizing "Thank You" Copy

You can add header text as "Rich Text" instead of adding a Marketo field.  

There is a big "plus" sign in the upper right when you go to add a new field.  Click on that, and it should give you two options - see below:



If you select "Rich Text," you should be able to add your header text.  You can drag this to the top to make it a header for your form.

Hope that helps!

You can also just drop that CTA on the page. Really shouldnt be on the form itself except within the hint text.

Good point, Josh!  

Yes, you could also build that into your page and then just use the embed to place the form - that way, you don't need to worry about placing the header text within the form in Marketo.  This would be ideal.  My solution would be a good workaround if you don't have access or the capability to touch the page itself and need to build everything into your 'form.'

Thanks for the input. Only issue with putting it on the page is that it doesn't disappear after someone fills out the form. 

So - it'll still say "SUBSCRIBE" 

then, the form location will say "thanks for subscribing".
 

Yes Kelly, if you utilize either option above, the page will always have the form title on it.

If you want custom form thank you text (so the form will disapear and the lead will not be redirected elsewhere) I have had success adding some javascript to my forms. If you use this method though, the form title cannot be placed in the form as it will disapear with the fields on submit.

The below script will hide the form on submit and display the Thank You <div>.

<div style="height:500px; width:500px padding:30px;" align="center">
<h1>Subscribe!</h1>
<script src="//app-abc.marketo.com/js/forms2/js/forms2.js"></script>
    <form id="mktoForm_1234"></form>
    <script>MktoForms2.loadForm("//app-abc.marketo.com", "123-abc-456", 1234, function(form){
        form.onSuccess(function(values, followUpUrl){
          form.getFormElem().hide();
    document.getElementById("thankYou").style.display = "block";
          return false;
        });
      });
    </script>
<div id="thankYou" style="display:none;">
<p style="color:#000000; font-size:16px;">Thanks for subscribing</p>
</div>
</div>

The wrapping <div> is designed to ensure the thank you content will display in the same location as the form. I also added an <h1> to represent where I would place the form header (this will make sure it is above the form (or thank you text) no matter where placed).