Contact Page

For Plain Jane Starter, Plain Jane, and Plain Jane Interactive

What You’ll Learn

  • How to enable and customize the contact form on the contact page
  • How to edit text and styling for form inputs and buttons
  • How to adjust color settings

Step 1: Enable the Contact Page Template

  1. From your Shopify admin, go to Online Store > Themes.
  2. Click Customize on your active theme.
  3. In the page dropdown at the top center, choose Pages > contact.
  4. Ensure the Contact Message and Contact Form Colors blocks are visible in the left-side panel.

💡 Tip: The contact form is prebuilt into the "contact" template and doesn't need a separate app.

Step 2: Customize the Contact Message

  1. In the left sidebar, select Contact Message.
  2. Edit the message text shown above the form (e.g., "Allow 3–5 business days for a response to your inquiry.").
  3. Adjust the text color using the Contact Content Text Color picker.

Step 3: Style the Contact Form

  1. In the left sidebar, click on Contact Form Colors.
  2. Customize each color field:
    • Form BG Color: background of the form
    • Form Text Color: input text
    • Submit Button Color and Text Color
    • Home Button Color and Text Color

💡 Tip: Use high-contrast color pairs to ensure accessibility.

Need Help?