Contact Form

Add a contact form to a page

Go to Pages > open the Contact page (or create one)
Click on the first icon from left to right and select "HTML view"
Copy the code of the contact form below and paste it in your Contact page

<form class="contact-form" name="contact-form">
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea>
<button class="contact-submit" id="ContactForm1_contact-form-submit" type="button" value="Send!">Send!</button>
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div>
</form>

Fenrys theme:

<div class="contact-grid">
 
<div class="contact-text">

<p>Add some text here.</p>

<hr>

<h5>Email</h5>
<p>youremail@gmail.com</p>

<hr>

<h5>Social</h5>
<div class="social-icons">
<a href="mailto:addyouremail" target="_blank"><i class="fas fa-envelope"></i></a>
<a href="LINK" target="_blank"><i class="fab fa-pinterest"></i></a>
<a href="LINK" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="LINK" target="_blank"><i class="fab fa-tiktok"></i></a>
</div>

</div>

<form class="contact-form" name="contact-form">
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="7"></textarea>
<button class="contact-submit" id="ContactForm1_contact-form-submit" type="button" value="Send!">Send!</button>
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div>
</form>

</div>

I removed the Contact Form widget from the sidebar; how to add it back?

Since the HTML of the widget was edited, it wont look the same if you add it back. Instead, you can copy the code of the contact form and add it to a HTML/JavaScript widget.