This page shows you how to embed the contact form (see the free contact forms from HTML Form Guide) in a web page. Different methods are shown; you can decide which the best is, for you.
Using IFrame
Using Iframe is the easiest way to embed the form in your web page. Iframe lets you create a box on your web page whose contents are loaded from another URL. Here is a sample iframe code:
<iframe src='/contact/contactus.php' frameborder='0' width='100%' height='600' allowtransparency='true'></iframe>
Update the src attribute with the URL path to your contact form. In order to avoid scrollbar from appearing, you can adjust the value of the 'height' attribute.
Including a header and footer in the contact form page
Another way to embed the contact form is to have a common header and footer across your website. You can include the header and footer in the contactform.php.
This method allows you to preserve the same look across the website.
Here is some sample code that illustrates this method.
Including the header:
<body>
<!--Note: The header is included here -->
<?php include('../includes/header.php'); ?>
<!-- The form start from here-->
<form id='contactus' action='<?php echo $formproc->GetSelfScript(); ?>' method='post'>
<fieldset >
Including the footer:
</script>
<!-- Note: Here we include the footer -->
<?php include('../includes/footer.php'); ?>
</body>
</html>
No related posts.
{ 32 comments… read them below or add one }
← Previous Comments
I have attempted to add the form to the page: http://www.ACKnell.co.uk/contact.html however recieve some code errors. Can you help?
how do I implement it into the html snipplet? very basic knowledge here.. help..!
please make these coding simple and clear
Thank you for sharing your forms.
how do i create a contact us form like you guys have your leave a Comment form?
just use the html form….give title as Contact us and create fields which u want to get the contact details like
.
.
.
.
that is it.
← Previous Comments