Helpdesk

Using the Tickaroo Theme Generator

Customize the layout, design, and many other options directly in the Theme Generator.

What is the Tickaroo Theme Generator?

With the Tickaroo Theme Generator, you can configure many layout and design settings for your live blog directly within your Tickaroo organization. Where can the Theme Generator be found? You can find the Theme Generator in each live blog under "Liveblog Integration". Additionally, you can access your themes in your organization's settings under "Integration". How many themes can be created? You can create as many themes as you like. For example, you could set up one theme for your news blog and another for your sports blog. What settings can be adjusted? You can choose, for instance, whether reporters or sharing options are displayed or hidden. You can also adjust the colors of your live blog for text and backgrounds. Additionally, under "Options", you can configure settings for live blog summaries (e.g., chapters, highlight lists, highlight slideshows), tag filters, or the sorting of your live blog. All settings and options can be found here. Can custom CSS styles be added to the Tickaroo theme? Yes. Under "Edit Theme" and "Options", you’ll find the option to add your own CSS styles at the very end. Is there a preview for my theme? Yes. A preview of your theme settings is available under Liveblog Integration or when editing a theme. The preview is displayed on the right-hand side. What is the Widget Code Generator? This tool allows you to create the complete widget code needed to embed a live blog on your website. In Step 1, select the API client. In Step 2, choose your theme. Then, in Step 3, generate your widget code. What does the widget code consist of? Our widget code is as simple as possible. It always includes your live blog ID, the selected theme ID, and the same client ID. Link to our developer documentation: Styling

Thu, 16 Jan, 2025 at 11:07 AM

How to create and edit Liveblog Themes

You can already configure many layout and style settings for your live blogs within your Tickaroo organization. Where can widget templates be created and edited? For every live blog, you’ll find the "Liveblog Integration" option. In Step 2: Select Theme, there is an option to "Edit Theme". At this point, you can also create new themes. Layout & Design Options Layout Standard: Posts appear with timestamps listed vertically. Timeline: Posts appear vertically with timestamps, and a timeline is displayed to the left of the live blog. Grid Layout: Posts are displayed side by side in two columns. Card View Each post is separated by a small gap. Reporter Choose to display or hide the reporter and adjust their position. Sharing Enable or disable the sharing function and choose its display options. Invert Posts Invert highlights, pinned posts, or timestamps. Color Scheme Choose between automatic, light, or dark color themes. Colors Text and background colors can be customized here. Options Updates Notify (Default): Readers are notified when new posts are available. Auto: The live blog updates automatically with new posts. Off: No automatic updates or notifications for readers. Summaries Chapters: Chapters created between posts are displayed as a list above the live blog. Readers can jump to a specific point in the blog. Highlight List: Highlighted posts are displayed as a list above the live blog. Readers can jump to the selected post. Highlight Slideshow: Highlighted posts are displayed as a slideshow above the live blog. Readers can jump to the selected post. Scorer List: When a goal is set as an event, a scorer list with player names appears above the live blog. None: No highlights or chapters are displayed above the live blog. Filters (Tags) Tags can appear as a list, dropdown, or not at all for readers to select above the live blog. Tag Display Choose where tags appear on posts: above, below, or not at all. Sorting Choose whether to "reverse" your live blog so the oldest posts appear first. Post Limit Set how many posts appear on your website before a "Load More" button is displayed for readers. Consent Handling Ask for Consent: Displays a preview with an option for readers to agree to the full embed (default). Embeds Without Consent: Always displays the full embed. Preview Without Consent: Always displays a preview. Hide Embeds: Does not display embeds. Lightbox When enabled, images can be viewed in an enlarged, modern slideshow. CSS Style For further customization, you can add your own CSS styles for your live blogs.

Thu, 16 Jan, 2025 at 10:23 AM

Creating the Widget Code

To embed the live blog on a website, you need the widget code. Steps to generate the widget code: A) Open "Liveblog Integration", which you can find in each of your created live blogs. B) In the Widget Code Generator, follow these steps:     1. Select the API client.     2. Choose a theme.*     3. Generate your widget code. C) Copy the widget code generated in step 3 and embed it on your website. For more details and technical assistance, refer to our developer documentation. *Learn more about themes and the Theme Generator here: - What is the Theme Generator - Creating and editing a live blog theme

Thu, 16 Jan, 2025 at 11:49 AM