Understanding Page Events
Page Events use a node-based system where you connect different actions and conditions to create custom visitor experiences.Node Execution Flow
Page Events follow a specific execution order:- Left to right - Nodes execute in left-to-right order
- Top to bottom - When multiple nodes connect from one source, they execute top to bottom
- Sequential processing - Each node completes before moving to the next
Entry Points
Every page event flow starts from an entry point:- Page Load - Triggers when the page first loads
- Form Submit - Triggers when a form is submitted
- Button Click - Triggers when specific buttons are clicked
- Exit Intent - Triggers when user tries to leave the page
Core Node Types
Condition Nodes
Control flow based on visitor data or behavior: Query Parameter Condition- Check if URL parameters exist or have specific values
- Example:
vtIDequalskfor whitelisting - Supports operators: equals, not equals, contains, is empty, is not empty
- Advanced JavaScript-based conditions
- Check visitor location, device, referrer, etc.
- Custom logic for complex scenarios
- Randomly assign visitors to different variants
- Set traffic percentages for each variant
- Connect to different content or actions
Action Nodes
Perform specific actions based on conditions: Whitelist Visitor- Mark visitor as whitelisted for session
- Allows access to Whitelisted containers
- Persists across page navigation
- Remove whitelist status
- Force visitor to see compliant content
- Useful for testing or conditional access
- Load a different page into the same URL
- Maintain URL while changing content
- Alternative to redirect for compliance
- Send visitor to a different URL
- External or internal redirects
- Useful for affiliate links or external tools
- Change content within containers
- Personalize based on visitor data
- A/B test specific elements
- Override the active payment processor for the page
- Controls which Merchant Container displays
- Useful for affiliate-specific or traffic source-specific merchants
- Gateway options: Buygoods, Clickbank, Digistore24, and other configured merchants
- Resets any merchant that was previously set in the session
- Returns to the domain’s default merchant setting
- Useful for resetting merchant overrides after specific conditions
- Clears session-level merchant changes made by Set Merchant node
Utility Nodes
Helper nodes for complex flows: Sequence- Acts like a “for each” loop in programming
- Executes connected nodes one by one
- Useful for organizing complex flows
- Ensures proper execution order
- Creates junction points in your flow
- Generates unique URLs for testing
- Useful for complex split testing scenarios
Advanced Page Event Patterns
Whitelisting Flow
Common pattern for content visibility control:- Page Load → Query Parameter Condition (
vtIDis not empty) - Yes → Whitelist Visitor
- No → Continue with compliant content
Split Testing with Conditions
Test different content for whitelisted users:- Page Load → Query Parameter Condition (
vtIDis not empty) - Yes → Sequence → Whitelist Visitor + Split Test Component
- Split Test → Load different page variants
Dynamic Content Personalization
Show different content based on visitor data:- Page Load → Script Rule (check affiliate ID)
- Affiliate ID = 100 → Dynamic Container (show special pricing)
- Other → Dynamic Container (show regular pricing)
Best Practices
Flow Organization
- Keep flows simple - Complex flows are harder to debug
- Use descriptive names for nodes and connections
- Group related logic with Sequence nodes
- Test each branch of your logic
Rearranging nodes: In the events builder, drag nodes to reposition them. Use the “Rearrange” control to auto-layout larger flows. Save your changes and reload the page to confirm the layout persists.
Performance Considerations
- Minimize node chains - Long chains can slow page loading
- Use efficient conditions - Simple parameter checks are faster than complex scripts
- Consider caching - Some conditions can be cached for performance
Debugging Tips
- Test in incognito mode - Avoid cached states
- Use browser developer tools - Check for JavaScript errors
- Test all conditions - Verify both true and false paths
- Check parameter spelling - Case-sensitive parameter names
Common Use Cases
Affiliate Management
- Show different content based on affiliate ID
- Redirect to affiliate-specific pages
- Track affiliate performance
Merchant Switching
- Show different checkout forms based on traffic source
- Use affiliate-specific payment processors
- Override domain-level merchant settings
- Display merchant-specific pricing or content
- Page Load → Query Parameter Condition (
sourceequalspartner1) - Yes → Set Merchant (Buygoods)
- No → Query Parameter Condition (
sourceequalspartner2) - Yes → Set Merchant (Clickbank)
- No → Use domain default merchant
- Page Load → Query Parameter Condition (
test_modeequalstrue) - Yes → Set Merchant (Test Merchant)
- On Next Page Load → Query Parameter Condition (
test_modeis empty) - Yes → Clear Merchant (resets to domain default)
- Button Click → Query Parameter Condition (
overrideequalsspecial) - Yes → Set Merchant (Special Merchant)
- After Purchase → Clear Merchant (reset for next session)
Geographic Targeting
- Show different offers based on visitor location
- Redirect to region-specific pages
- Comply with local regulations
Device Optimization
- Show mobile-optimized content on mobile devices
- Redirect to app store links on mobile
- Optimize for different screen sizes
Traffic Source Optimization
- Show different content based on referrer
- Optimize for different traffic sources
- Track campaign performance
Integration with Other Features
Funnel Integration
Page Events work seamlessly with funnel flows:- Purchase nodes trigger after successful page events
- Upsell flows can use page event data
- Conversion tracking includes page event data
Analytics Integration
Page Events provide rich data for analytics:- Node execution tracking - See which paths visitors take
- Conversion attribution - Track which events lead to conversions
- Performance metrics - Monitor page event execution times
Form Integration
Page Events can respond to form submissions:- Pre-submission validation - Check form data before submission
- Post-submission actions - Redirect or show content after submission
- Conditional form processing - Different actions based on form data
Troubleshooting
Common Issues
- Events not firing - Check node connections and entry points
- Conditions not working - Verify parameter names and values
- Page not loading - Check for infinite loops in your flow
- Content not updating - Verify container names and dynamic content setup
Testing Strategies
- Start simple - Test basic flows before adding complexity
- Use browser tools - Check console for errors
- Test all paths - Verify both success and failure conditions
- Clear session data - Reset visitor state between tests
- Use preview mode - Test without affecting live traffic
Page Events are powerful but require careful planning. Start with simple flows and gradually add complexity as you become more comfortable with the system.