⚑ The Complete Action Manual

Mastering Systeme.io: Step-by-Step Blueprint

Everything you need to launch high-converting sales funnels, automate customer tags, configure 1-click upsells, and deliver products on autopilot.

πŸ“ Jump to Any Chapter
1. The Big Picture: How It Works 2. Custom Domain & Email Setup 3. Funnel Steps & Flow Mechanics 4. Step-by-Step Step Builder 5. 1-Click Upsell Setup 6. Automated Product Delivery 7. Email Workflows & Automations 8. Custom HTML & Code Rules 9. Glitch Diagnostic Codex
πŸ’‘

1. The Big Picture: How Systeme.io Operates

Normally, running an online business requires 4 or 5 different software tools: one to build pages, another to send emails, a third to take payments, and a fourth to deliver courses. Systeme.io combines all of these into one unified platform.

======================================================================================== HOW SYSTEME.IO CONNECTS EVERYTHING TOGETHER ======================================================================================== [1. A Lead Arrives] ────────► Enters Email on Opt-in Page β”‚ β–Ό [2. Central CRM Database] ──► Automatically saves contact & adds a "Digital Tag" β”‚ β–Ό [3. Shopping Cart] ─────────► Customer buys product & credit card is saved safely β”‚ β–Ό [4. Automatic Delivery] ────► System emails course login or instant downloads β”‚ β–Ό [5. Email Engine] ──────────► Automatically sends scheduled follow-up emails
Single Customer Profiles
Every subscriber exists only once in your account. You never pay double for the same contact, and you can see their full history in one clean dashboard.
Automatic Access Provisioning
When someone buys, Systeme.io creates their login details and emails them instantlyβ€”no manual work or third-party connections required.
🌐

2. Foundation: Connecting Your Domain & Sender Email

Before sending traffic or taking payments, you need a professional domain (e.g., hub.yourbrand.com) and verified email address to ensure your transactional receipts and login details reach inboxes instead of spam.

Step 2.1 β€’ Connect Domain
Linking Your Custom Subdomain
Why we do this: Using a custom subdomain ensures all your sales pages show your professional brand rather than a generic system address.
  1. In Systeme.io, click your Profile Picture (Top Right) $\rightarrow$ Settings $\rightarrow$ Custom Domains.
  2. Click the green Add domain button.
  3. Type in your subdomain (for example: hub.yourdomain.com) and click Save.
  4. Two DNS entries will appear. Open your domain provider (Hostinger, GoDaddy, Namecheap, Cloudflare) and add these two CNAME Records:
    • Entry 1: Name/Host = hub $\rightarrow$ Points to = dXXXXX.cloudfront.net
    • Entry 2: Name/Host = _uuid $\rightarrow$ Points to = _uuid.validation.systeme.io
Step 2.2 β€’ Email Deliverability
Authenticating Your Sender Email Address
Why we do this: Email providers (like Gmail and Yahoo) block automated emails from free addresses. Adding these records confirms you own the sending domain so your receipts arrive reliably.
  1. Go to Settings $\rightarrow$ Mailing settings $\rightarrow$ Sender email addresses.
  2. Click Set up sender authentication.
  3. Type in your root domain (e.g., yourdomain.com) and click Save.
  4. Add the 3 generated CNAME records to your domain provider's DNS panel. The status will update to Verified within 24 hours.
πŸ“

3. Funnel Steps & How Traffic Moves

Every step in your funnel has a specific technical Step Type. Choosing the correct type ensures buttons perform the right action (for example, only an Order form can take payments, and only an Upsell step can run 1-click charges).

Step Type What It Does Key Elements on Page Where It Sends the Visitor
Squeeze Page Collects Name & Email Input fields + Submit button Advances to the next step
Order Form Processes payments & saves card 1-Step or 2-Step Payment Block Advances to Upsell or Thank You step
Upsell (OTO) 1-Click upgrade charge Accept button + Decline link Next upsell or delivery page
Thank You Page Delivers access & downloads Download buttons & links Final page (no further automated redirects)
Info / Bridge Explains an offer or shares a video Standard text, video, & CTA links Points to whichever URL you set on the button
πŸ—οΈ

