How to embed the contact form in your web pages

March 04, 2016

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>

Search This Blog

Keshav Technosys