Shopify content pages setup after WooCommerce (2026)

WooCommerce sites often had extensive content pages built with page builders like Elementor, Divi, or the WordPress block editor (Gutenberg). These pages don't migrate — the page builder shortcodes and blocks are WordPress-specific and won't render in Shopify. Content must be recreated in Shopify's page editor or through theme sections. This guide covers the content page migration approach, what Shopify's page system can do, and when to use sections vs pages vs metaobjects for different content types.

WooCommerce content types that need migration

• About Us / Our Story: Brand narrative, team, values — typically Elementor-built with rich imagery
• FAQ pages: Frequently asked questions — often accordion-style, built with Elementor FAQ widget
• Size guides: Size charts for clothing/footwear — usually tables with measurements
• Returns and refund policy: Legal text, process explanation
• Shipping information: Rates, carriers, delivery times
• Contact page: Contact form, address, hours, map embed
• Stockist/where to buy pages: Retail partner listings
• Campaign landing pages: Seasonal sale pages, product launch pages
• Brand/campaign content: Editorial-style pages, lookbooks
• Privacy policy, terms of service, cookie policy: Legal pages

Shopify's page system

Standard pages

• Online Store → Pages → Add page
• Rich text editor (similar to WordPress block editor) — text, images, headers, tables, embedded video
• HTML edit mode: switch to HTML view for complex layouts or custom HTML blocks
• Page templates: different Liquid templates can be assigned to pages for different layouts (e.g., contact.liquid, about.liquid). Create template variants in your theme.
• SEO fields: custom meta title, meta description, URL handle per page
• Visibility: set pages to visible or hidden (hidden pages can still be linked directly)

Theme sections

• For rich, designed pages, use theme sections in the Online Store editor rather than plain pages
• Landing pages: create a page, then assign a custom template that uses Shopify sections (draggable blocks in the Theme editor)
• Theme editor (Online Store → Customize): drag sections to build pages visually — similar to Elementor but Shopify-native
• Section types vary by theme. Dawn includes: image banner, rich text, collapsible content (FAQ), image with text, gallery, video, map, etc.
• Custom sections: if your theme lacks a specific section type, either find an app that adds sections or add a custom section via theme code

Migrating specific page types

About Us page

• Copy written content from WooCommerce page (plain text without Elementor formatting)
• Re-upload images to Shopify (download from WooCommerce first)
• Recreate layout using theme sections: "Image with text" sections for team/value blocks, "Image banner" for hero image
• Use page template assignment to give About Us a distinct layout from standard pages

FAQ page

• Option 1: Use theme's collapsible content/accordion section (most Shopify themes include this)
• Option 2: Create a Shopify metaobject type "FAQ" (question + answer fields) and build a dynamic FAQ page that renders metaobjects as accordion items
• Option 3: Plain page with HTML anchor links for each question
• Structure data: add FAQ schema markup (FAQPage JSON-LD) to your FAQ page — eligible for FAQ rich results in Google Search

Size guides

• Create a standalone size guide page for each brand or product range
• Use the HTML table editor in the page editor for size chart tables
• Link from product pages via product metafield: product.metafields.clothing.size_guide_url
• For apps: dedicated size chart apps (Kiwi Size Chart & Recommender) can show size-specific recommendations on product pages

Policy pages

• Shopify has built-in policy page slots: Settings → Policies — Refund policy, Privacy policy, Terms of service, Shipping policy, Legal notice
• These are automatically linked in your checkout footer and Shopify-generated footer
• Migration: copy your WooCommerce policy text into these Shopify policy fields. Shopify generates the URL automatically (/policies/refund-policy, etc.)
• Note: the Shopify policy pages have standard URLs — any redirects from your WooCommerce policy page URLs should point to the new /policies/ URLs

Contact page

• Create a page in Shopify; assign the contact template in your theme (most themes include a contact form template)
• The theme contact template includes a working contact form that submits to your Shopify notification email
• Custom contact forms with more fields: use a form app (Contact Form by Nextsell, HubSpot) for complex contact forms
• Google Maps embed: add via HTML embed in the page editor. Note: requires a Google Maps API key.

Landing pages

• Campaign landing pages (Black Friday, Summer Sale, product launches): create as Shopify pages with custom templates assigned
• Sections in theme editor: most modern Shopify themes allow sections on pages, not just the homepage. Assign a "page with sections" template to enable the full theme editor for a page.
• Landing page apps: Shogun or GemPages provide a drag-and-drop landing page builder similar to Elementor — useful if you need complex layouts without theme code. However, these apps may slow page loading compared to native theme sections.
• UTM tracking: ensure landing pages preserve UTM parameters through to checkout for campaign attribution

Metaobjects for structured content

• Shopify metaobjects are reusable structured content objects — like custom post types in WordPress
• Use cases for pages: team member directory (name, role, photo, bio), press coverage list (publication, date, headline, link), stockist list (store name, address, hours, map link)
• Metaobject definition: create in Content → Metaobjects → Define — set fields and their types
• Metaobject instances: create entries for each item (e.g., each team member)
• Render in theme: reference metaobject entries in a page template to display structured lists
• Advantage over static pages: content is structured and manageable independently of page design. Update a team member's bio without editing page HTML.

Content pages migration checklist

• Audit all WooCommerce pages: list every page, its content, and its Google analytics traffic
• Recreate high-traffic pages first (sorted by GA traffic volume)
• Migrate policy pages to Shopify Settings → Policies
• Recreate About Us with theme sections (image with text, team section)
• Recreate FAQ page with accordion/collapsible section; add FAQ schema markup
• Create size guide pages; link from product pages via metafield
• Recreate Contact page using theme's contact template
• Download all WooCommerce page images; re-upload to Shopify Files
• Set up 301 redirects for all WooCommerce page URLs → new Shopify page URLs
• Verify page URLs match redirects (Shopify page handles may differ from WooCommerce slugs)
• If using landing page builder (Shogun/GemPages): assess vs native sections for performance

The most overlooked content migration is the size guide page — and it's the one that drives the most returns-related customer service if missed. WooCommerce stores that had a size guide embedded in the footer or linked from product pages often assume it migrates automatically. It doesn't: it's a custom WordPress page with Elementor tables, and it needs to be manually recreated. The consequence of a missing size guide is customers ordering the wrong size, return requests, and negative reviews mentioning sizing confusion. One hour spent recreating the size guide properly during migration prevents weeks of customer service overhead and the recurring cost of unnecessary returns.