Custom Engine – Apester Help Center

Custom engine is a bit different from our other engines. it lets you control the style of your Apester experience with CSS, meaning all other engines' size and style “limitations” don't exist on it.

To create a custom experience do the following steps:

On the dashboard, hover on the “Create” button and click on the “Custom” button

CSS(Expert Mode):

You can control the elements you add to your custom experience by CSS code. After adding an element to the slide just click on the “CSS Inspect” tab on the right panel and add/edit the CSS attributes as you wish

pay attention to the selected element when changing the element CSS attributes. the elected element will be visible on the CSS Inspect panel (example: /*Interaction*/ or /*Image*/).

Controlling the interaction by CSS:
Controlling Images by CSS:

Designer Mode:

The “Design” tab on the right panel is for the “regular” user who is not familiar or not interested on using CSS code. when adding element to the slide this tab is selected by default

It gives the user the ability to change the style of his experience in more easy and convenient way

2. Control experience size:

On the right panel you can control the width and height of the custom experience:

*There is no size limitation

3. Slides background color:

You can control the background color of your slides.

*currently changing the slide’s background color will change it for all of the slides. you cant change each slide’s background color individually

on the right panel click the “+” icon next to the “Background” text

Change the color either by writing the specific color(exmp: “red”, “blue”..) or by the color HEX code(exmp: “ccffff”)

Control the opacity by typing the percentage value you desire (from 0% to 100%)

to remove the slide background color just click on the “-” icon next to the “Background” text.

4. Edit Text

5. Edit Image

6. Interactive Poll

You can control the result mode of the interactive poll(what the user will see after they answered on the poll). for that click on the “result mode” tab above the slide.

7. Buttons/CTA

8. Elements(Stickers)

*currently there is no option to control the stickers with the “design” tab but only with CSS code or manually by dragging/resizing and moving it with your cursor.

9. Settings(checkboxes section)

Hide “Created By User” on cover slide - it checked by default. it controls whether the username who created this experience will be visible on the player side. when unchecking it, the username will be visible:

Hide “Via channel” on cover slide - not relevant for custom engine. needs to be removed
Hide channel name and logo on header - its unchecked by default. when checking this, it will hide the channel image and name from the experience header:

Hide number of voters - unchecked by default. when you have interactive poll on your experience and the “live ticker” feature turned off, the number of people who voted on this poll wii be visible on the bottom left:

When checking this checkbox it will hide it.

Allow multiple votes per person - unchecked by default. when checking it, the user can refresh the page and answer on the Apester experience as many time he wants.
Shuffle slides - unchecked by default. when checking it, the slides of the experience will be shuffled on the player side.
- Lock last slide position - after checking the “shuffle slide” checkbox, this will appear and when checking it, it will lock the position of the last slide(wont be shuffled with all the other slides)
Move to the next slide when interaction is finished - unchecked by default. when checking this, after you click on an answer (considering you have interactive poll on your experience), the next slide will be shown automatically. when leaving it unchecked, the user needs to manually click on the next button after he answers on an interactive poll.
Hide results display on slides - checked by default. when you will check it, considering you have an interactive poll on your experience and you submit on an answer, you can see the results division by percentage shown on the answers

if you will leave it unchecked the results will be hidden

CSS(Expert Mode):