ACOS Foundation Demos

Trigger QA

逐个验收 page_load / click / exit_intent / scroll / timer / URL / GTM / API / revisit / inactivity

每个 trigger 都有单独 URL 参数，只跑一个当前 case，方便在线看最终效果。

打开 Trigger Lab →

Branch / Condition QA

验收答案分岔、result tier、route selection 和 score fallback

这个页面用 SDK previewSchema，不创建 lead，但会按 branch_rules 真实选中不同结果和 route。

打开 Branch Demo →

Form Elements QA

逐个验收 24 种 step type：选择、文本、日期、评分、上传、结构字段

这个页面用 SDK previewSchema 渲染元素样板，不创建 lead，也不发送邮件，适合 agent 和人一起对照 schema。

打开 Element Playground →

Free Guide

Placement 1

Sticky Bar

Fixed banner at the top of the page. Maximum visibility, minimal disruption. Page scrolls freely beneath.

⚡ Page load — immediate

View Demo →

Placement 2

Callout Card

Slides in from the bottom-right corner. Compact, unobtrusive, with a friendly illustration and avatar.

⏱ Appears after 5 seconds

View Demo →

Placement 3

Center Modal

Split-panel modal with dark overlay. Left side shows context & social proof, right side has the form.

⏱ 10s delay or 50% scroll

View Demo →

Placement 4

Inline Embed

Part of the page flow between content sections. Multi-step with segmentation question then email capture.

Covers the entire viewport on exit intent. Segment selection + email capture. Maximum capture opportunity.

🖱 Exit intent (mouse leaves top)

View Demo →

fengtalk

Placement 6 · Live Page

Trigger Test — Fengtalk

Real fengtalk.ai-style landing page. 3 button_modal triggers (nav, hero, pricing) + 1 inline embed. All firing live against site_fengtalk.

🖱 Button click × 3

✅ Embed

View Demo →

Fengtalk Warm Design System · Real SDK

Live Placement Demos

Each page uses the real SDK against site_fengtalk — form submissions are real leads.

Fengtalk Warm · Mode 1

Sticky Bar Top

Fixed amber banner at the top of the page. Auto-appears 1.5s after load. Real SDK form wired to site_fengtalk.

⏱ 1.5s after page load

View Demo →

Fengtalk Warm · Mode 2

Center Modal

Dark overlay with countdown. Auto-opens at 4s. Closes on backdrop click. Real SDK form inside.

⏱ 4s countdown

View Demo →

Fengtalk Warm · Mode 3

Slide-In Right

Panel slides in from the right edge when user scrolls past 40% of the page. Real SDK form inside.

📜 40% scroll depth

View Demo →

✉

Fengtalk Warm · Mode 4

Floating Button

Amber FAB fixed at bottom-right. Always visible, never intrusive. Click to open the full form panel.

🖱 Click to open

View Demo →

Fengtalk Warm · Mode 5

Sticky Bar Bottom

Dark fixed banner at the page bottom. Auto-appears 1.5s after load. Less intrusive than top bar.

⏱ 1.5s after page load

View Demo →

Fengtalk Warm · Mode 6

Slide-In Left

Panel slides from the left edge at 50% scroll depth. Mirror of slide-right for A/B testing layout preference.

📜 50% scroll depth

View Demo →

Fengtalk Warm · Mode 7

Inline Embed

Form embedded directly in page content. Always visible, no trigger needed. Best for dedicated landing pages.

✅ Always visible

View Demo →

Fengtalk Warm · Mode 8

Button Modal

Pricing page with 3 CTA buttons. Each button opens the qualification form. No auto-trigger — pure intent signal.

🖱 CTA button click

View Demo →

Fengtalk Warm · Mode 9

Full Page (Exit Intent)

Full-viewport modal triggered when cursor leaves the page top. Last-chance capture before user exits.

🖱 Exit intent

View Demo →

fengtalk

Fengtalk Warm · All Triggers

Trigger Test — All Modes

Full fengtalk.ai landing page. 3 button_modal CTAs (nav, hero, pricing) + 1 inline embed on a single realistic page.

🖱 Button click × 3

✅ Embed

View Demo →

Live SDK · Theme Audit

Agent Workflow Console

A tabbed console that explains how themes, placements, triggers, and UTM traffic targeting fit into one agent-generated experience.

Theme + placement + trigger + traffic

View Demo →

Foundation QA

Form Element Playground

All supported step types in one place: choices, text, identity, dates, rating/NPS, upload, consent, and structural fields.

24 step types

View Demo →

Foundation Demo Directory