Skip to main content

Overview

Connect your design to Google Sheets to automatically save data. This is perfect for collecting emails, contact forms, waitlists, or anything that requires a very light database.

Step by Step Tutorial

1. Get Your Custom Apps Script

First, switch to /Ask mode in Magic Patterns to ask what columns and Apps Script you need for your specific design: Example Prompt:
Using /Ask mode to get your custom Apps Script
The Magic Patterns AI will generally guide you on Step 2 and 3 after the prompt from Step 1, but we have included the steps below for reference.

2. Create Your Google Sheet

  • Go to sheets.google.com and create a new sheet
  • Add the column headers from Step 1 in the first row

3. Set Up Google Apps Script

  1. In your Google Sheet, go to Extensions > Apps Script
  2. Paste the Apps Script code from step 1
  3. Click Deploy > New deployment
  4. Click the gear icon and choose Web app
  5. Set “Execute as” to Me
  6. Click Deploy
  7. IMPORTANT: Set “Who has access” to Anyone
  8. Authorize the app when prompted
  9. Copy the Web app URL (looks like: https://script.google.com/macros/s/.../exec)
Setting up the Web app deployment
IMPORTANT: Set “Who has access” to Anyone, otherwise you will likely get a CORS error.

4. Connect Your Design

Use this prompt in Magic Patterns, replacing the URL with your Web app URL from step 3: Example Prompt:
Copying the Web app URL