{{toastMsg}}
{{checklists.length}}
Total Checklists
{{checklists.filter(c=>c.status==='active').length}}
Active
{{checklists.filter(c=>c.status==='draft').length}}
Drafts

Checklists

📋

No checklists yet

Create your first checklist to start guiding users.

{{cl.name}}
{{cl.status}}
{{cl.description||cl.internal_name||'No description'}}
📋 {{cl.task_count}} tasks 👥 {{cl.started_count||0}} started ✅ {{cl.completion_count||0}} done {{cl.category}}
{{t.icon}} {{t.label}}
📝 Identity
Lower = higher priority when multiple checklists compete
{{tag}}
Press Enter or comma to add
📅 Scheduling
Auto-activates at this time
Auto-archives at this time
💬 Messages
Disappears after first view. Supports **bold** and *italic*.
🎁 Checklist Completion Reward

Provide a Completion Reward

Delivers reward when all required tasks are done

Show Locked Preview

Show greyed reward before checklist is complete

⚙️ Interaction

Prevent Dismissal

Hide the "Dismiss" button from users

Show on All Pages

Persist panel and launcher after trigger

Allow Restart

Let completed users restart from scratch

Reopen on Return

Re-open panel if user returns with incomplete tasks

Hide Completed Tasks

Remove completed tasks from the visible list

Completion Confetti 🎉

Celebrate when all tasks are done

📊 Progress Bar

Show Progress Bar

Count Subtasks

Each subtask advances progress bar independently

⚖️ Conflict & Priority
1 = highest priority
Minutes before next checklist
▶️ Auto-Start Conditions
All conditions must be true simultaneously (AND logic). If empty, checklist only starts via embed, link, or JS API.
Wildcards: * = any chars. Named: :id = one segment. Example: /users/:id/profile
👁️ Temporary Hide Conditions
Hides the checklist on specific pages AFTER it has started — without resetting user progress. Example: hide on /admin/* for staff.

Enable Hide Conditions

🔗 Start Methods
In addition to auto-start, use Embed Code tab for shareable links and embed snippets.
Save the checklist first to generate embed codes and links.
{{origin}}/demo?cl={{editing.checklist_id}}
RocketEffects.startChecklist('{{editing.checklist_id}}');
⚖️ Conflict Rules
Hold Ctrl/Cmd to select multiple
🔔 Alert Bar Integration

Show in Notifications Feed

Surface in the bell icon notification feed

Auto-Remove on Complete

Remove from feed when checklist is 100% done

Auto-Remove on Dismiss

Remove from feed when user dismisses

Show Progress in Alert

Display mini progress bar inside notification

👁 Alert Preview
🔔 Notifications Mark all read
📋
{{editing.alert_title||editing.name||'Checklist Alert'}}
{{editing.alert_body||'Complete your checklist tasks'}}
2 of 5 tasks done
Tasks ({{tasks.length}})
✅

No tasks yet

{{ti+1}}
{{task.name||'Untitled Task'}}
{{task.subtitle}}
⚡ {{task.click_actions[0].action_type.replace(/_/g,' ')}} ✓ {{task.completion_conditions[0].condition_type.replace(/_/g,' ')}} 🎁 skip req
Edit Task
📝 Basic Info
⚙️ Task Behavior
⚡ Click Actions
No actions yet. Add at least one.
✅ Completion Conditions
Task completes when ANY one condition is met (OR logic).
🎁 Task Reward

Provide a Task Reward

Deliver reward on this task's completion

📺 Info Panel

Enable Info Panel

Opens content drawer when task is clicked (requires Open Info Panel action)

👈
Select a task to edit
or click + Add Task
🖼️ Theme Preset
✓
{{p.icon}} {{p.name}}
{{p.desc}}
🪟 Panel Shell

Drop Shadow

Reduced Motion

Disable animations for accessibility

🔷 Checklist Title Area
📊 Progress Bar Style
{{ps.icon}}
{{ps.label}}
📋 Task Zone
🚀 Launcher Icon

Show Badge Count

💻 Custom CSS (advanced) {{showCustomCss?'▲':'▼'}}
Custom CSS overrides all visual settings above.
👁 Live Preview
{{previewProgress}}% — {{previewTasksDone}} of {{tasks.length}} tasks
{{editing.name||'Checklist Name'}}
{{editing.description}}
{{previewTasksDone}} of {{tasks.length}} complete {{previewProgress}}% {{tasks.length-previewTasksDone}} remaining
{{editing.welcome_message}}
✓ ○
{{ti+1}}. {{task.name}}
{{task.subtitle}}
🎁 {{task.reward_title||'Reward'}}
+{{tasks.length-4}} more tasks
{{previewTasksDone}} of {{tasks.length}} complete
🔑 Checklist ID
{{editing.checklist_id||'Save checklist first to generate ID'}}
🌐 Universal Snippet — install once in <head> on every page
<script>
(function(w,d,s,o){
  w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments)};
  var js=d.createElement(s),fjs=d.getElementsByTagName(s)[0];
  js.src="https://cdn.rocketeffects.com/re-sdk.js";
  js.async=true; js.dataset.token="YOUR_SITE_TOKEN";
  fjs.parentNode.insertBefore(js,fjs);
}(window,document,"script","RocketEffects"));
</script>
📋 Full Checklist Embed — panel + progress + reward
<div
  data-re-widget="checklist-full"
  data-checklist-id="{{editing.checklist_id||'CHECKLIST_ID'}}"
  data-show-progress="true"
  data-show-rewards="true"
></div>
📊 Progress Bar Embed
<div
  data-re-widget="progress-bar"
  data-checklist-id="{{editing.checklist_id||'CHECKLIST_ID'}}"
  data-show-label="true"
  data-height="8px"
></div>
🚀 Launcher Embed — manual placement
<div
  data-re-widget="launcher"
  data-checklist-id="{{editing.checklist_id||'CHECKLIST_ID'}}"
  data-position="{{editing.launcher_position||'bottom_right'}}"
  data-animation="{{editing.launcher_animation||'none'}}"
></div>
🔗 Start from Link
{{origin}}/demo?cl={{editing.checklist_id||'CHECKLIST_ID'}}
🎮 Open Demo
💻 JavaScript API
// Start checklist programmatically
RocketEffects.startChecklist('{{editing.checklist_id||'CHECKLIST_ID'}}');

// Listen for completion
RocketEffects.on('checklist:complete', function(e) {
  console.log('Done!', e.checklistId);
});
Events: checklist:start, checklist:dismiss, checklist:complete, task:complete, reward:earned
🎨 Brand Identity
✓
{{p.icon}} {{p.name}}
{{p.desc}}
🪟 Default Panel Appearance

Default Shadow

Enforce Reduced Motion

Account-wide: disable animations for reduced-motion users

🚀 Default Launcher Settings

Show Badge by Default

⚙️ Behavioral Defaults

Prevent Dismissal

Show on All Pages

Completion Confetti 🎉

⚖️ Conflict Defaults
🌐 Time & Locale
📊 Analytics & SDK

Enable Analytics by Default

Forward to 3rd-Party Analytics

Segment, Amplitude, GA4 via Integrations

SDK Debug Mode

Disable before going live!

🎁 Reward Defaults

Show Locked Preview by Default