Skill 01 · Storefront Best Practices
Subchapter 1.24
reference/layouts/static-pages.mdMarkdown10 KBView on GitHub
Static pages provide essential information about the store, policies, and customer support. Purpose: Build trust, reduce support inquiries, meet legal requirements, improve SEO.
Required:
Strongly recommended:
Optional:
Purpose: Answer common customer questions, reduce support inquiries, improve purchase confidence.
Common FAQ categories:
Question as clickable header, answer hidden by default, click to expand. Compact, scannable format.
Example:
Frequently Asked Questions
Ordering and Payment
▸ How do I place an order?
▸ What payment methods do you accept?
▸ Is it safe to use my credit card?
Shipping and Delivery
▸ How long does shipping take?
▸ Do you ship internationally?Alternative: All Expanded All questions and answers visible. Better for few questions (<10), good for SEO (all content visible), easy to Ctrl+F search.
FAQ search (for extensive FAQs): Search box at top, real-time filtering as user types, highlights matching questions, “No results” state with contact link.
Question format: Clear, concise, use customer language, start with question words (How, What, When).
Answer format: Direct answer first sentence, additional details if needed, bullet points for lists, link to related pages, 2-4 sentences ideal.
Purpose: Tell brand story, build trust and connection, showcase values and mission, differentiate from competitors.
Key sections:
Hero section: Large image (team, products, brand imagery), headline (brand tagline or mission), brief intro paragraph (2-3 sentences).
Story section: 3-5 paragraphs, conversational tone, focus on customer benefits.
Values section: 3-5 core values with icon or image for each, brief description (1-2 sentences).
Call-to-action: Shop products, join newsletter, follow on social media.
Essential:
Optional:
Form fields:
Form features: Clear field labels, placeholder examples, required field indicators, email validation, success confirmation.
Key sections:
Shipping Methods Table Format:
Method | Cost | Delivery Time
──────────────────────────────────────────
Standard | $5.99 | 5-7 business days
Express | $12.99 | 2-3 business days
Overnight | $24.99 | Next business day
Free Shipping | Free | Orders over $50Key information:
Return process steps:
How to Return an Item
1. Initiate Return
Log into your account and select the order
2. Print Return Label
We'll email you a prepaid shipping label
3. Pack and Ship
Include all original packaging and tags
4. Receive Refund
Refunds processed within 5-7 business daysPurpose: Legal requirement in most regions (GDPR, CCPA compliance), explain data collection and use, build customer trust.
Key sections:
Layout: Table of contents (for long policies), clear section headings, numbered or bulleted lists, plain language, last updated date at top.
Important: Consult legal counsel for content, include required disclosures, update regularly.
Purpose: Legal agreement between store and customer, define rules and limitations, protect business legally.
Key sections:
Layout: Numbered sections (1, 1.1, 1.2), table of contents for long documents, clear section titles, anchor links to sections.
Purpose (for apparel/footwear stores): Help customers choose correct size, reduce returns due to sizing issues, increase purchase confidence.
Content:
Size Chart Format:
Women's Tops Size Guide
Size | Bust | Waist | Hips
─────────────────────────────────────
XS | 32-33" | 24-25" | 35-36"
S | 34-35" | 26-27" | 37-38"
M | 36-37" | 28-29" | 39-40"
L | 38-40" | 30-32" | 41-43"
XL | 41-43" | 33-35" | 44-46"Accessibility: Use proper table markup (not images), clear column headers, screen reader friendly, mobile-responsive tables.
Layout: Single column, full-width content, larger touch targets for accordions, generous padding (16-20px).
Typography: 16px minimum body text, 24-32px headings, line height 1.5-1.6, short paragraphs (3-4 sentences max).
Tables: Horizontal scroll for wide tables or card layout (stacked rows), responsive design.
Forms: Full-width inputs, 44-48px height, large submit buttons, appropriate keyboard types.
Quick actions:
tel:)mailto:)On-Page SEO:
Schema Markup:
Benefits: Rich snippets in search results, improved visibility, better click-through rates.
Essential pages:
Optional but valuable:
SEO and technical:
Accessibility:
Content quality: