Every Churn.io cancel flow is fully brandable. This guide covers every visual customisation option available, from your logo and accent colour to button styles, overlay opacity, and widget width.
Accessing the Design tab
Open your flow in the editor and click the Design tab at the top of the screen. The design panel is on the left, and a live preview updates on the right as you make changes.
Global branding settings
Logo: upload a PNG or SVG with a transparent background. Displayed at the top of every step in the flow.
Accent colour: used for buttons and interactive elements. Should match your primary brand colour.
Background colour: the base background of the modal or cancel page.
Border radius: controls the roundness of cards and containers. Higher values give a softer look.
Button radius: controls the roundness of CTA buttons specifically.
Widget-specific settings
Widget width: the width of the modal overlay on desktop screens
Overlay opacity: how dark the background behind the modal appears
Close button: show or hide the X button that lets customers dismiss the flow
Confetti on offer accept: optional celebratory animation when a customer accepts an offer
Cancel Page-specific settings
Page layout: Classic (full-width) or Minimal (centred card)
Step labels: optional breadcrumb-style step indicators shown at the top of each screen
⚠️ Free plan branding badge
On the Free plan, a "Powered by Churn.io" badge is displayed in the footer of your widget and cancel page. This cannot be removed on the Free plan. Upgrade to Pro to remove it.
💬 Questions or concerns?
Get help from our support specialists at Churn.io. Click the chat icon at the bottom of your screen to reach us directly.