How to Configure Contact Page Features

Go to your Blogger Dashboard > select the Pages menu.

Create a NEW PAGE.

In the Title field, enter the title of Contact.

Select the HTML view mode.

Copy and paste this code.

<div class="contact_form">
  <form>
    <input class="elementskit_input name" placeholder="Name" required="" type="text"/>
    <input class="elementskit_input email" placeholder="Email" required="" type="email"/>
    <input class="elementskit_input subject" placeholder="Subject" required="" type="text"/>
    <textarea class="message" placeholder="Type your message here" required=""></textarea>
    <button class="elementskit_button unelevated font_bold" type="submit">Submit</button>
  </form>
</div>

Click the Publish button.

Go to your Blogger Dashboard > select the Layout menu.

Find the section titled Settings.

Click the edit button (pencil icon) in the HTML/JavaScript Gadget.

A Widget configuration pop-up will appear.

In the Title field, leave the setting at the default value.

In the Content field, find the // Contact Form code section.

• Set the email address in the var emailDestination section, for example: spaceback9090@gmail.com.
• Set the message in the var emailMessageText section, for example: This email was sent via: https://shocktimes.gilatemax.com/p/contact.html.

After everything is configured click the SAVE button.