Skip Trial

Skip Trial is one of the post-purchase offers that we can offer to users as a successful premium subscription.

We offer them a 20% discount on their premium subscription if they skip/terminate the trial period.

To support it as an onboarding step, you’ll need to create it as a step of type skipTrial:

{
    "type": "skipTrial",
    "stepId": "skip-trial"
}

[!IMPORTANT] This will fall back to the default styles of the hosted step, but you can configure it similarly to h[How to Configure Upsell Offers steps](How to Configure Upsell Offers steps).

Supported apps: Fabulous, Lune, Lumiere, and Clarify

Default Fabulous Config

{
  "backgroundColor": "#19223E",
  "textColor": "#E7E9F9",
  "secondaryTextColor": "#B3C0DD",
  "paragraphColor": "#E7E9F9",
  "discountOffer": {
    "overlayColor": "rgba(21, 23, 41, 0.90)",
    "backgroundColor": "#19223E",
    "useHTML": true,
    "title": "We get it. Commitment can be tough.",
    "titleColor": "#FFFFFF",
    "textColor": "#E2DFFF",
    "paragraphs": [
      "But we believe in you — and we want to make this decision a little easier.",
      "If you skip your trial and start your plan today, we'll refund your trial payment <span style=\"color:#E2B3B8; font-weight:bold;\">and</span> give you <span style=\"color:#E2B3B8; font-weight:bold;\">an extra 20% off</span> your plan.",
      "It's our way of helping you take that first powerful step toward the life you want."
    ],
    "imageUrl": "https://c.thefab.co/web-onboarding/fabulous/img_mascot_skip_trial.png",
    "ctaText": "Continue",
    "ctaBackgroundColor": "#E2B3B8",
    "ctaTextColor": "white",
    "ctaHoverBackgroundColor": "#D19AA0"
  },
  "shapes": [
    {
      "backgroundColor": "#2D3B58",
      "textColor": "#B3C0DD"
    },
    {
      "percentage": "+46%",
      "backgroundColor": "#E2B3B8",
      "textColor": "#B3C0DD",
      "activeColor": "#151729"
    }
  ],
  "ctaTextColor": "white",
  "ctaBackgroundColor": "linear-gradient(56deg, #2863D7 0%, #E6B7B7 100%)",
  "ctaHoverBackgroundColor": "linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(56deg, #2863D7 0%, #E6B7B7 100%)",
  "checkboxActiveColor": "#E2B3B8",
  "checkboxBorderColor": "#445E87",
  "terms": {
    "linkColor": "#E2B3B8",
    "backgroundColor": "#151729",
    "textColor": "#B3C0DD"
  },
  "planDetails": {
    "titleTextColor": "#B3C0DD",
    "borderColor": "#2D3B58",
    "textColor": "#E7E9F9",
    "activeTextColor": "#43C4E1",
    "discountBackgroundColor": "linear-gradient(270deg, #88D16E 0%, #07CB99 100%)",
    "discountTextColor": "white",
    "infoBackgroundColor": "#2D3B58",
    "infoTextColor": "#E7E9F9"
  }
}