How to Generator

Create a One-Click Content Generator

In this visual tutorial, we guide you through the process of using Ceros to make a one-click generator, a perfect project for adventurous creators who want to give audiences a chance to explore!

This is what you will be creating! Click above to generate a result.

How to Ceros:

begin

step 1

Pick a Theme and Collect Your Visual Assets

Give yourself time to think about the concept of your generator. What do you want to offer your audience? We’ve created TV show generators for Disney+ and Netflix that help our viewers access the new streaming universe and find something new to watch. Once you have a concept, decide on how many different slides you want to include and create art for each of them. Make sure they are all the same size. Finally, style your generator. You can create a spinning wheel diagram, a button, or a GIF that cycles through the assets you’ve selected.

For this exercise, we’ll create a generator of breakfast foods. These are our slides:

Make a GIF!

Back

step 2

Launch Ceros Studio and Start Building

You can create an intro page for this experience if you'd like, but for this exercise, we're just focusing on building the generator. Follow the two simple steps to the right to start wiring up your experience:

To wire up your generator, make sure to complete these two crucial steps:

Click the Settings button in the top right corner of the Ceros Studio, and paste the following code into the box for Custom HTML:

Start organizing your layers. Follow this structure:

Main Result Folder

Result 1

Closing Hotspot

Custom HTML

Folders

Result 1 Graphics

Result Slides

Default Slide

Result 2

Result 3

Default Folder

Closing Hotspot

Result 1 Graphics

*Main Result Folder stays visible, Individual Result folders stay hidden.

Custom HTML

Folders

*Default Folder stays under the Main Result Folder in the Layers.

Back

step 3

Tag Your Folders and Assign Your Hotspots

Ceros’ SDK (which stands for “software development kit”) is the foundation upon which this generator is built. It’s a set of software-building tools for a specific platform, and it might look intimidating, but don't fret. To set up your generator’s SDK, simply open your SDK panel (it’s the hammer and wrench icon in the top toolbar) and follow these simple steps:

Click on each item for the SDK setting:

Main Result Folder

Result 1

Closing Hotspot

Result Slides

Default Slide

Default Folder

Trigger Hotspot

Result 2

Closing Hotspot

Result 3

Closing Hotspot

SDK

Current Selection

Tags

Payload

randomizer-layers

Page ID:

Tags

Payload

Payload for individual Result folders should match the payload of Main Result Folder

Current Selection

Page ID:

Tags

Payload

Tags

Payload

SDK

randomizer

Add this interaction to the Closing Hotspots:

Interaction

click

Trigger on

hide

Action

Result 1, 2, 3...

Target

Make sure to each Closing Hotspot is assigned this interaction targeting the Result Folder it belongs in.

Main Result Folder

Back

step 4

Preview and Publish!

Your experience is ready to preview, so test it and make sure it's up to your high standards! Once you’re happy with it, publish it in Ceros. Your generator experience can live as a standalone landing page, or you can copy the embed code to have the experience live directly on your website.

Congratulations! You did it!

More generators from our catalog:

Netflix TV Shows

Design Documentaries

Disney+ Shows & Movies

Back

Home