The embedded Pardot form (which is in an iFrame) has to have a set height. This means that when you embed the form you have to calculate the height (in pixels) and update the code Pardot provides accordingly. Example XHTML 1
How do I embed a Pardot form on my website? Creating Variable Height iframes The common way to embed a Pardot form on your website is to use iframe. This method comes with its own challenges, as iframes have a height defined which is likely to restrict how much of your form is visible.
Why can’t I include default Pardot CSS in my form? Because we are heavily styling this form, we don’t want to include default Pardot’s CSS. Make sure to uncheck “include default CSS” on the “Layout” tab of the layout template editor. It’s important to note that this form doesn’t use radio buttons or checkboxes.
Why is my Pardot form report showing no statistics? When a Pardot form is placed on a Pardot Landing Page – the Landing Page wins. Therefore, if you look at your form report and see no numbers, you are in the wrong place. Look on the Landing Page report for your statistics. For landing pages, Pardot reports on Views, Successes, Errors out-of-the-box.
How do I add text between fields in Pardot?
How to sync custom fields in Pardot? When creating a custom field in Pardot, in order to sync correctly the field type will need to mirror the exact setup of the Salesforce field, otherwise it will result in additional sync errors. For example, if the Salesforce field is text, the Pardot field type will need to be text also.