Get Started with Boardwalk

Start monetizing your traffic in just a few simple steps

Request an Invite

The Big Picture

Four simple steps to launch your first revenue-generating path. We'll guide you through each one in detail below.

1

Sign Up

Create your free account. No credit card required, no setup fees. Start with our risk-free trial.

2

Connect

Integrate Boardwalk with your existing website. Simple JavaScript embed that works with any platform.

3

Configure

Build your first path using our intuitive interface. Choose from dozens of revenue options and customize to your needs.

4

Launch

Go live and start generating revenue. Monitor performance with real-time analytics and optimization tools.

Understanding Paths

Before you start building, let's understand what a path is and how it works.

What is a Path?

A path is a sequence of steps and actions that guide your visitors through a revenue-generating experience. Each step can display content, collect information, or present offers. Actions determine what happens when visitors interact with each step.

Steps

Individual screens or pages in your path. Each step contains elements like headlines, images, buttons, and form fields that create the user experience.

Actions

Behaviors that execute when visitors interact with your path. Actions can progress to the next step, open offers in new tabs, or skip to later steps based on user choices.

Example: Exit Intent Offer

When a visitor moves their mouse to leave your site (exit intent), display a special offer. If they click the offer image or accept button, open the advertiser's page in a new tab while keeping your site open.

Trigger: Exit Intent Step: Offer Display Action: POPOVER (new tab)

Screenshot: path-flow-diagram.png

Replace with path flow visualization

Quick Start Guide

Follow these detailed steps to launch your first offer wall today.

1

Account Setup

Create your account and verify your email. Choose your account name and configure your basic settings.

  • Verify email address
  • Set account preferences
  • Configure notification settings
2

Website Integration

Add Boardwalk to your website with a simple JavaScript embed. Works with any platform including WordPress, Shopify, custom sites, and more.

<script src="https://embed.boardwalk.marketing/universal.js"></script>
  • Copy embed code from dashboard
  • Paste into your website header
  • Test integration with preview mode
3

Create Your First Path

Build your first revenue path using our intuitive drag-and-drop builder. Choose triggers, offers, and optimization settings.

  • Define visitor triggers (exit intent, time on page, scroll depth)
  • Select offer types (surveys, lead gen, product recommendations)
  • Configure targeting and frequency settings
  • Add path steps and elements (detailed in next section)
4

Test & Preview

Before going live, test your path thoroughly to ensure everything works as expected. Use preview mode to see exactly how visitors will experience your path.

  • Enable preview mode to see your path without affecting live traffic
  • Test all user interactions (clicks, form submissions, navigation)
  • Verify tracking pixels and conversion events fire correctly
  • Check mobile and desktop responsiveness
5

Go Live & Optimize

Launch your path and start generating revenue. Use real-time analytics to monitor performance and optimize for better results.

  • Activate your path for live traffic
  • Monitor conversion rates and revenue
  • A/B test different offers and triggers
  • Scale successful configurations

Building Your Path

Deep dive into the path builder interface. Learn about configuration options, action types, elements, optimization, and styling to create highly effective revenue paths.

Path Configuration

Start by configuring your path's basic settings, triggers, targeting rules, and display frequency.

Basic Info

Give your path a descriptive name and add a clear description. Define your primary goal (lead generation, offer monetization, user engagement, etc.).

  • Path name for internal reference
  • Description of path purpose
  • Revenue or engagement goals

Triggers

Define when your path appears to visitors. Choose from multiple trigger types to match your strategy.

  • Exit intent (mouse leaves window)
  • Time on page (after N seconds)
  • Scroll depth (% of page scrolled)

Targeting

Control who sees your path with precise targeting rules. Filter by URL patterns, user segments, devices, and more.

  • URL pattern matching
  • User segment criteria
  • Device type filtering

Frequency

Set display frequency limits to avoid overwhelming visitors. Configure cooldown periods between displays.

  • Maximum displays per session
  • Cooldown period settings
  • Per-visitor display rules

Screenshot: path-config-triggers.png

Trigger configuration interface

Screenshot: path-config-targeting.png

Targeting rules interface

Step Action Types

Actions define what happens when visitors interact with your path. Choose the right action type for each step.

PROGRESS

Load the next step in sequence. The most common action for multi-step flows.

Most Common

POPOVER

Open link in new tab with focus. Perfect for affiliate offers that keep your site open.

Default

TAKEOVER

Load link in current tab. Visitor leaves your site. Use when conversion is the priority.

High Intent

SKIP

Progress without interest. Typically used for "No Thanks" or reject buttons.

Negative Action

Screenshot: step-actions.png

Action type selector in path builder

Component & Block Types

Build your path steps using 6 component types and 20 rich content blocks. Components are the top-level building blocks you add to your paths, while rich content blocks provide advanced editing capabilities within the CONTENT component powered by EditorJS.

Path Components

