Pages Overview

Pages are the building blocks of your funnels. They are where visitors land, read your offer, buy, opt in, or move to the next step.

​

What Are Pages?

Pages are individual web pages that make up your funnels. Each page can be:

• Landing pages - Entry points for your marketing campaigns
• Sales pages - Product presentations and offers
• Thank you pages - Post-purchase or post-signup confirmations
• Order history pages - Customer account pages showing past purchases
• Upsell pages - Additional offers after initial purchase

​

Core Concepts

​

Page Types

From Create Page, choose the starting point that fits the job:

1. AI Page Builder - Describe what you need; the app generates a draft you refine in the builder (beta).
2. AI Page Cloner - Import a public URL into an editable page when your plan includes it.
3. Arbitrage Page Builder - Guided flow tuned for arbitrage-style landers.
4. Drag and Drop Builder - Page details, then the visual canvas.
5. Choose Template - Pick from the template library, then finish the prompts. The Kits tab adds a whole funnel, store or site at once: see Template kits.
6. Checkout Page - Shown only when payments are set up; checkout-oriented templates (Stripe, NMI, PayPal, Klarna, and similar).
7. Code Editor - Page details, then HTML, CSS, and JavaScript.

For the full Create Page walkthrough, see Create Landing Page.

​

Page Variants

Create multiple versions of the same page for split testing and optimization. Each variant can have different content, layouts, or functionality while sharing the same URL structure.

​

Dynamic Content

Pages support dynamic content that changes based on:

• Visitor status (whitelisted vs non-whitelisted)
• Device type (mobile, tablet, desktop)
• Query parameters
• Customer data
• Purchase history

​

Getting Started

​

Create Your First Page

1. Open Pages in the sidebar.
2. Click Create Page. Choose AI, a template, drag-and-drop, code, or checkout when your brand supports it.
3. Pick the card that matches how you want to work.
4. Complete page details, template questions, or the AI flow the app shows for that path.
5. Build in the builder or editor, preview, then publish or leave the page on draft.

​

Work from the Pages list

• Open a page to edit it: click its title. Visual pages open in the builder, code pages in the code editor. Version rows work the same way.
• Preview a page: hover its row (or move to it with the keyboard) and click the eye icon beside the title. If the page has several versions or your project has several domains, pick one in the Preview on dialog. View page in the row’s menu opens the same dialog.
• Offline and draft pages: they are not served on any domain yet, so the eye icon and View page are greyed out. Hover the icon to see why, then publish the page to preview it.

​

Link warnings

A warning triangle beside a page title means we found a problem with the buy links on that page. Hover it (or tap it) to see the list.

• Red: sales at risk.
  • A buy link to a merchant account this brand does not have, for example a ClickBank pay link for another vendor, or a BuyGoods checkout link with another account_id. Those sales land on that account and never reach ElasticFunnels. We only say this when the account can be read from the link (ClickBank vendor, BuyGoods account_id) or when the brand has no merchant at all on that platform. JVZoo, Digistore24 and Explodely links do not name the account, so they never raise it on their own.
  • A pasted buy link while Add click tracking to pasted buy links is off on that merchant, so the sale cannot be matched to its visit.
  • A product code ([BUY=CODE], [UPSELL=CODE] and the like) that matches no product in the brand, so its buy link shows nothing. Add the product or fix the code.
• Amber: a hint. A BuyGoods, Digistore24, ClickBank, JVZoo or Explodely buy link pasted straight into the page. It is still tracked, but a [BUY=CODE] tag is better: the product, price and funnel next step then come from ElasticFunnels. See Order Tags.

Warnings are checked when you save the page, when a component it uses changes, and when you change the brand’s merchants or products. Links inside HTML comments are ignored because visitors never see them. ef push prints the same warnings after it saves a page.

​

Page Features

​

Containers

Containers are specialized page elements that add dynamic behavior:

• CTA Container - Reveals content when triggered (e.g., after VSL)
• Hide on CTA Container - Hides content when CTA is triggered
• Merchant Container - Shows merchant-specific content
• Split Test Container - A/B test different content variations
• Lazy Load Container - Defers loading until visitor scrolls
• Whitelisted/Non-Whitelisted Containers - Show different content based on visitor status

​

Interactions

Add interactive behaviors to any page element:

