Skip to main content
Pages are the building blocks of your funnels. They’re where visitors land, engage with your content, and take action. This section covers everything you need to know about creating and managing pages in ElasticFunnels.

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

ElasticFunnels supports two page creation methods:
  1. Visual Builder - Drag-and-drop interface for easy page creation
  2. Code Editor - Full HTML/CSS/JavaScript control for advanced customization

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. Navigate to Pages in your dashboard
  2. Click “Create Page” and give it a name
  3. Choose a domain (optional - defaults to all domains)
  4. Select page type (Visual Builder or Code Editor)
  5. Start building your page content

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

Containers

Complete guide to using containers for dynamic content display

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

Interactions Panel

Add interactive behaviors to your page elements with clicks, hovers, and custom JavaScript

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

Content Visibility Control

Control which visitors can see specific content based on whitelisting status

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

Order Tag

Display customer order history and details using the order tag system

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 Variables

Use dynamic variables and placeholders to personalize your pages

Page Management

Organizing Pages

  • Domain assignment - Assign pages to specific domains
  • Page status - Draft, published, or archived
  • Version control - 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 work seamlessly with 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