4. Step-by-Step Funnel Setup Guide

Follow these click-by-click instructions to build a complete customer journey from opt-in to checkout, upsell, and product delivery.

Step 1 β€’ Freebie Opt-in Page
Setting Up Your Lead Capture Step
Goal: Capture email addresses and tag leads so automated welcome emails can begin immediately.
  1. Go to Funnels $\rightarrow$ Your Funnel $\rightarrow$ Add Step.
  2. Set Type to Squeeze page.
  3. Click the Automation rules tab at the top $\rightarrow$ Click Add rule $\rightarrow$ Choose Funnel step form subscribed.
  4. Add Action: Apply tag $\rightarrow$ Select your lead tag (e.g., LEAD β€” Playbook).
  5. Inside the editor: Click the submit button $\rightarrow$ Set Action when clicked to Submit form $\rightarrow$ Set Redirect to To the next step.
Step 2 β€’ Front-End Checkout Page
Configuring Your Order Form Step
Goal: Take payments, grant product access, attach the buyer tag, and save the payment token for 1-click upsells.
  1. Add Step $\rightarrow$ Set Type to Order form.
  2. Under the Digital product / Resources panel:
    • Click `+` $\rightarrow$ Select Courses $\rightarrow$ Choose your course $\rightarrow$ Select Full access.
    • Click `+` $\rightarrow$ Select Tags $\rightarrow$ Choose your buyer tag (e.g., BUYER β€” Main Product).
  3. Under the Price plans panel: Click `+` $\rightarrow$ Attach your product pricing plan.
  4. Inside the editor: Confirm your 2-step checkout widget is set to Submit form and advances to the next step.
Step 3 β€’ OTO 1-Click Upsell
Setting Up Your 1-Click Upgrade Step
Goal: Offer an upgraded bundle right after purchase. The platform charges the stored card token in a single click.
  1. Add Step $\rightarrow$ Set Type to Upsell.
  2. Under Digital product / Resources: Attach the upgraded course asset and the corresponding buyer tag (e.g., BUYER β€” Upsell Vault).
  3. Under Price plans: Attach the price plan for your upsell offer.
  4. Configure buttons using the Hybrid Button Protocol shown in Chapter 5.
Step 4 β€’ Delivery Hub Page
Setting Up Your Customer Fulfillment Page
Goal: Provide download links and course access while introducing additional tools and resources.
  1. Add Step $\rightarrow$ Set Type to Thank You / Info page.
  2. Add download buttons and course login links so buyers can access their content immediately.
⚑

5. 1-Click Upsells: The Hybrid Button Method

Upsell steps require specific underlying form elements to process stored payment tokens. If a custom HTML template replaces native buttons entirely, the page cannot trigger the charge. The Hybrid Protocol keeps the required buttons in the page code while displaying your custom visual design.

Step 5.1 β€’ Native Accept Button
Place the Native Accept Trigger
  1. Inside your Upsell page editor, drag a native Button element onto the page canvas.
  2. In the left settings panel: Set Action when button clicked to Accept upsell (or Submit form).
  3. Set Do you want to redirect users after purchase? to To a custom URL $\rightarrow$ Enter your next funnel step URL.
Step 5.2 β€’ Native Decline Link
Place the Native Refuse Trigger
  1. Drag a native Text element onto the canvas.
  2. Add a link to the text and set its link type to Refuse upsell.
  3. Set the destination to your next funnel step URL.
Step 5.3 β€’ Stealth Mode (CSS)
Hiding Native Elements from View
Wrap the native buttons in a container block and apply this CSS rule:
display: none !important;
This keeps the underlying triggers active in the background for payment processing while displaying only your custom design.
πŸ“¦

