How to implement google forms into your website.

Discussion in 'HTML & Website Design' started by sysdev0, Feb 20, 2015.

  1. #1
    [​IMG]

    Implementing new systems can be a bit daunting. However, if you need a contact form for your project google forms delivers.

    Firstly, you'll need a google account, then headover to forms.google.com

    Create your form following the prompts.

    You will need to go to File > Embedd to get the code.
    
    <iframe src="https://docs.google.com/forms/d/1DbWD-UgIgIR1izn5sRaPdAVAEL0g2vcDjolajGYhoCE/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
    Code (markup):

    You will want to set the width and height to something that you enjoy, and I would suggest adding a frame border by changing the value to an integer higher than ->1

    Now that you have your code, you'll need to find an empty <p> tag (this is by far my favorite way to do this) or inset the code anywhere into a blank page.

    [​IMG]
    I'll be placing mine in a <p> tag on a bootstrap3 powered website. I also added comments to show where the code starts and end by using <!-- Google Form Start --> and <!-- Google form End --> in their respective locations.
    [​IMG]

    If you want to remove the scroll, gradually increase the height until it is no longer present.
     
    sysdev0, Feb 20, 2015 IP