Skio Features
SkioSMS
How to Setup Quick Actions (New)
Multipass
SKU swap
Subscription shipping
Customer Portal Walkthrough
Custom pricing for 1-time upsells
Rules
Prepaid subscriptions
Configuring Skio notifications (text/email)
Adding Products
Volume discount
1-time upsells
Onboarding for CX Teams
Webhooks
Dunning
Auto Merge
Pausing Subscriptions
Exporting subscriptions and orders
Upgrading to New Skio Customer Portal
Manually Create Subscriptions
Understanding cancellation flow discounts
Surprise and Delight
Email Magic Links
Conditional Cancel Flow
Using anchor and cutoff dates with subscription plans
Beta Features
SMS Quiet Hours
Merge and Split Subscriptions
Skio Data Platform
Performance Dashboard
Products Dashboard
Forecast Dashboard
Dunning Dashboard
Cancel Flow Dashboard
Cohort Retention Dashboard
How to Find Your KPIs
Skio Analytics Definitions & Glossary
Integrations
Gorgias integration
Klaviyo Integration
Attentive Integration
Alloy Automation integration
Zendesk
Upgrading to the New Klaviyo Integration
Postscript Integration
Best Practices Guides
Maximizing Quick Actions
How to Optimize Surprise & Delight Notifications
Optimizing Subscription Notifications
Creating Winback Flows in Klaviyo
Migrations + Onboarding
Skio Migration Hub
Migration overview
Account login page
Who to Contact
Theme work scope
Onboarding Guides
Setting up Skio
Customize customer login
Theme debugging
Integrating with page builders (GemPages, PageFly, Shogun, Replo)
One-click checkout / Buy now
Exporting Shopify variant IDs
Customizing the Plan Picker
Billing window
Customize Customer Portal Design / CSS
Migration details
Skio Colors
Inventory policy
Shopify Resources
- All Categories
- Setting up Skio
- Customize customer login
Customize customer login
For developers, the Skio Customer Portal login can be customized by using CSS styling overrides from your
theme.liquid file.A styling override example can be found below (styling generates the above image).
<style> #__next h1.pBj, #__next h2.pBj, #__next h3.pBj, .nextFrost h1.pBj, .nextFrost h2.pBj, .nextFrost h3.pBj { color: red !important; font-family: "Lucida Handwriting", Cursive; } #__next .pBj, .nextFrost .pBj{ color: blue !important; } button[style] { background: purple !important; font-family: "Lucida Handwriting", Cursive; } </style>