Get to Know Ceros
In these video lessons, we'll review the general functionality of the Ceros studio including how to import assets, apply animations, interactions, and how to publish your final experience.
Understanding Ceros Analytics
In this lesson, we'll overview the Ceros analytics dashboard and how you can better understand the key performance indicators that can help you improve your content.
Search Engine Optimization (SEO) and Ceros
In this lesson, we'll dive into the various tools in Ceros that can help you optimize your content for search.
Importing Your Design Files
In this lesson, we'll walk through how to import design files from Photoshop, Illustrator, and Sketch files into Ceros.
Theme and Settings Panel
In this lesson, we'll review the different customization options available within the Theme Menu and Settings Panel.
Creating Buttons and Popups
In these video lessons, we'll review the general functionality of the Ceros studio including how to import assets, apply animations, interactions, and how to publish your final experience.
Creating Mobile Variants Using Adaptive Layouts
In this lesson, we'll take a look at how you can easily create different variants of an experience for Desktop, Tablet, and Mobile devices using the Global Layouts panel.
Create a Carousel
In this lesson, we'll review the steps to creating an image carousel using the Cycle Next and Cycle Previous interactions.
Creating Interactive Maps
In this lesson, we'll review one of the many ways you can create an interactive map in Ceros.
Creating Accessible Content in Ceros
In this lesson, we'll walk through how to leverage the accessibility tools and features in the Ceros studio.
Using Object States for Data Viz
In this lesson, we'll review one of the ways you can create an interactive Bar Chart in Ceros using Object States.
Creating Charts in ChartBlocks
In this lesson, we'll review how to create charts and graphs in ChartBlocks.
How to Use MarkUp
In this quick lesson, we'll walk through how to use MarkUp to streamline the process of giving and receiving design feedback.
Embedding 3rd Party Content and Forms
In this lesson, we'll review how you can use the Embed Object tool to embed 3rd party content such as videos, Google Maps, Spotify Playlists, Social Content, and forms.
Creating Interactive Charts
In this lesson, we'll take a look at how to create animated, interactive charts in Ceros.
Creating an Interactive Menu Bar
In this lesson, we'll take a look at how to create an interactive menu bar to set up some basic navigation within your experience.
Advanced Carousel
In this lesson, we'll build off of the previous carousel lesson to create a more advanced experience using the Show Target and Hide Others interactions.
Creating an Interactive Timeline
In this lesson, we'll review one of the many ways you can create an interactive timeline in Ceros.
Create a Looping Video Background
In this lesson, we'll explore how to make any video file function as a background element - as well as how to layer additional assets overtop for more unique visualizations.
Gating Content with Hubspot and Marketo Forms
In this lesson, we'll take a look at how you can gate multipage eBooks and long scrolling infographics using Hubspot and Marketo forms.
Creating a Slideshow
In this lesson, we'll cover how to create an automatic image slideshow within your experience.
In this lesson, we’ll take a look at how you can use HubSpot and Marketo forms to gate your Ceros experiences for lead capture purposes.
One type of gate that we’ll review in this lesson is one that shows up after the user views a certain amount of pages. You can upload the build along experience for this lesson to follow along or build off a multi-page experience that you already have.
To gate a multi-page experience:
- Add a new page somewhere in the ebook that will contain your form.
- Disable a few pages by default – in this case all of the pages that exist after the form. You can accomplish this by selecting the drop down arrow on the page, and hitting the disable page button.
- Navigate to either the HubSpot or Marketo button and choose the form you want to pull in.
- Select the form and apply an interaction that says “On Submit”- “Enable /Disable Pages”- and choose to enable all of the pages after the form page and disable the form page so that the user won’t have to fill it out again.
Another option is a timed gate, which lends itself well to longer scrolling content. This enables your user to view the entire experience for a specific amount of time before a form pops up asking them for information. For this example, feel free to work off of an experience that you have or from one of our templates.
To create a timed gate:
- Draw a large rectangle shape that covers the entire canvas, change the color to black and lower the opacity to about 80%.
- Over top of that, draw out a simple white box to contain the form. Be sure to draw each of these in the top viewport area.
- Grab one of your HubSpot or Marketo forms, add it to the canvas, and center it over the white box.
- Select your black rectangle, white box, and form, and group them together. Also, make sure this group is sitting at the top of your layers panel.
- Pin the group on the canvas, and then turn off the visibility of that group in the layers panel.
- Draw out a hotspot somewhere near the top of the experience, and apply an interaction that says “On View”, “Show,” and the form group as the target. And give this a delay of 10 seconds.
Now taking a look at the preview, you’ll see that after a few seconds your form will pop up in the center of the page, and now your user can’t see the rest of the experience until they’ve filled out and submitted the form.
These are two of the many gating options possible within Ceros. If you have any questions on gating your content, feel free to reach out in the chat widget and our support team will be happy to help.
In this lesson, we’ll take a look at how you can use HubSpot and Marketo forms to gate your Ceros experiences for lead capture purposes.
One type of gate that we’ll review in this lesson is one that shows up after the user views a certain amount of pages. You can upload the build along experience for this lesson to follow along or build off a multi-page experience that you already have.
To gate a multi-page experience:
- Add a new page somewhere in the ebook that will contain your form.
- Disable a few pages by default – in this case all of the pages that exist after the form. You can accomplish this by selecting the drop down arrow on the page, and hitting the disable page button.
- Navigate to either the HubSpot or Marketo button and choose the form you want to pull in.
- Select the form and apply an interaction that says “On Submit”- “Enable /Disable Pages”- and choose to enable all of the pages after the form page and disable the form page so that the user won’t have to fill it out again.
Another option is a timed gate, which lends itself well to longer scrolling content. This enables your user to view the entire experience for a specific amount of time before a form pops up asking them for information. For this example, feel free to work off of an experience that you have or from one of our templates.
To create a timed gate:
- Draw a large rectangle shape that covers the entire canvas, change the color to black and lower the opacity to about 80%.
- Over top of that, draw out a simple white box to contain the form. Be sure to draw each of these in the top viewport area.
- Grab one of your HubSpot or Marketo forms, add it to the canvas, and center it over the white box.
- Select your black rectangle, white box, and form, and group them together. Also, make sure this group is sitting at the top of your layers panel.
- Pin the group on the canvas, and then turn off the visibility of that group in the layers panel.
- Draw out a hotspot somewhere near the top of the experience, and apply an interaction that says “On View”, “Show,” and the form group as the target. And give this a delay of 10 seconds.
Now taking a look at the preview, you’ll see that after a few seconds your form will pop up in the center of the page, and now your user can’t see the rest of the experience until they’ve filled out and submitted the form.
These are two of the many gating options possible within Ceros. If you have any questions on gating your content, feel free to reach out in the chat widget and our support team will be happy to help.