Creating a Contact Page in Roame

Roame includes a styled native Blogger contact form and displays it automatically on the normal Contact page URL /p/contact.html.

Create the page

1. In Blogger, create a Page titled Contact.
2. Switch to HTML view and add your contact information.
3. Publish the page and confirm its URL is /p/contact.html.

Starter Contact content

The theme provides the Contact page and form styles, while your introductory contact copy remains yours to edit. This compatible starter block uses Roame’s page classes:

<!--
ROAME CONTACT PAGE
------------------
Create a Blogger Page titled "Contact", switch to HTML view, and paste this block.
The theme displays Blogger's native contact form automatically on /p/contact.html.
Replace the sample text and email address below.
-->

<div class="mv-page-content">
  <p class="mv-page-lead">Questions, collaborations, or simply want to say hello? You’re in the right place.</p>

  <div class="mv-contact-list">
    <section class="mv-contact-item">
      <h2 class="mv-contact-label">General enquiries</h2>
      <div class="mv-contact-copy">
        <p>For general questions or anything that does not fit another category, email:</p>
        <a href="mailto:hello@yourdomain.com">hello@yourdomain.com</a>
      </div>
    </section>

    <section class="mv-contact-item">
      <h2 class="mv-contact-label">Collaborations</h2>
      <div class="mv-contact-copy">
        <p>Add your preferred information for partnership or press enquiries here.</p>
      </div>
    </section>

    <section class="mv-contact-item">
      <h2 class="mv-contact-label">Travel questions</h2>
      <div class="mv-contact-copy">
        <p>If your question is about a specific story or guide, you can also leave a comment directly on that post.</p>
      </div>
    </section>
  </div>

  <div class="mv-page-note">Add any reply-time, availability, or contact note you want readers to see before using the form.</div>
</div>

Do not paste a second form

The native Contact Page Form widget is already included in the theme and appears below the Contact page content. Test it after publishing to confirm Blogger’s success/error messages work on your blog.