Remove Form Header on Wufoo Form

You may want to remove the header of your contact form from wufoo to match the design of your site. Get rid of it now using the codes below. You may hide it using CSS but removing it from the code is the best way.

remove header wufoo iframe javascript shortcode

Remove wufoo header in iframe

You might have a code something like the code below that you want to embed on your page.

...
<iframe style="width: 100%; border: none;" src="https://yourid.wufoo.com/embed/abcxyz/" height="517" width="320" frameborder="0" scrolling="no"></iframe>

...

To remove the header, remove the / on the source parameter of the code and replace it with “&amp;header=hide“.

Final code will look like:

...
<iframe style="width: 100%; border: none;" src="https://bluegill.wufoo.com/embed/abcxyz&amp;header=hide" height="517" width="320" frameborder="0" scrolling="no"></iframe>
...

Remove wufoo header via Javascript

There are times that iframe won’t work so you’ll need to embed the javascript version of your contact form.

On the script that you currently have, just replace the show to hide.

...

'async':true,
'header':'hide', //set to hide 
'ssl':true};

...

Remove wufoo header via wordpress shortcode

If you’re a wordpress lover and decided to use a wufoo plugin for your forms. It’s very simple. Like in javascript, just set the header value to hide.

...

[wufoo username="youraccount" formhash="abc123" autoresize="true" height="517" header="hide" ssl="true"]

...