Skip to main content

Custom HTML Pages

Create fully custom pages for your storefront using HTML, CSS, and JavaScript. This feature lets you build landing pages, about pages, promotional pages, or any custom content beyond the standard storefront templates.

Overview

Custom HTML pages are served at clean URLs like https://yourstore.ecomplify.com/about. They render within your storefront's layout (with your store's header and footer) but give you complete control over the page content.

Creating Custom Pages

Custom pages are managed through the Design > Custom Homepage section in the dashboard, which provides a full file explorer and code editor.

File Management

  • Create Files — Add new HTML files with custom content
  • Create Folders — Organize files into folders for complex multi-page setups
  • Upload Files — Upload existing HTML, CSS, JavaScript, or image files
  • Code Editor — Edit files directly in the browser with syntax highlighting

File Types Supported

  • HTML — Page content and structure
  • CSS — Custom styling
  • JavaScript — Interactive functionality
  • Images — Visual assets used in your pages

How It Works

  1. Create your HTML file in the Design > Custom Homepage file explorer
  2. The file is stored in S3 and linked to your shop
  3. The storefront serves the page at /{path} where {path} matches your file name
  4. Your HTML content is rendered inside the storefront layout with your store's header, footer, and navigation intact
  5. Content is automatically sanitized for security while preserving your custom HTML, styles, and scripts

URL Routing

Custom pages follow a path-based routing pattern:

File PathStorefront URL
about.htmlyourstore.ecomplify.com/about
landing/summer-sale.htmlyourstore.ecomplify.com/landing/summer-sale
policies/returns.htmlyourstore.ecomplify.com/policies/returns

Page Styling

Custom HTML pages come with built-in prose styling for clean typography:

  • Headings are styled with appropriate sizes and weights
  • Links use your store's accent color
  • Text uses comfortable line-height and spacing
  • Images are responsive by default
  • Content is padded and centered for readability

You can override any of these styles with your own CSS within the HTML content.

Security

All custom HTML content is sanitized before rendering to prevent XSS (cross-site scripting) attacks. The sanitization:

  • Preserves standard HTML tags and attributes
  • Allows inline styles and CSS classes
  • Removes potentially dangerous scripts and event handlers
  • Ensures safe rendering within the storefront

Use Cases

  • Landing pages for marketing campaigns
  • About Us pages with custom layouts
  • Promotional pages for sales events
  • Policy pages (returns, shipping, terms) with custom formatting
  • Coming soon pages for new product launches
  • Custom category pages with curated content