Embed external info request forms on a Umami site

[Fred Rogers]

Erk. Sorry to bug again! I have two external forms (an application for employment and an event request form) on my site. They’re at the bottom of the navigation menu. They’re referring fine now but I can snag the embedding code and house them within our site instead of they way they look now, housed as they are on the Wufoo.com site. Is that possible with the Umami template?

These are the two forms:

https://freddymail.wufoo.com/forms/sd3br8h10i8sba/

https://freddymail.wufoo.com/forms/work-at-cottonwood-liberty-station-or-la-grange/

If it’s any consolation, I’ll need to add similar ones to my next several sites. Thanks, Bill!

[Bill Robbins]

Hi Fred,

Most likely you can add the embed code from WuFoo to any page or post using the “text” editing tab instead of the visual one. The text one allows you to add in HTML which should work to embed the form. The only catch is that switching back and forth between the two while editing the page is bad because the visual one will strip out some of the code. As long as you leave it on the text side that should do it.

There’s an WuFoo embed plugin (https://wordpress.org/plugins/wufoo-shortcode/) by Chris Coyier who is a WordPress enthusiast and former(?) designer at WuFoo. It lets you embed forms via shortcode which will get around any errors with switching from text to visual and back.

I have zero experience with WuFoo, but I would expect one of those options to work for you.

Let me know if you run into trouble,
Bil

[Fred Rogers]

Thanks! Sorry, I’m just now getting back to this. I did install the Wufoo Shortcode plugin but as of now I have those two forms (“work here” and “have a party here”) set up as Menus in the Appearance tab so that I could make them Navigation Menu items. I’m guessing that in order for the shortcode links to work that I’d need to create actual pages for those two forms?

[Bill Robbins]

You’ll need to place those shortcodes inside the content of a page or post. I don’t believe you can run a shortcode from inside a menu item.

[Fred Rogers]

Thanks. I did that and published (and need to remember how to add a page to the Nav menu) but the style attributes, specifically the text at the top and also the field labels, are too dark and illegible against the default dark fly-out transparency of the Umami design.

http://lagrangehouston.com/like-to-work-at-la-grange/

I assume I’ll need to change those attributes on the Wufoo side of the form design or can I do so in WordPress?

Also, do you have any idea whether if I convert those forms to be embedded instead of opening in the much uglier Wufoo version (https://freddymail.wufoo.com/forms/work-at-cottonwood-liberty-station-or-la-grange/) will have any impact on the mobile version?

By the way, please feel free to let me know if I’ve exceeded the limits of your patience with all my questions. This is the first time for me to be using a template and it doesn’t help that I’m not exactly code-fluent.

Thanks, Bill.

[Bill Robbins]

Good questions. With most things that are embeddable, any styling changes will have to happen on the place where they are created.

Have you considered just using a WordPress solution? From Ninja Forms to Gravity Forms there are lots of good form solutions for WordPress. Plus it keeps everything together.

[Fred Rogers]

Thank you. I’ll check those and if they’re free or not too expensive, I’ll give them a shot.

[Author]

Posts