One of the problems with using Google Forms is that they don’t match the design of the KindleArts website. Another major problem is that when you embed a form as an iframe, it can be tricky to set the iframe height correctly. I’ve installed a new wordpress plugin that strips the form code out of the iframe and removes Google’s CSS (and allows you to style the form yourself).
Here’s how you use it:
- Create your Google form in google drive, as normal.
- DON’T type the introductory text for your form into the form header. You’ll do this later (Step 9)
- Log in to KindleArts.ca
- Visit the new “Google Forms” menu.
- Choose “Add new Google form”
- Give the form a name, copy & paste the link to the (published) google form (twice, as you’l see on the page), plus a whole bunch of other awesome feature that you’ll see in the page.
- Click “publish”
- In the new “Google Forms” menu, you will see a “short code” representing your new page. It will look something like this: [wpgform id=’4275′]
- Create a PAGE to embed your new form into (Dashboard > Pages > Add New). Make sure to add appropriate page taxonomy
- Write the text you want to use to introduce your form at the top of the page
- Publish the page.
- Add the page to the menu bar (http://www.youtube.com/watch?v=lgyWlv9LBA4)
- Link to the new form page from other pages, as needed!