Now that you've created your Showcase, let's explore all of the Customization options to make it look exactly how you'd like!
To access the customization options, you can navigate to your Showcase dashboard and click on the Showcase you'd like to customize.
Then, go to the Customize tab and open the Embedded Page section. From here, click on the green Customize button.
On the left-hand side, you will see all of your options to customize your Showcase. We will break down each one of these from the beginning.
Template
We offer both a Grid View and List View. You will also be able to select a Gradient or Background Image for your Showcase background. Simply click the drop-downs to access those options.
Branding
Demio offers a multitude of options for Showcase Branding, including:
Primary Font Size and Color Scheme
Secondary Font Size and Color Scheme
Background Color Scheme and Card Background Color Scheme
Border Radius, Weight and Color Scheme
Number of Cards Per Row.
These can all be adjusted individually to make your Showcase look exactly how you would like.
Below is an example of what playing around with some of those color options looks like.
Event Sorting
By default, Events are arranged in chronological order based on the upcoming Session time, starting from the earliest scheduled Session.
Events with scheduled upcoming Sessions are followed by On-demand sessions and Series Events with no scheduled Sessions.
Events that only have past Session Recordings are placed at the end of the Showcase Events list.
You can switch the order and sort Events alphabetically or based on the Event creation date instead.
Logo
You can upload a Logo to your Branding section to really set your Showcase apart from everyone else's. For the ideal logo size, we recommended a width-to-height ratio of 5:1 and a minimum width of 1060 pixels.
Elements
The last big piece of customizing your Showcase is the Elements on the page.
The Filter element will allow Registrants to search for Events happening in the future, on-demand Sessions or replays of the past Sessions.
Search will allow Registrants to find specific Events by Event name.
Pagination enables pagination if the number of Events is too high for the frame to handle. This helps your Registrants find, by page, your Events.
With the Enable Replay Video toggle, you can choose if you want Recordings from your past Sessions to be accessible from the Showcase view.
Lastly, you can enable or hide the elements of your Event Registration pages, such as Event Image, Name/Headline, Subheadline, Dates, Description, and Presenters.
You can utilize some or all of these to help specialize your Showcase and create the most unique product possible!
Event Image
For the Event Image, you're able to choose the image source from either the Event Registration Page Background Image or the Open Graph Social Image.
Event Dates
The Dates element will enable Registrants to see the closest available Session time on the Event card in Showcase in the local timezone.
Image Dimensions
If your Showcase is set to grid view with 3 cards in one row, the image block will be w:313px* h:155px. The height is fixed and the width is flexible and can change if you resize the Showcase window. The best Event Image ratio would be 2 to 1.
If your Showcase is set to grid view with 2 cards in one row, the image block will be w:480,5px* h:155px. The height is fixed and the width is flexible and can change if you resize the Showcase window. In this case, the best Event Image ratio would be 3 to 1.
If your Showcase is set to list view, the image block will be w:210px* h:170px. The height is fixed and the width is flexible and can change if you resize the Showcase window. Here, the best Event Image ratio would be 1.235 to 1.
For individual Event pages, the ideal image ratio is 2.2 to 1, otherwise the image will be cropped to best fit into the Event page header.
Next steps 👣
When you're ready, click on Save & Close at the top left to save the changes.
With these tips, you will be set to customize your Showcase and get ready to share the Showcase URL or embed it into your website! ☀️