Build a Gift Guide

Step 1: Start Your Gift Guide with a Prompt

Starter prompt

The more specific you are about your product categories and price points, the better the output.

Recreate this gift guide for me: https://mejuri.com/guided-shop/gift-guide. Adapt it to my products and brand styles.

Structure:
- Hero section with main heading and CTA
- Product categories organized by price: Under $50, Under $150, Under $300, Splurge Worthy
- Product categories organized by type: Best Sellers, New Arrivals, Gift Sets
- Product showcases with images, product names, prices, and quick add buttons
- Multiple CTAs throughout to drive conversions

Use a clean, editorial layout with generous white space. Products should have clear images and pricing upfront.

Step 2: Customize Your Copy and Images

Replace the generated content with your actual products and categories. Gift guides perform better when they reflect real inventory and real price points.

Update product categories

Replace the generated categories with your actual product collections.

Replace the product categories with:

Category 1: [Gifts Under $X]
Show products: [Product 1], [Product 2], [Product 3]
With images: [URL 1], [URL 2], [URL 3]

Category 2: [Best Sellers]
Show products: [Product 1], [Product 2], [Product 3]
With images: [URL 1], [URL 2], [URL 3]

Category 3: [Gift Sets]
Show products: [Product 1], [Product 2], [Product 3]
With images: [URL 1], [URL 2], [URL 3]

Add recipient-based categories

Gift guides work better when you organize by who the gift is for, not just what it is.

Add these recipient categories:

For Him: Show [Product 1], [Product 2], [Product 3]
For Her: Show [Product 1], [Product 2], [Product 3]
For Them: Show [Product 1], [Product 2], [Product 3]

Each section should have 4-6 products with clear images and pricing.

Update price tiers

Price tiers help customers self-select based on their budget. This increases conversion because you’re not forcing them to filter through irrelevant options.

Update the price categories:

Gifts Under $[X]: Show [number] products in this range
Gifts Under $[Y]: Show [number] products in this range
Splurge Worthy ($[Z]+): Show [number] products in this range

Make sure actual product prices match the category they're in.

Step 3: Personalize the design

The output should use your brand fonts and colors automatically. But you can refine the visual hierarchy to make high-margin products stand out.

From a URL
From a Screenshot
From a Prompt

Reference any URL to pull design inspiration, whether it’s your own site or a competitor’s gift guide.How to:

Can you replicate the layout from [input URL] and apply it to my gift guide?

I like how it uses [large product images, price callouts, editorial sections].

This is helpful for quickly adapting proven designs that are already converting.

Drop an image to show the exact visual style you want.How to:

Can you apply the layout from this image to my gift guide?

I want the same [grid structure, product card style, white space].

This works well when you have a Figma design or reference from another brand you want to replicate.

Use natural language to describe the visual feel you want. Be specific about design elements.Example:

I want my gift guide to [feel more premium with larger images and cleaner typography].

Increase product image sizes by 30% and add more vertical spacing between sections.

The more specific you are about design changes, the better the output. Mention exact percentages, colors, spacing, or layout details.

Step 4: Set Up Your Links

Use select mode to select product cards and CTAs. Once selected:

This product card should link to [Product URL].

Or to update all product links at once:

Update all product cards to link to their respective product pages:
[Product 1] → [URL 1]
[Product 2] → [URL 2]
[Product 3] → [URL 3]

For category CTAs:

This "Shop All" button should link to [Collection URL].

Step 5: Publish

Once your gift guide is ready, click Publish in the top-right corner:

Publish to your Replo domain: every workspace gets a default domain (e.g. yourshop.replosites.com). Use this for testing or sharing preview links.
Add a custom domain: connect your own domain to publish the gift guide live under your brand’s URL.

Read more about Publishing and Custom Domains. Click Publish again to make your gift guide live.

Gift Guide Performance Tips

Gift guides drive the most revenue when they’re promoted correctly:

Run paid traffic directly to the gift guide during peak seasons (Q4, Valentine’s Day, Mother’s Day)
Use the gift guide URL in email campaigns instead of linking to your homepage
Test price tier labels, “Gifts Under $100” often converts better than “Affordable Gifts”
Add urgency with inventory callouts (“Only 3 left”) or shipping deadlines (“Order by Dec 15 for holiday delivery”)
Track AOV by traffic source, gift guide traffic from paid social typically has lower AOV than email traffic

Walkthroughs

Introduction

Principles

Templates

Ecommerce

Build a Gift Guide

Step 1: Start Your Gift Guide with a Prompt

Starter prompt

Step 2: Customize Your Copy and Images

Step 3: Personalize the design

Step 4: Set Up Your Links

Step 5: Publish

Gift Guide Performance Tips

​Step 1: Start Your Gift Guide with a Prompt

​Starter prompt

​Step 2: Customize Your Copy and Images

​Step 3: Personalize the design

​Step 4: Set Up Your Links

​Step 5: Publish

​Gift Guide Performance Tips

Step 1: Start Your Gift Guide with a Prompt

Starter prompt

Step 2: Customize Your Copy and Images

Step 3: Personalize the design

Step 4: Set Up Your Links

Step 5: Publish

Gift Guide Performance Tips