Free contact us page CODE for Blogger
Here’s a simple HTML code for a “Contact Us” page that you can use in Blogger. This code doesn’t direct form submissions directly to an email address; instead, you can use Google Forms or a third-party form service to forward them to an email, or you can share your email address directly.
Description:
action="https://formsubmit.co/YOUR_EMAIL_ADDRESS" Replace YOUR_EMAIL_ADDRESS with your own email address. FormSubmit allows you to send form information to your email address.
To use this method, you may need to go to FormSubmit.co and verify your email address.
This will create a stylish and simple "Contact Us" form on your Blogger page where visitors can contact you directly.
You can use the following HTML code by creating a new page in Blogger and pasting it into the HTML editing section:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.contact-container {
width: 100%;
max-width: 600px;
margin: 50px auto;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 8px;
background-color: #f9f9f9;
}
.contact-container h2 {
text-align: center;
color: #333;
}
.contact-container label {
font-weight: bold;
margin-top: 10px;
display: block;
color: #555;
}
.contact-container input,
.contact-container textarea {
width: 100%;
padding: 10px;
margin-top: 5px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.contact-container button {
width: 100%;
padding: 12px;
margin-top: 20px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}
.contact-container button:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<div class="contact-container">
<h2>Contact Us</h2>
<form action="https://formsubmit.co/YOUR_EMAIL_ADDRESS" method="POST">
<label for="name">Name</label>
<input type="text" id="name" name="name" required>
<label for="email">Email</label>
<input type="email" id="email" name="email" required>
<label for="message">Message</label>
<textarea id="message" name="message" rows="5" required></textarea>
<button type="submit">Send Message</button>
</form>
</div>
</body>
</html>