• Click handlers - Execute JavaScript, show modals, track events
• Hover effects - Tooltips, previews, animations
• Form interactions - Validation, success/error handling
• Animations - Slide, fade, scale, rotate effects
• Device-specific behavior - Different interactions for mobile/desktop

​

Content Visibility Control

Control which visitors can see specific content:

• Whitelisted visitors - See full content (VSL, sales pages)
• Non-whitelisted visitors - See standard content (TSL, basic info)
• Query parameter whitelisting - Whitelist via URL parameters
• Domain-level whitelisting - Auto-whitelist all visitors to a domain
• Hide content from competition - Protect sensitive information from competitors

​

Order Tags

Display customer order history and purchase details:

• Order information - Date, order number, addresses
• Product listings - All products in each order
• Bonus products - Included bonus items with download links
• Customer personalization - Show customer name and order history

​

Product & Collection Tags

Display dynamic product listings and collection content:

• Product Item Tag - Filter and display products by type, classification, or codes
• Collection Item Tag - Display entries from reusable collections (testimonials, FAQs, etc.)

​

Page Variables & Placeholders

Use dynamic variables to personalize your pages:

• Date variables - Current date, day, month, year, hour
• Customer variables - Name, email, address, order history
• Query parameters - Access URL parameters for tracking and personalization

​

Page Management

​

Organizing Pages

• Domain assignment - Assign pages to specific domains
• Page status - Draft, published, or archived
• Revision history - Track changes and revert if needed
• Page templates - Save and reuse page designs

​

Performance Optimization

• Lazy loading - Defer loading of below-fold content
• Image optimization - Compress and optimize images
• Mobile optimization - Ensure pages work on all devices
• Loading speed - Monitor and improve page load times

​

Advanced Features

​

Dynamic Content

Pages can display content that changes based on:

• Customer purchase history
• Query parameters
• Visitor whitelisting status
• Device type
• Time of day
• Geographic location

​

Integration with Funnels

Pages connect inside funnels:

• Funnel nodes - Connect pages in your funnel flow
• Split testing - Test different page variants
• Page events - Trigger actions based on page interactions
• Analytics - Track page performance and conversions

​

Best Practices

​

Design Principles

1. Clear call-to-action - Make it obvious what visitors should do
2. Mobile-first - Design for mobile, enhance for desktop
3. Fast loading - Optimize images and minimize resources
4. Trust signals - Include testimonials, guarantees, security badges
5. Focused messaging - One clear goal per page

​

Content Strategy

1. Compelling headlines - Grab attention immediately
2. Benefit-focused copy - Focus on what visitors gain
3. Social proof - Testimonials, reviews, case studies
4. Visual hierarchy - Guide the eye to important elements
5. Progressive disclosure - Reveal information gradually

​

Technical Considerations

1. Test thoroughly - Preview on multiple devices and browsers
2. Monitor performance - Track loading speed and user engagement
3. Update regularly - Keep content fresh and relevant
4. Backup before changes - Save versions before major updates
5. Document your setup - Note any special configurations

​

Common Use Cases

​

Landing Pages

Create high-converting landing pages for your marketing campaigns:

• Lead capture forms
• Product presentations
• Event registrations
• Newsletter signups

​

Sales Pages

Build persuasive sales pages that convert:

• Video sales letters (VSL)
• Long-form sales copy
• Product demonstrations
• Pricing tables

​

Thank You Pages

Design post-action confirmation pages:

• Order confirmations
• Download pages
• Upsell offers
• Social sharing prompts

​

Account Pages

Create customer-facing account pages:

• Order history
• Account settings
• Download libraries
• Support information

​

Troubleshooting

​

Common Issues

• Pages not loading - Check domain settings and page status
• Content not displaying - Verify container settings and conditions
• Interactions not working - Check browser console for errors
• Mobile issues - Test responsive design and device-specific settings

​

Getting Help

If you encounter issues:

1. Check documentation - Review relevant guides
2. Preview mode - Test changes before publishing
3. Browser console - Look for JavaScript errors
4. Contact support - Reach out for assistance

​

Related Documentation

• Funnels - Connect pages into complete funnels
• Page Events - Add dynamic behavior to pages
• Split Testing - Test different page versions
• Products - Add purchase links to pages
• Forms - Create lead capture forms
• Analytics - Track page performance

​

Quick Links