Top-level building blocks you add to your paths

TEXT

Build rich content with headings, paragraphs, and lists. Supports text formatting, alignment, and colors.

IMAGE

Display images with customizable sizing and positioning. Upload from device or provide image URL.

BUTTON

Add clickable buttons that navigate to URLs or trigger actions. Customize text, colors, and behavior.

FORM

Collect visitor information with customizable form fields. Includes validation and submission handling.

BETTER OFFER CONTAINER

Display and manage offers dynamically. Filter and sort offers based on visitor behavior.

CONTENT

Advanced block-based editor for complex layouts. Powered by EditorJS with 20 different block types for maximum flexibility.

Standard Content Blocks

Available within the CONTENT component for rich text editing

HEADER

Heading levels 1-6 for content structure and hierarchy.

PARAGRAPH

Standard text paragraphs with rich formatting options.

LIST

Ordered and unordered lists for organizing information.

LINK TOOL

Embed links with automatic metadata and preview fetching.

TABLE

Create structured data tables with configurable rows and columns.

IMAGE

Insert and position images within your rich content.

BUTTON

Add interactive buttons directly within content blocks.

Form Input Blocks

Input fields available within EditorJS rich content

TEXT INPUT

Standard text input fields for collecting data.

EMAIL INPUT

Email fields with built-in format validation.

PHONE INPUT

Phone number inputs with automatic formatting.

SELECT INPUT

Dropdown selection menus for choosing from options.

CHECKBOX INPUT

Checkbox inputs for binary choices.

RADIO INPUT

Radio button groups for mutually exclusive selections.

CALENDAR INPUT

Date picker inputs for scheduling and date selection.

HIDDEN INPUT

Hidden fields for storing metadata and tracking values.

Advanced Blocks

Powerful features for custom layouts and functionality

RAW HTML

Insert custom HTML directly for specialized layouts and widgets.

RAW JAVASCRIPT

Embed custom JavaScript for interactive features and tracking.

NUMBER ELEMENT

Numeric counters and display elements for stats and metrics.

OFFER BLOCK

Display individual offer cards with pricing and details.

OFFER CONTAINER

Organize and present multiple offers with filtering options.

Screenshot: component-selector.png

Component type selector showing 6 component types

Screenshot: editorjs-blocks.png

EditorJS block picker interface

Screenshot: rich-content-editor.png

EditorJS rich content editor in action

Optimization Groups

Let AI optimize your path performance by grouping steps into optimization clusters.

What are Optimization Groups?

Optimization groups are clusters of one or more steps within your path. By dragging and dropping multiple steps into an optimization group, you allow Boardwalk's AI to determine the most effective sequence to achieve your objectives—whether they're engagement metrics or revenue generation.

Drag & Drop Organization

Simply drag path steps into optimization groups to create clusters. The AI will analyze visitor behavior and automatically prioritize the highest-performing steps.

Display Limits

Control how many offers from the group are shown at once. Leave empty to display all, or specify a number to focus on top performers.

AI Optimization Examples
3 offers → display 3

AI analyzes traffic and automatically shows the most popular or profitable offer first

3 offers → display 2

AI puts more weight on the 2 most popular offers, rotating them based on performance

3 offers → display 1

AI focuses exclusively on the highest-performing offer, maximizing conversion rate

Screenshot: optimization-group.png

Drag-and-drop interface

Screenshot: optimization-settings.png

Display limit controls

Stylesheet Selection

Choose and customize the visual style of your path with built-in stylesheets or create your own.

sample-day.css

Light theme with bright colors and high contrast. Perfect for daytime traffic and professional offers.

Light Theme

sample-night.css

Dark theme with muted colors and reduced glare. Ideal for evening traffic and entertainment offers.

Dark Theme

Custom CSS

Copy existing stylesheets and customize with AI tools like ChatGPT for perfect brand matching.

Fully Customizable

Customizing Stylesheets

  • Preview styles in the path builder before going live
  • Copy stylesheet code and modify colors, fonts, and spacing
  • Use AI tools like ChatGPT to help customize CSS for your brand
  • Test across devices to ensure responsive design

Screenshot: stylesheet-day.png

Light theme preview

Screenshot: stylesheet-night.png

Dark theme preview

Screenshot: stylesheet-custom.png

Custom CSS example

We're Here to Help

Our team is ready to help you succeed every step of the way.

Documentation

Comprehensive guides, API references, and best practices to help you get the most out of Boardwalk.

View Docs

Live Support

Chat with our support team directly from your dashboard. Get real-time help with setup, configuration, and optimization.

Start Chat

Setup Assistance

Schedule a call with our team for personalized setup assistance and strategy consultation.

Schedule Call
Shell Frame

Ready to Start Generating Revenue?

Join hundreds of marketers already using Boardwalk to monetize their traffic and maximize conversions.

Request an Invite View Pricing