Skip to content

Changing contact form email

We use FormSubmit.co to send form submissions directly to your preferred email address in following format.

FormSubmit.co sample email delivery image

Changing Your Email Address

To update the email address where you’ll receive form submissions, follow these steps:

  1. Locate the contact form HTML code you want to modify.

  2. Inside the form element, find the attribute named form-unique-string. Replace the existing value with your preferred email address.

    For project-col-3.html, project.html, service-details.html, footer-layout-2.html or the form located in footer of home page one, open the partial contact-layout-1.html

    <div class="contact-wrap">
    <div class="row">
    <div class="col-lg-8 sm-padding">
    <div class="widget-contact-form">
    <form
    method="post"
    id="contact-form-1"
    form-unique-string="229bae58b2d230c067c314c54553bf16"
    form-unique-string="exampleemail@gmail.com"
    class="row g-4">
    <div class="col-12">
    <button class="btn-primary submit gap-1">
    Get in touch
    <i class="material-symbols-rounded fs-4">call_made</i>
    <span class="hover-bg" aria-label="button hover animation rounded div"></span>
    </button>
    <input type="hidden" name="_template" value="table" />
    <input
    type="hidden"
    name="_subject"
    value="A new submission has been received from your footer contact form." />
    </div>
    </form>
    </div>
    </div>
    </div>
    </div>

    For contact page form, open the partial contact-layout-2.html

    <div class="contact-wrap-2">
    <div class="row gy-5 gy-lg-4">
    <div class="col-lg-6 order-2 order-lg-0">
    <div class="contact-form">
    <form
    method="post"
    form-unique-string="229bae58b2d230c067c314c54553bf16"
    form-unique-string="exampleemail@gmail.com"
    id="contact-form-2"
    class="row gy-3">
    <div class="col-12">
    <button id="submit" class="btn-primary" type="submit">
    Send Message
    <span
    class="hover-bg"
    aria-label="button hover animation rounded div"></span>
    </button>
    <input type="hidden" name="_template" value="table" />
    <input
    type="hidden"
    name="_subject"
    value="A new submission has been received from your footer contact form." />
    </div>
    </form>
    </div>
    </div>
    </div>
    </div>
  3. Submit the form you just modified. Upon your first submission, you’ll receive a confirmation email to verify your new email address.

  4. Check your inbox (including spam) for the confirmation email. Click the Activate Form button within the email to complete the verification process.

    form active

Success! From now on, all form submissions will be sent directly to your updated email address.

Invisible emails

Get a random-like string to replace your naked email address in the form-unique-string attribute of your form. Your email address will remain unknown to spam-bots and human visitors.

This random string will send to you when you confirm your email address as like below.

formsubmit.co random string

<div class="contact-wrap">
<div class="row">
<div class="col-lg-8 sm-padding">
<div class="widget-contact-form">
<form
method="post"
id="contact-form-1"
form-unique-string="updatedemail@gmail.com"
form-unique-string="229wc54ewewejb32894bi23553bf16"
class="row g-4">
<div class="col-12">
<button class="btn-primary submit gap-1">
Get in touch
<i class="material-symbols-rounded fs-4">call_made</i>
<span class="hover-bg" aria-label="button hover animation rounded div"></span>
</button>
<input type="hidden" name="_template" value="table" />
<input
type="hidden"
name="_subject"
value="A new submission has been received from your footer contact form." />
</div>
</form>
</div>
</div>
</div>
</div>
If want more customization options, please visit formsubmit.co official documentation or hire us.