Openspaces Labs
  • 🏠 Getting Started
    • Installing the Plain Jane Theme
    • Theme Versions + Features Table
  • 🧰 Theme Settings
    • Announcement Bar
    • Animations
    • Cart Drawer
    • Clock Settings
    • Collection Layout Settings
    • Cursor Settings
    • Footer Settings
    • Global Menu Settings
    • Music Player Settings
    • Logo Settings
    • Skip Home Screen
    • SEO Settings
    • Main Theme Color
    • Typography Settings
  • 🗂 Pages & Menus
    • Homepage + Menu
      • Center Menu
      • Side-Aligned Menu
      • Compact Menu Layout (Global Menu)
    • Collection Page
      • Classic Collection
      • Sidebar Collection
    • Collection List Page
    • Product Page
      • Product Section (Showcase)
      • Product Section (Thumbnail)
    • About Page
    • Contact Page
    • Lookbook Page
      • 🛠 How to Create a Lookbook Page
      • 🗂 Creating a Lookbook Archive
      • ⚙️ Lookbook Settings & Features
    • Password Page
      • How To Password Lock Store
      • How To Add and Set Timer
      • How To Collect Emails + SMS
      • Using The Store Unlock Animation
  • 🧩Sections and Features
    • Blog Feed Section
    • Collection Display Section
    • Collection List Section
    • Email Signup (Popup)
    • Email Signup (Embed)
    • FAQ Section
    • Hero Section
    • Image Selector Section
    • Image Stream Section
    • Marquee Section
    • Preloader Section
    • Product Carousel Section
    • Text Block Section
    • Video Spotlight Section
  • 🏷️Advanced
    • How to Add Size Charts to Each Product
    • Setting Up Color Swatches
    • Setting Up Model Info
    • Setting Up Pre-Orders
  • 👥Customer Accounts
    • How To Setup Customer Accounts
    • Login Page
    • Register Page
    • Account Dashboard Page
    • Address Management Page
  • 🌎Languages & SEO
    • Language Files (Locales)
    • Update Favicon
    • Meta Descriptions
  • ⭐️Plain Jane Interactive
    • How to Create an Interactive Space
    • Setting The Background
    • Adding Interactive Points
    • Using Transition Arrows
    • Best Practices for Mobile + Spacing
  • 💬 FAQ & Troubleshooting
Powered by GitBook
On this page
  • What You’ll Learn
  • Step 1: Enable the Contact Page Template
  • Step 2: Customize the Contact Message
  • Step 3: Style the Contact Form
  • Need Help?
  1. 🗂 Pages & Menus

Contact Page

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

PreviousAbout PageNextLookbook Page

Last updated 4 days ago

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?

  • 📧 Email us at: support@openspaces.design

  • 💻 Live chat with us: Available Monday–Friday, 10AM–6PM EST, directly on our website

💬 Join our community on Discord:

https://discord.gg/hcc2GvgZc6