6. Automated Product Delivery & Access Rules

Systeme.io uses Resources to manage course access. Resources automatically grant access when an order is completed and revoke it if a payment is refunded or disputed.

Delivery Method How It Activates Refund Handling Best Used For
Direct Resource Attached to Step / Price Plan Automatic (Locks course instantly) Courses, Bundles, Communities
Automation Rule Triggered by page events Manual (Requires separate rule) Tagging contacts, starting email series
Step 6.1 β€’ Attach Product Resource
Connecting a Course to Checkout
  1. Open your Order Form step configuration dashboard.
  2. Under the Digital product / Resources panel, click `+`.
  3. Choose Courses $\rightarrow$ Select your course $\rightarrow$ Select Full access.
  4. Click the green Save step button. The system will handle logins and welcome emails automatically.
πŸ€–

7. Email Workflows & Automated Follow-Ups

Automations handle repetitive tasks behind the scenes. You can use simple Rules for direct single actions or Workflows for branching multi-day email campaigns.

======================================================================================== POST-PURCHASE RETENTION WORKFLOW ======================================================================================== [TRIGGER: Customer Buys Main Product] β”‚ β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β–Ί Tag Applied: [BUYER β€” Main Offer] β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β–Ί Course Access: [Course Portal Unlocked] β”‚ β–Ό [WAIT DELAY: 15 Minutes] β”‚ β–Ό [SEND EMAIL 1] ───────────────────► Subject: "[Access Details] Your Product Portal" β”‚ β–Ό [WAIT DELAY: 24 Hours] β”‚ β–Ό [DECISION: Did they buy the Upsell?] β”œβ”€β”€ YES ───────────────────► Move to Advanced Nurture Series └── NO ───────────────────► [SEND EMAIL 2]: "Upgrade: Access the Full Bundle"
πŸ›‘οΈ

8. Custom HTML Scoping & Iframe Rules

When using custom code blocks inside Systeme.io, following these three rules ensures pages render cleanly and avoids editor validation errors.

1. No Outer Document Shells
Never include <!DOCTYPE html>, <html>, or <body> tags in Raw HTML blocks. Wrap your code inside a single scoped <div> with an inline <style> block.
2. Iframe Breakout (target="_top")
Internal funnel links (Bridge $\rightarrow$ Checkout $\rightarrow$ Delivery) must include the target="_top" attribute on anchor tags. This prevents destination pages from opening inside nested iframe containers.
3. External Links (target="_blank")
Links pointing outside your sales funnel (e.g., affiliate partner links, Terms of Use, Privacy Policy) should use target="_blank" rel="noopener noreferrer" to open cleanly in a new tab.
4. Plain Text Formatting
Copying code from rich text editors can introduce invisible non-breaking spaces (\u00a0) that cause mobile layout errors. Always paste from a plain text editor like Notepad.
🚨

9. Troubleshooting Codex: Quick Fixes for Common Issues

Reference this guide to resolve common setup questions and configuration errors.

Issue Why It Happens How to Fix It
"Not valid code" error when saving HTML Code contains <!DOCTYPE>, <html>, or <body> wrappers. Remove outer document shells. Keep only the <style> block and root <div>.
Upsell button takes the buyer back to checkout Button is set to an external web address instead of the native submit action. Set button action to Submit form (or Accept upsell) with custom redirection set to the next step.
Page loads inside a small nested box Missing target="_top" attribute on anchor tags. Add target="_top" to your link tags (<a href="..." target="_top">).
Customer bought a product but received no login email Course was not attached under Digital product / Resources on the step dashboard. Go to step configuration $\rightarrow$ Under Resources, click `+` $\rightarrow$ Attach the Course with Full access.
Mobile layout clips or overflows horizontally Fixed pixel widths (e.g., width: 900px;) used in custom CSS. Use fluid dimensions like width: 100%; max-width: 960px; with CSS clamp() for responsive sizing.