<!-- SQUARESPACE WEDDING PHOTOGRAPHY QUESTIONNAIRE -->
<!--
INSTALLATION INSTRUCTIONS:
1. In Squarespace, create a new page
2. Add a CODE BLOCK and paste this entire code
3. The form will automatically connect to your Squarespace form backend
4. All submissions will appear in your Squarespace Form Submissions panel
5. Customize colors in the CSS section below to match your brand
-->
<style>
/* ============================================
CUSTOM STYLES FOR WEDDING QUESTIONNAIRE
Edit colors here to match your brand
============================================ */
.wedding-questionnaire {
max-width: 900px;
margin: 0 auto;
padding: 60px 20px;
font-family: Georgia, 'Times New Roman', serif;
}
.wq-hero {
text-align: center;
padding: 80px 20px;
background: linear-gradient(135deg, #d4a373 0%, #c4916d 100%);
color: white;
margin: -60px -20px 60px -20px;
border-radius: 0;
}
.wq-hero h1 {
font-size: 48px;
font-weight: 300;
font-style: italic;
line-height: 1.3;
margin-bottom: 20px;
}
.wq-hero p {
font-size: 18px;
opacity: 0.95;
max-width: 600px;
margin: 0 auto;
}
.wq-intro {
background: #fafafa;
padding: 40px;
margin-bottom: 60px;
border-left: 4px solid #d4a373;
font-size: 15px;
line-height: 1.8;
}
.wq-intro p {
margin-bottom: 15px;
color: #555;
}
.wq-intro .signature {
font-style: italic;
color: #d4a373;
margin-top: 20px;
}
.wq-section {
margin-bottom: 60px;
}
.wq-section-header {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 11px;
font-weight: 600;
color: #999;
margin-bottom: 8px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.wq-section-title {
font-size: 36px;
font-weight: 300;
color: #333;
margin-bottom: 30px;
font-style: italic;
}
.wq-description {
font-size: 14px;
color: #666;
margin-bottom: 30px;
line-height: 1.6;
}
/* Override Squarespace form defaults */
.wq-form .form-wrapper {
max-width: 100% !important;
}
.wq-form .field-list {
display: grid;
gap: 20px;
}
.wq-form .form-item {
margin-bottom: 0 !important;
}
.wq-form .title {
font-family: Georgia, 'Times New Roman', serif !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #555 !important;
margin-bottom: 8px !important;
}
.wq-form .description {
font-size: 13px !important;
color: #999 !important;
font-style: italic !important;
margin-top: 4px !important;
}
.wq-form input[type="text"],
.wq-form input[type="email"],
.wq-form input[type="tel"],
.wq-form input[type="date"],
.wq-form input[type="time"],
.wq-form textarea {
width: 100% !important;
padding: 12px 16px !important;
border: 1px solid #ddd !important;
background: #fafafa !important;
font-size: 15px !important;
font-family: Georgia, 'Times New Roman', serif !important;
border-radius: 0 !important;
}
.wq-form input:focus,
.wq-form textarea:focus {
border-color: #d4a373 !important;
background: white !important;
outline: none !important;
}
.wq-form textarea {
min-height: 120px !important;
resize: vertical !important;
}
.wq-form .form-button-wrapper {
text-align: center;
margin-top: 40px;
}
.wq-form button[type="submit"] {
background: #d4a373 !important;
color: white !important;
border: none !important;
padding: 16px 48px !important;
font-size: 14px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
cursor: pointer !important;
transition: all 0.3s !important;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
.wq-form button[type="submit"]:hover {
background: #c4916d !important;
transform: translateY(-2px);
}
.wq-completion {
background: linear-gradient(135deg, #ffeaa7 0%, #fdcb6e 100%);
padding: 60px 40px;
text-align: center;
margin: 60px -20px -60px -20px;
}
.wq-completion h2 {
font-size: 48px;
font-weight: 300;
font-style: italic;
margin-bottom: 20px;
}
.wq-completion p {
font-size: 16px;
line-height: 1.8;
max-width: 600px;
margin: 0 auto 15px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.wq-hero h1 {
font-size: 32px;
}
.wq-section-title {
font-size: 28px;
}
.wq-intro {
padding: 30px 20px;
}
}
</style>
<div class="wedding-questionnaire">
<!-- HERO SECTION -->
<div class="wq-hero">
<h1>Fill me in!<br>Let's make sure to capture<br>every last detail perfectly</h1>
<p>Pre-Wedding Photography Questionnaire</p>
</div>
<!-- INTRO -->
<div class="wq-intro">
<p>Filling out this pre-wedding photography questionnaire is one of the most important steps in the planning process. The goal of this questionnaire is to capture the details, groups, and moments that are most important to you on your big day.</p>
<p>Please try to answer each question in detail. Think you're writing too much? Trust me, that's not possible! When it comes to your responses, more is always better than less.</p>
<p>I'm always here to support you, so please don't hesitate to let me know via email if you have any questions or concerns as you work through this questionnaire.</p>
<p class="signature">I can't wait to read through your answers and get to know you and your vision even better!</p>
</div>
<!-- MAIN FORM -->
<div class="wq-form">
<!--
INSTRUCTIONS FOR SQUARESPACE:
1. Delete this comment section
2. Add a FORM BLOCK here
3. Click "Edit" on the form
4. Add the fields below one by one
5. Copy the field names and descriptions exactly as shown
-->
<!-- Add these fields to your Squarespace Form Block: -->
<!-- SECTION: THE BASICS -->
<div class="wq-section">
<div class="wq-section-header">The Basics</div>
<h2 class="wq-section-title">Basic info:</h2>
<!--
Field 1: TEXT
Label: You and your partner's full names
Description: e.g. Sarah Johnson & Michael Smith
Required: Yes
Field 2: DATE
Label: Wedding date
Required: Yes
Field 3: TEXT
Label: Approximate guest count
Description: e.g. 150
Field 4: EMAIL
Label: Your email
Required: Yes
Field 5: EMAIL
Label: Partner's email
Field 6: PHONE
Label: Your phone number
Required: Yes
Field 7: PHONE
Label: Partner's phone number
Field 8: TEXT
Label: Preferred contact method
Description: e.g. email, phone call, text
Field 9: TEXT
Label: Wedding day contact person
Description: Name and phone number (typically wedding coordinator, day-of coordinator, or mom)
Field 10: TEXT
Label: Ceremony location name
Description: e.g. St. Mary's Church
Required: Yes
Field 11: TEXT
Label: Ceremony address
Required: Yes
Field 12: TIME
Label: Ceremony start time
Required: Yes
Field 13: TIME
Label: Reception start time
Field 14: TEXT
Label: Reception address
-->
</div>
<!-- SECTION: YOUR PEOPLE -->
<div class="wq-section">
<div class="wq-section-header">Your People</div>
<h2 class="wq-section-title">Photographing your loved ones:</h2>
<!--
Field 15: TEXTAREA
Label: First and last names of couples' parents
Description: List both sets of parents with full names
Field 16: TEXTAREA
Label: First and last names of immediate family members
Description: Siblings, grandparents, children, etc.
Field 17: TEXTAREA
Label: Additional family photo groupings
Description: List each group and names of individuals to include (e.g. Partner A's maternal cousins with Partner B)
Field 18: TEXTAREA
Label: Special guests you'd like photos with
Description: Friends, mentors, important people in your lives
Field 19: TEXTAREA
Label: Any sensitive family scenarios I should be aware of
Description: This helps me navigate the day with care and respect (e.g. divorce, relational tensions)
-->
</div>
<!-- SECTION: BEFORE THE BIG "I DO!" -->
<div class="wq-section">
<div class="wq-section-header">Before the Big "I Do!"</div>
<h2 class="wq-section-title">Pre-ceremony details:</h2>
<!--
Field 20: TEXTAREA
Label: Where do you each plan to get ready?
Description: Please list name and address if it's not the ceremony site
Field 21: TEXTAREA
Label: Will you have a first look? If so, where?
Description: Yes/No, and location if applicable
Field 22: TEXTAREA
Label: Family and wedding party photo timing
Description: Would you like to do family photos before the ceremony instead of after? Wedding party photos before or after?
-->
</div>
<!-- SECTION: IT'S GO TIME! -->
<div class="wq-section">
<div class="wq-section-header">It's Go Time!</div>
<h2 class="wq-section-title">Ceremony details:</h2>
<!--
Field 23: TEXTAREA
Label: Wedding party members and their roles
Description: List first and last names and how they will participate (e.g. Sarah Johnson - Maid of Honor)
Field 24: TEXTAREA
Label: Any rituals during the ceremony?
Description: Unity candle, sand ceremony, readings, etc.
Field 25: TEXTAREA
Label: Unique/special touches during the day
Description: Special decorations, heirlooms, surprises, etc.
Field 26: TEXTAREA
Label: Specific photo locations at your venue
Description: Gardens, staircases, architectural features, scenic views you'd like me to consider
-->
</div>
<!-- SECTION: THE AFTER PARTY! -->
<div class="wq-section">
<div class="wq-section-header">The After Party!</div>
<h2 class="wq-section-title">Reception details:</h2>
<!--
Field 27: TEXT
Label: Will you have a cocktail hour? When?
Description: Yes/No and timing
Field 28: TEXT
Label: Music plans
Description: DJ, live band, playlist, etc.
Field 29: TEXT
Label: Will you have a first dance?
Description: Yes/No
Field 30: TEXTAREA
Label: Special events planned for reception
Description: Cake cutting, toasts, parent dances, special performances, etc.
-->
</div>
<!-- SECTION: THE TEAM! -->
<div class="wq-section">
<div class="wq-section-header">The Team!</div>
<h2 class="wq-section-title">Vendor information:</h2>
<p class="wq-description">This section refers to the vendors you have already booked. I want to be sure to give proper photo credit to all the people you have selected to execute your wedding. Please list the first and last name, email, and website of each vendor.</p>
<!--
Field 31: TEXT
Label: Planner
Description: Name, email, website
Field 32: TEXT
Label: Photographer
Description: Name, email, website
Field 33: TEXT
Label: Videographer
Description: Name, email, website
Field 34: TEXT
Label: Caterer
Description: Name, email, website
Field 35: TEXT
Label: Florist
Description: Name, email, website
Field 36: TEXT
Label: DJ/Band
Description: Name, email, website
Field 37: TEXT
Label: Cake/dessert provider
Description: Name, email, website
Field 38: TEXT
Label: Photo booth
Description: Name, email, website
Field 39: TEXTAREA
Label: Other vendors
Description: List any additional vendors
-->
</div>
<!-- SECTION: GET SOCIAL! -->
<div class="wq-section">
<div class="wq-section-header">Get Social!</div>
<h2 class="wq-section-title">Social media info:</h2>
<!--
Field 40: TEXT
Label: Wedding hashtag(s)
Description: e.g. #SmithWedding2025
Field 41: TEXT
Label: Instagram handles
Description: @yourhandle @partnerhandle
-->
</div>
<!-- SECTION: MISCELLANEOUS! -->
<div class="wq-section">
<div class="wq-section-header">Miscellaneous!</div>
<h2 class="wq-section-title">Something else on your mind?</h2>
<!--
Field 42: TEXTAREA
Label: Anything else you'd like me to know?
Description: Share any other details, concerns, or excitement!
-->
</div>
</div>
<!-- COMPLETION SECTION -->
<div class="wq-completion">
<h2>Done and done<br>YOU MADE IT!</h2>
<p>Thank you for taking the time to fill this out thoroughly. It really does help ensure you receive the photos of your dreams! I can't wait to play a part in your special day.</p>
<p>Once you submit this questionnaire, I will review it and reach out via email if I have any additional clarifying questions.</p>
<p style="font-style: italic; margin-top: 20px;">Cheers to checking another item off your to-do list!</p>
</div>
</div>
