Build your own contact form with Gmail integration
Overview
Building contact forms typically requires paid services like Formspree or complex backend setups. With Pica’s MCP Server and Gmail integration, you can build a fully functional contact form that delivers messages straight to your Gmail inbox—completely free. This is perfect for:- 📄 Landing pages that need simple contact forms
- 🚀 SaaS products requiring customer contact forms
- 💼 Portfolio sites with inquiry forms
- 🏢 Small business websites without expensive form tools
Prerequisites
Before you start, make sure you have:- A Pica account (free)
- Pica MCP Server installed and configured
- Gmail connected in your Pica dashboard
- Node.js and npm installed
Getting Started
Step 1: Clone the Repository
Step 2: Install Dependencies
Step 3: Configure Environment Variables
Create a.env.local
file with your configuration:
Variable | Description | Required |
---|---|---|
PICA_SECRET_KEY | Your Pica API secret key | Yes |
PICA_GMAIL_CONNECTION_KEY | Your Gmail connection key from Pica | Yes |
YOUR_EMAIL | The Gmail address to receive form submissions | Yes |