Studio
Create engaging, interactive digital experiences
Getting Started
Learn the basics of Ceros Studio
Contextual Toolbar
Adding, Editing, and Removing Pages in Studio
Asset Library Overview
Studio Keyboard Shortcuts
Using Ceros Assets in Studio
Copy & Paste Between Experiences
Creating Color Palettes
Grouping Objects in Studio
Adding Anchor Points to Create Different Sections in an Experience
Align & Distribute on the Canvas
The Canvas Adjustment Tool
Setting a Background Image and Color with Themes
The Settings Panel
Changing Your Canvas Size
The Ceros Media Library
Flip Object Horizontally or Vertically
What is the difference between folders and groups?
Using Folders in Studio
What Are Hotspots & Why Are They Important?
Creating in Studio with AI
Using the (New) Text Tool
What is Text Rendering Mode?
Adding Custom Brand Fonts to Studio
How to Add and Edit Text in Studio
Creating Shapes with the Shape Menu
Custom Shapes
Image Editing
Image Masking
Blending Modes
Image Cropping
The Remove Background Tool
How Do I Bring Videos Into Studio?
Optimizing Your Videos for Ceros
Video Settings in Ceros
Direct Linking
Supported Browsers
Interactions & Animations
Incorporate engaging animations and interactivity into your designs
How Do I Apply Interactions to My Experience?
Hover Interactions
Navigating to Other Pages in Your Experience
Hyperlink to Website or PDF
Linking Email Addresses and Phone Numbers
Lightbox External Content
Show Target & Hide Others Interactions
Creating a Carousel with Cycle Interactions
Object States
Creating an Auto-Cycling Slideshow
Applying Object States to Masked Images
Bring to Front & Reset Position
Creating and Editing Synced Objects
Playing Audio in the Studio
How Do I Add Animations to My Experience?
Using Animation and Interaction Effects in Studio Content
How to Use Animations to Create Unique Transitions
Publishing, Sharing & Embedding
A collection of resources related to bringing your content to your audience.
Introduction to oEmbed and How It Works with Ceros
Understanding Load Times for Ceros Experiences
Preparing Your Content for Social Media Sharing
Sharing Ceros Content on Facebook and LinkedIn
Using GIFs for Social Media and Email Promotion
Customize Favicon on Ceros Experience
Password Protected Experiences
Where Can Ceros Live?
Embedding Ceros Content
How to Change Your Experience URL
Using Your Own Domain with Studio Experiences
Replace Published Experience Without Losing URL
Unpublishing Ceros Content
Why Do I Need to Publish My Experience?
How to Publish your Ceros Experience
Published Experience Checklist
How Do I Make Changes After Publishing?
How to Add Social Sharing Buttons
Embedding Third-Party Content in a Studio Experience
Uploading Ceros Content to Showpad
Ceros and Instagram
Ceros and Snapchat
Uploading Ceros Content to Highspot
Can You Use Ads in Ceros?
Ceros Offline Viewer App
Best Practices
Tips and tricks to become a Studio master!
Copy and Paste from External Sources
14 Image Tips to Speed Up Your Experience
Best Practices for Naming Conventions
Is Studio Responsive?
Common Device Screen Sizes
Pinch to Zoom
Operationalizing Studio
Create Scrolling Experience Using Page Height
The Pre-Project Checklist
Designing for Studio Best Practices
How to Create Great Micro Content in Studio
Picking the Right Project: What’s a Good Fit for Studio?
Adjusting Your Workflow for Interactive Content Creation
8 Quick Ways to Add Engaging Microcontent to Your Site
Interactive eBook Creation and Best Practices
How to Make Strong Sales Collateral
How to Make an Infographic
Pinning Objects in Place on Canvas
Canvas Grids and Canvas Layouts
Use Guidelines for Pixel Perfect Alignment
Interactive Infographic Best Practices
Choosing the Right Format for Your Ceros Content
How to Make a Teaser
Interactive Microsite Best Practices
Content Best Practices: How to Create an Impactful Case Study
UX Best Practices: Paginated Vs. Long Scroll Content
UX Best Practices: How to Use Calls to Action
Creating a Transparent Background
Creating Quizzes
Creating a Content Hub
Ceros Quiz Capabilities
Locking Components
Creating Templates for Editor Use
How to Create Mobile Variants
Mobile Design Best Practices
Layers Panel Best Practices
Tradeshow Best Practices
Analytics & Integrations
Gain insights on experience metrics and third-party integrations
How are Studio Analytics Calculated?
The Studio Integration with OneTrust
Integrating Your CMP with Studio to Control Cookie Consent
Enabling Cookie Consent in the Studio Without Using a CMP
Cookie Consent & GDPR Compliance Support
Translating Ceros Experiences with Transifex
Figma Import Integration
Revolutionizing RFPs: The Power of Ceros and Loopio Partnership
Contentful and Ceros
Ceros & TransPerfect Partnership: Expanding Global Reach through Localized Content
Demandbase Integration
Using Drift Widgets in Ceros
Adding Graphs to Ceros with Graphy
Accessibility
Create accessible content in Studio
Accessibility: The Dos and Don’ts When Working in Studio
Accessibility: Group Show/Hide Content for Screen Reader Users
Creating Accessible Carousels
Creating Accessible Videos
Accessibility Tools Glossary
Accessibility Checklist
Testing Ceros Experiences for Accessibility
Creating Outlines for Accessible Experiences
Accessibility Basics Training
Ceros SDK
Take your experiences even further with pre-made SDK plugins or write your own!