Creating Your Invitation

Once you've chosen your template, let's fill it with your information to create a unique invitation!

Opening the Editor

First Time Creation

1. Find a design you like on the homepage or templates page
2. Click the "Use This Template" button
3. The editor opens automatically

Editing an Existing Invitation

1. After logging in, click the Dashboard menu
2. Select Collection from the left menu
3. Click the Edit button on the invitation you want to modify

Understanding the Interface

The editor is divided into two main sections:

Left Side - Content Input

• Where you enter names, dates, venues, etc.
• Upload photos and change colors
• Choose which sections to include

Right Side - Live Preview

• See how your invitation actually looks
• Displays in mobile phone format
• Updates immediately as you make changes

Filling In Each Section

Your invitation consists of multiple sections. Fill them in one by one!

1. Hero Section (First Impression)

This section:

• The first screen visitors see when opening your invitation
• Can include couple photos or beautiful background images

Information to enter:

• Title: e.g., "Jimin & Wooyoung Are Getting Married"
• Subtitle: e.g., "Saturday, March 15, 2025 at 2:00 PM"
• Groom's Name: Groom's full name
• Bride's Name: Bride's full name
• Hero Image: Upload a photo (horizontal photos recommended)
• Image Position: Adjust whether names appear at top/center/bottom of photo

2. Greetings

This section:

• A warm message to your guests
• Where you include parents' names

Information to enter:

• Title: Default is "Invitation" but customize as you like
• Message: Write a heartfelt message to your guests
• Groom's Parents: e.g., "Son of John Smith and Mary Smith"
• Bride's Parents: e.g., "Daughter of Robert Johnson and Susan Johnson"

Example Message:

We have found our life partners.
As we take our first step to build a family
with love and faith,
we would like to invite our cherished friends and family.

3. Date and Time

This section:

• Tells guests when the event takes place
• Can display a calendar

Information to enter:

• Title: Default is "Event Date"
• Date: Select from calendar
• Time: Choose AM/PM and hour
• Description: e.g., "Dinner will be served from 11:30 AM"
• Show Calendar: Toggle to display a calendar on invitation

4. Our Story (Gallery)

This section:

• Showcases your dating photos
• Can upload multiple photos

How to upload photos:

1. Click "Add Image" button
2. Select photos from your computer or phone
3. You can upload multiple at once
4. Drag to reorder photos

Photo Size:

• Maximum 10MB per photo
• JPG, PNG formats supported

5. Location

This section:

• Provides directions to the event venue
• Displays a map

Information to enter:

• Venue Name: e.g., "Grand Hyatt Hotel"
• Address: e.g., "123 Main Street, New York, NY 10001"
• Floor/Room: e.g., "Grand Ballroom, 3rd Floor"
• Subway: e.g., "Take Line 6 to Grand Central, 10 min walk"
• Bus: e.g., "Bus routes 100, 110 stop at hotel"
• Parking: e.g., "Underground parking levels 1-3 (3 hours free)"

6. Contact

This section:

• Phone numbers for guests to call if they have questions

How to add:

1. Click "Add Groom's Contact" button
2. Select relationship (e.g., Groom, Groom's Father, Groom's Mother)
3. Enter name and phone number
4. Add Bride's contacts the same way

Phone Number Format:

• Hyphens (-) are added automatically, just enter numbers
• e.g., 2125551234 → automatically displays as 212-555-1234

7. Gift Registry

This section:

• Provides payment information for gifts
• Can register multiple accounts

How to add:

1. Click "Add Account" button
2. Select bank (e.g., Bank of America, Chase, Wells Fargo)
3. Account holder name (e.g., John Smith)
4. Account number
5. Select Groom/Bride

Convenient Feature:

• A "Copy" button appears next to account numbers
• Guests can copy with one click

8. Guestbook

This section:

• Guests can leave congratulatory messages
• Works automatically with no setup needed

Information to enter:

• Title: Default is "Guestbook"
• Description: e.g., "Please leave us your congratulations"

Management:

• View guestbook in Dashboard > My Invitations > Select invitation
• You can delete inappropriate content

9. RSVP

This section:

• Guests can confirm their attendance
• Helps with meal planning

Information to enter:

• Title: Default is "RSVP"
• Description: e.g., "Knowing your attendance helps us prepare meals"

Guests provide:

• Name
• Number of attendees (including themselves)
• Attendance status (Attending, Not Attending, Undecided)
• Congratulatory message (optional)

10. Wedding Countdown

This section:

• Shows days remaining until the wedding
• Like D-100, D-50, etc.

Setup:

• Automatically calculates from the date you enter
• No special settings needed

Changing Colors and Design

Find the Theme Settings tab at the top of the left editing area.

Changing Colors

1. Click "Primary Color"
2. Select your preferred color
3. The entire invitation's color changes at once

Recommended Colors:

• Pink: Romantic and lovely
• Beige/Gold: Luxurious and elegant
• Blue: Clean and modern
• Green: Natural and comfortable

Changing Fonts

1. Click "Font Selection"
2. Choose your preferred font
3. All text in the invitation changes

Available Fonts:

• Noto Sans: Clean and modern
• Noto Serif: Luxurious and traditional
• Playfair Display: Elegant serif
• Montserrat: Good readability and comfortable

Auto-Save Feature

Don't worry! Your content is automatically saved.

How It Works

• Automatically saves every 3 seconds
• Content preserved even if internet disconnects
• Safe to refresh the page

When You Return

If you close and reopen the page:

1. A message appears: "Unsaved work found. Restore?"
2. Click "Yes" to continue working

Saving Your Work

When to Save

• After entering important content
• When finishing work before leaving
• Before sharing!

How to Save

1. Find the Save button at the top
2. Click and confirm "Saved successfully" message
3. Now you can access it anytime, anywhere

Preview

Checking the Final Result

1. The right screen is the basic preview
2. Click the Preview eye icon at top for full screen
3. Press ESC to return to editor

Checking on Mobile

After saving, to see how it looks on your phone:

1. Go to Dashboard > Collection
2. Click "View Public Page" on the invitation
3. See the actual result in a new window

Frequently Asked Questions

Photos won't upload

Check:

• Is the photo file under 10MB?
• Is it JPG or PNG format? (gif, bmp not supported)
• Is your internet connected?

Solutions:

• Reduce photo size (send to yourself via WhatsApp to auto-compress)
• Try a different photo

Can't save

Check:

• Are you logged in?
• Is your internet connected?
• Did you enter required fields (title)?

Solutions:

1. Refresh the page
2. Try logging in again
3. If still not working, contact customer support

I accidentally deleted something

• If just deleted, try Ctrl+Z (Mac: Cmd+Z)
• If before saving, refresh the page to revert
• If saved after deletion... unfortunately you'll need to re-enter

Next Steps

After completing your invitation:

• Setting up social media preview
• Sharing your invitation
• Checking analytics