AveStream
Version |
Date |
Author |
Description |
0.0.0 |
09.01.2025 |
Jürgen Furrer |
Initial doc |
0.1.0 |
27.01.2025 |
Jürgen Furrer |
Add Troubleshooting / Settings - Pages |
0.2.0 |
30.01.2025 |
Jürgen Furrer |
Add Position & Alignment to 7.12.1 |
0.3.0 |
01.02.2025 |
Jürgen Furrer |
Add labels to download module 7.12.6 |
0.4.0 |
09.02.2025 |
Jürgen Furrer |
Add Content TagCloud & Button |
0.5.0 |
21.02.2025 |
Jürgen Furrer |
Add Style Config 4.5 Add DataSource 7.12.29 Add Columns 7.12.14 |
0.6.0 |
27.02.2025 |
Jürgen Furrer |
Add Subtitles to Media-Archive 6.3.1 Add Map 7.12.22 Add Administration-Console 11 Add Glossar 12 |
0.7.0 |
11.03.2025 |
Jürgen Furrer |
Update Map 7.12.22 Update Customer settings 4.2 Update Style & Resources 4.5 |
0.8.0 |
24.03.2025 |
Jürgen Furrer |
Add Media page 5 |
0.9.0 |
02.04.2025 |
Jürgen Furrer |
Add Tag Filter for files 5.4 Add Grid Size to the File-Manager 9.4 Add External Search 4.2.5 Add Page-Template 4.2.3.3 Add Image from Clipboard 5.4 Add Top Statistics 7.12.12 Add Article Display Settings 7.12.10 |
0.10.0 |
07.04.2025 |
Jürgen Furrer |
Add Registration 2.1 Add User-Management 11.2 Add Demo Data importer 11.3 Add Import Files 5.3 |
0.11.0 |
11.04.2025 - 26.04.2025 |
Jürgen Furrer |
Add recurring Program 6.2.9 Add QR-Code Brand 4.2.2 |
0.12.0 |
13.05.2025 - 25.05.2025 |
Jürgen Furrer |
Adding Shop settings 4.3 Add statistics download 4.1.1 Add Article Metadata 7.4 |
0.13.0 |
17.06.2025 |
Jürgen Furrer |
Add toolbar config 7.12.25 Add bach actions 9.3.3 Add payment providers 4.2.5.2 Add Shop Attributes 7.4.1.3 Add Shop Options 7.4.1.4 Add Search Sitemap 7.12.30 |
AveStream is a cloud-based Content Management System (CMS) designed for businesses of all sizes. Its core strength lies in its scalability. The platform dynamically adapts to fluctuating traffic demands, ensuring optimal performance during peak periods like seasonal surges, product launches, or viral campaigns.
AveStream is suitable for businesses of all sizes, from small startups to large enterprises, that require a scalable and reliable platform to manage their digital content.
This includes businesses with:
High-traffic websites: E-commerce platforms, online marketplaces, news and media organizations.
Seasonal businesses: Businesses experiencing significant traffic fluctuations throughout the year.
Businesses with rapidly growing content: Blogs, online publications, content marketing agencies.
Global businesses: Companies with a large international audience.
This document highlights key features from a creator's perspective. For additional assistance, please refer to our YouTube help videos.
Find us on:
Website: | |
YouTube | |
| |
BlueSky |
To create a new account, click the Register button. This button is visible only when you are logged out.
Enter your email address. You will need access to this inbox to verify your address during the registration process.
Complete the required fields and choose a strong password. Please confirm your password in the designated field.
Selecting the "Create Sandbox Company" checkbox will generate a sandbox account, allowing you to test all system features. If you only intend to be invited as an author, you can leave this box unchecked.
To manage users with access to your customers, navigate to Users under Management 11.2
|
|
You will receive an email from the system containing a verification link. If you don't see it in your inbox, please check your spam folder.
|
|
After clicking the link in the email, you will be redirected to AveStream.
If you see a success message after clicking the link, you can now login to the system. |
|
Click the login link and enter your credentials. For persistent login, check the Remember me box.
|
|
If you've forgotten your password, click Forgot your password?. Enter your email address and click Reset password. You will receive an email with a password reset link if you have an existing account
|
|
After successful Login, click the Profile drop-down and select Manage your Account to update your account information.
Under Profile you can update your name and address. This personal information is private and not publicly displayed on the website.
Only your first and last name will be visible on any blog pages you create.
Select your time zone from the drop-down menu.
Our system stores all dates in UTC. If your time zone is not correctly set, you may see incorrect date/time displays.
Select the level of notifications you wish to receive from the system. |
|
Under Email you can change your email address.
Enter your new email address and click Change email.
You will receive an email with a confirmation link. Click the link to confirm your new email address.
|
|
Under Password you can change your password.
Enter your current password, then enter and confirm your new password.
Click Update password to save the changes.
|
|
Under Personal data you have two options:
Download Your Data:
Delete Your Account:
Important: Deleting your account will not delete any content you have created or shared on the platform.
|
|
After clicking Logout, you will be redirected to the start page and logged out of your account.
After logging in, you can access the AveStream Admin Console by clicking the Publishing link in the navigation. The Publishing Console provides an overview of the system's core elements.
The AveStream Publishing console is currently available only in English. However, you can utilize browser-based automatic translation features.
Recommendation:
For optimal translation results, we recommend using a Chromium-based browser (such as Chrome, Brave, Edge).
Firefox Note:
Firefox may not consistently respect "do not translate" settings, which can lead to unexpected translations.
While Firefox can be used with the English version, we advise against using it with automatic translation enabled due to potential issues.
1 AveStream Webpage: Access the main AveStream webpage.
2 Customer Selection: Switch between different customer accounts if you have multiple.
3 Webpage Frontend: View the live frontend of your website (root page).
4 Theme Switch: Toggle between Light and Dark mode.
5 Server Notifications: Displays a notification badge with the count of new server notifications. Click the badge to view the notifications in a pop-up modal.
6 Profile: Access and manage your user profile settings (See 2)
The sidebar allows you to select the specific elements of your website that you wish to edit.
A detailed description of each editable item will be provided later.
|
|
After login, the system will pre-select the first customer assigned to your account. Please ensure you have selected the correct customer before making any edits. You will only see and be able to edit content related to the currently selected customer.
|
|
The Dashboard provides an overview of the selected customer
Top Statistics displays the most watched items.
Entity type |
Select the type of item you want to visualize from the dropdown menu |
Statistic range |
Choose the time period for the statistics (last 24 hours, last week, last month) |
Filter Selection |
When you filter the selection, only the chosen item will be displayed in the chart and two buttons will appear: Edit: Opens the form to modify the selected item Show: Displays a preview of the item |
Legend |
Shows the name and corresponding color of each item in the chart |
Chart |
Displays the number of times each item was watched |
Download |
Choose your desired statistics and opt for detailed statistics if needed. To download, click the Download CSV button. |
The Customer Metrics area presents data on the quantity of elements created across all entities.
Under Settings, you can adjust global settings that will apply to all pages within this customer's account.
Note that modifying these settings can have a significant impact on the overall appearance and functionality of the customer's website.
Name |
The customer's full name |
Address |
The customer's complete address |
Contact email |
The customer's primary contact email address |
Domain name |
This is the unique address that users will type in their web browser to access your website. For example, example.com |
Frontend URL |
This is the complete web address of your website's homepage. For example, https://example.com |
Site name |
The title that will appear in browser tabs and search results. |
This image will be displayed when your website URL is shared on social media platforms. Note: If an article has a header image, it will be used as the social share image. | |
Personalize your QR Codes by selecting a central icon. For a polished look, we recommend uploading PNG files with transparent backgrounds, allowing for seamless integration of your chosen icon. | |
Error pages |
Page Not Found (404): |
Cookie consent |
After you've activated the cookie consent feature, you'll be presented with fields where you can enter the specific labels that will be displayed to your website visitors. These labels are crucial for: Transparency: Clearly informing visitors about the types of cookies used on your site (e.g., “Essential Cookies”, “Functional Cookies”, “Marketing Cookies”) User Control: Allowing visitors to easily understand and control which cookies they consent to Compliance: Ensuring your website complies with relevant data privacy regulations (such as GDPR and CCPA) |
This section allows you to manage the different types of articles that can be created on your webpage.
While you can create various article types, the most frequent are typically:
Blogs: For publishing articles, and news
Pages: For creating static content such as “About Us”, “Contact”, or “Terms of Service”
Shop products: Organize the items you sell in your e-shop
To add more article types, simply click the Add button.
Enter the name of the new article type. Only lowercase letters, numbers, and underscores are allowed in the article type name (“[a-z0-9_]”).
Once you enter the name, the system will automatically generate default labels and a tag name for the new article type. You can customize these defaults to your liking.
Finally, click the Create button to save the new article type.
After the changes are saved, the newly created article type will become available for selection in the Article area of the sidebar, allowing you to create content within this new category.
After creating an article type, you can edit the new entry.
Choose the destination for your blog or shop overview.
Ensure you've added a sitemap item first 4.4
Configure how the overview of this article type will be displayed.
Show Tag-Cloud (blogs only) |
If enabled, a tag cloud will be displayed alongside the newest articles, allowing users to filter content by tag |
Number of Columns |
Defines the number of columns used to display the articles |
Show Title |
If enabled, the title of each item will be displayed |
Show Content |
If enabled, a portion of the article content will be displayed |
Show Date |
If enabled, the publication date will be displayed for each item |
Show Author |
If enabled, the author's name will be displayed for each item |
Show Button |
If enabled, a "Read More" button will be displayed for each item on the overview page, linking to the full article |
Templates provide a flexible way to structure the content of your articles.
For each article type, you can use a template to define the order in which article-related elements are displayed to visitors.
To edit a template, navigate to the article type and click "Edit."
Select items from the dropdown to add them to the template, and easily reorder them by dragging and dropping.
Some template items have settings that allow you to customize their style and behavior.
Click the edit button to modify these settings.
Title |
Renders the title of the article. This can be customized on individual pages through page settings 7.11 |
Header Image |
Renders the header image of the article. This can be customized on individual pages through page settings 7.11 |
Content |
Presents the main body of the article. |
Linked Cms Items |
Displays articles and media files linked to this article. |
Record |
Embeds and displays another article within the current page. Ideal for reusable content sections, like blog footers |
Byline |
Shows the byline including creation datetime, category and author |
Keywords |
Lists the keywords associated with the article |
Breadcrumb |
Shows the navigation path to the article's category, if applicable |
Meta Data |
This displays specific metadata for an article. For example, if you're viewing a shop article, it will show its price and available variants. Learn more about article metadata here 7.4 |
Configure message-boxes and buttons for this article type:
No-Items message |
Message to display when no articles are found |
Read-more button |
Sets the label and icons for the Read-more button |
Load-more button |
Sets the label and icons for the Load-more button |
This translation feature utilizes Google Translate. You can customize its behaviour here.
Default Content Language |
Enter the two-letter language code of the language your webpage was originally written in (e.g., en for English) |
Allowed languages for translation |
Enter the two-letter language codes for the languages you want to make available to your audience, separated by commas (e.g., en,de,fr for English, German and French). These languages will be presented in a dropdown menu. |
Skip translation labels |
Enter any specific text or labels that should be excluded from the automatic translation process. This can be helpful for maintaining the original language for certain elements (e.g., brand names, technical terms). |
Specify the locale to control the formatting of dates, numbers, and currency on your webpage. | |
Display Format preview |
A preview of the selected display format will appear here |
Search Provider |
Chose the search providers. If the provider supports testing, a Test button will appear. |
Google Custom Search |
Engine-ID: The unique identifier for your Google Custom Search engine. Find it in your control panel: https://programmablesearchengine.google.com/controlpanel/all API Key: Your API key for Google Custom Search API access. Obtain it from the Google Cloud Console: https://developers.google.com/custom-search/v1/introduction Search page route: Enter the URL path for your search results page (e.g., /customer/search). |
External Search |
Search Page: Chose from the list of search-engines Additional Search Terms: Add default search terms that will be automatically added to every user's search query (e.g., “site:example.com”, “file:pdf” etc.) |
Here, you can manage your external payment providers.
Click Add to create a new provider, or Edit to modify an existing.
Stripe
Create a Restricted API Key:
1.Login to Stripe
2.Go to Developers (bottom left corner) > API keys
3.Click Create restricted key
4.Select Providing this key to another website
5.Enter a Name for the new key
6.Set all access to None then activate:
1.Checkout → Write
2.Orders → Read
7.Copy the generated API token and paste it into the API-Key field of your AveStream payment provider settings.
Add the AveStream Webhook:
1.Go to Developers (bottom left corner) > Webhooks
2.Click Create an event destination
3.Paste the Web-Hook URL from AveStream into the Endpoint URL field
4.Click Select events and chose:
•checkout.session.completed
•payment_intent.created
•payment_intent.succeeded
•charge.succeeded
•charge.updated
5.Click Add endpoint
Tag Manager ID |
Enter the Google Tag Manager ID to include Google-Tag-Manager |
API Key |
Enter your YouTube Data API key to enable automatic parsing of YouTube videos
Create a Google Account and Activate the YouTube Data API: Follow the instructions at: https://developers.google.com/youtube/v3/getting-started Note: You can skip any steps related to authorization credentials (OAuth2) as this isn't currently implemented.
Generate the API Key:
Restrict Your API Key (Recommended): Restricting your API key enhances security by limiting where it can be used
|
Important:
Please include a Data Protection information section on your webpage if you utilize any external analytics tools, to ensure compliance with GDPR.
Under the Newsletter section, you can configure a newsletter provider the selected customer.
Choose the newsletter provider you wish to use (e.g., Mailchimp, SmartEmailing, etc.).
Some providers may require a username, while others may only require an API key.
Enter the required credentials (username and/or API key) for the selected provider.
Once you've entered the credentials, a Test Settings button will appear.
Upon successful Test, AveStream will automatically retrieve a list of available newsletter lists from your provider's account.
Enter a user-friendly display name for the newsletter group (e.g., “Main Newsletter”).
Select the desired newsletter list from the dropdown menu.
Activate the newsletter group to enable newsletter subscriptions for your website users.
If you're using Mailchimp, you can add tags to be automatically applied to new subscribers.
After successful configuration, a newsletter subscription box will automatically appear after the first page navigation on your website.
You can also optionally add the subscription box to your social media links (see the Social Media section for more details here 4.2.7).
|
|
Add as many social media links as needed (we recommend a maximum of five).
To add a new link, select the desired platform from the dropdown menu.
Edit existing links by clicking the edit button.
Select your preferred link template (some platforms like YouTube offer multiple options). Enter the username of the platform you'd like to add.
You can arrange links in any order by dragging and dropping them.
If you've set up a newsletter, you can add a subscription box as a social media link by selecting Newsletter from the dropdown. No further information is needed for this item.
(See 4.2.6 for instructions.)
Configured social media links will be displayed in the footer of every page.
Configure the styling of emails sent by AveStream.
Font size |
Header: Defines the font size of the header text in the email Body: Defines the font size of the main body text in the email Footer: Defines the font size of the footer text in the email |
Mail width |
Defines the width of the email content area (in pixels) |
Border radius |
Defines the border radius of the email container (in pixels) |
Mail Background |
Sets the background color of the entire email |
Primary |
Sets the primary color used for the Header background |
Primary Text |
Sets the primary foreground color for text elements (contrast to Primary color) |
Body Background |
Sets the background color of the email body |
Body text |
Sets the color of the main body text in the email |
Footer text |
Sets the color of the footer text in the email |
Specific Mail Settings
You can customize the configuration for each mail type:
Enabled |
Determines if this mail type is active. Note that some mail types are mandatory and cannot be deactivated |
Subject |
Sets the subject line of the email |
Heading |
Sets the main heading within the email body |
Additional Content |
Defines an additional text block to append to the email content |
Customize how your toast messages look and behave. Toasts are small, temporary notifications that appear on the screen and then disappear automatically.
Additional CSS class |
Add custom CSS classes to your toasts (e.g., p-3 for padding) |
Max. messages |
Define the maximum number of toasts visible simultaneously |
Placement |
Choose where toasts appear on the page |
The Block Styles tab allows you to define custom styles for use within the Block content element (See 7.12.7) and the Full Editor content element (See 7.12.28)
Click the Add button to create a new style.
Change the order: Use drag-and-drop to easily rearrange the order of styles.
Click the Delete button and confirm in the dialogue box.
Important: You can only define CSS classes. Ensure the style is defined in your individual CSS (See 4.5.2)
You can configure your shop's settings in the Shop Settings section.
This section is visible only after you activate the Shop article type 4.2.3
Currency |
Choose the currency in which your shop's products are priced and transactions are processed. |
Please provide the email address to which order confirmations and updates should be sent. For detailed email configuration, see Section 4.2.8 |
Price label |
Define the text that will appear above or next to the product price on your shop pages |
Price hint |
Define additional descriptive text that appears near the price to provide extra information or context |
Placeholder image |
Select an image from your media library to be displayed for products that do not have a specific image assigned to them. |
Enable stock management |
If this is enabled, you'll activate stock tracking for your products |
Low stock threshold |
This sets the minimum inventory level at which a product is flagged as having low stock. |
Out of stock threshold |
This determines the inventory level at which a product is considered to be out of stock. |
Stock display format |
This defines how product stock levels are presented to your customers. Show No Quantity: Displays a generic "In Stock" message without revealing the exact number of items. Show Quantity Remaining: Shows the precise number of items left in stock (e.g., "15 left in stock"). Show Quantity Remaining If Low: Only displays the exact quantity remaining when the stock level falls below the low stock threshold (e.g., "Only 5 left!"). |
Shipping zones
Manage your shipping zones and their associated costs here. You can create multiple zones to cover different regions.
Is active |
Check this box to enable or disable this shipping zone |
Title |
Set a descriptive name for your shipping zone (e.g., "Domestic," "EU Standard," "International") |
Regions |
Select the countries where this shipping zone is available |
Cost |
Define the shipping cost for this specific zone |
Add-To-Cart button |
Defines the visual elements of the button users click to add products to their shopping cart |
Open-Checkout button |
Define the visual elements and functionality of the button that takes users directly to the checkout page from the cart or product page |
Pay-Now button |
Defines the visual elements and functionality of the button that initiates the payment process and completes a purchase |
Basket-Total label |
Defines how the total cost of items in the shopping cart is displayed to the user |
Empty-shopping-cart message |
Define the text that is displayed to users when their shopping cart is empty |
Add-to-cart toast |
Specify the confirmation message that appears when a visitor successfully adds an item to their shopping cart. For additional toast configuration, see Section 4.2.9 |
In the Page Setup section, you can define the links to your shop-specific pages. To select these links, you must first add the corresponding menu-items in the Sitemap section 4.4
Cart page |
Select the route that serves as the user's shopping cart |
Checkout page |
Select the route where users finalize their purchase details and payment |
Terms and conditions |
Select the route containing your shop's legal terms and conditions |
Payment success |
This is the path users are redirected to after a successful payment |
Payment cancel |
This is the path users are redirected to if their payment was cancelled |
Under the Sitemap section, you can customize the sitemap of your webpage.
Select the desired navigation from the drop-down menu to manage it.
To add a menu item, click Add. It appears after the selection, or at the end if nothing was selected.
You can rearrange items by dragging and dropping them. To create a hierarchical structure, drop an item onto another menu item.
When you select a menu item in the tree structure, its settings will be displayed on the right side. Here's a breakdown of each setting:
Type |
Choose the type of menu item: Static: Links to an existing static page (if available) Dynamic: Links to the specified article External: Links to a custom URL (internal or external) Folder: Creates a folder to organize other menu items Article tag: Will show a list of articles based on the tag-filter used. |
Label |
Label will be shown in menu |
Icon class (Optional) |
Define an icon for the menu item using Font Awesome classes Find available icons here: https://fontawesome.com/icons |
Route |
Defines the URL that appears in the browser address bar when this menu item is selected. |
Dynamic page (Dynamic Type Only) |
The ID of the article to be linked for dynamic menu items |
External Link (External Type Only) |
Enter the web address (URL) to which this menu item will link |
Match |
Determines when the menu item is highlighted as active: Starts with: Active when the URL starts with the defined route Exact match: Only active when the URL exactly matches the defined route |
Is visible |
Controls whether the menu item is displayed in the frontend |
Click the Preview button to preview the page associated with the selected menu item in the frontend.
To delete a menu item, select it in the tree and then click the Delete button.
Confirm the deletion in the dialogue box to permanently remove the item.
Use the Style Page to add custom style definitions to your page.
The main CSS file is loaded after all other CSS files, giving you the ability to override any system-defined styles.
The Block CSS file is loaded in both the frontend and backend and should be scoped to only style elements within the .as-article-content container.
The Resources tab allows you to include external JavaScript and CSS files.
You can also define custom meta tags and link tags. This is where you can specify your website's favicon and other page-specific metadata.
Head
Resources added here will be inserted at the end of the <head> section of your webpage.
Supports JavaScript (<script>), CSS (<link>), meta tags (<meta>), and link tags (<link>).
Body
Resources added here will be inserted at the end of the <body> section of your webpage.
Only JavaScript (<script>) resources are allowed.
Add new item |
Use the dropdown menu to add individual resources to the selected group |
Add from HTML |
Click Add from HTML to open a modal window where you can paste HTML code. Clicking Add will parse the HTML, extract resource links, and add them to the selected group. |
The Media Section allows you to manage your web files, such as images, PDFs, videos, and more.
The File Manager's left sidebar provides a tag filter dropdown and a hierarchical folder tree.
•Selecting Category or Keyword in the dropdown displays tagged files on the right
•Clicking a folder in the tree shows its contents on the right
|
Creates a new subfolder within the current directory |
|
Change the view mode List: Displays folder contents as a simple list of file and folder names Grid: Displays a preview of each file (images, documents, etc.) where possible, alongside the file name Grid Size: Adjusts the size of the grid items by using the dropdown menu |
|
Supports drag-and-drop of files for easy upload |
|
AveStream supports direct image pasting from your clipboard. You can paste screenshots, images copied from applications like Word, or Excel cell ranges as images. Pasted images are uploaded to the currently selected folder and are named with the format "screenshot_date_time.ext".
Note: Ensure you grant AveStream clipboard access for this feature to function. |
The Import section of the Media Manager allows you to directly download images, videos, and GIFs from Pexels or Giphy.
To access this feature, click the Import button.
|
Select the provider and file type by using the dropdown. |
|
Enter your search terms in the search field and click the Search button to view the first page of results. |
|
Click the Download button to import the selected file. To import a different size, use the dropdown menu next to the Download button. |
|
At the bottom of the result list, click the Load More button to load the next page of search results. |
Opens a form to modify the metadata of a file.
Alternative Text |
Sets the alternative text for image files |
Title |
Sets the title of a file |
Caption |
Sets the caption of a file |
Category/Keywords |
Defines categories and keywords for a file, enabling selection files by tags in content elements Audio 7.12.5, Images 7.12.3, and Downloads 7.12.6 |
To delete a media, click the Delete button. A confirmation dialogue will appear. Click Confirm to permanently remove the media.
In the Video section, you can create video entries tailored to various needs.
In the Streams section, you can manage your live streams.
The list displays key information such as title, category, availability, and parse status.
Actions:
Edit |
Parse |
|
Preview | |||
|
|
|
|
| ||
|
|
|
|
|
Create copy | |
|
|
|
|
|
Create program | |
|
|
|
|
|
Delete |
To edit an item, click the Edit button within the list.
To create a new item, click the Add button.
General
Unparsed URL |
Enter the original URL from the streaming platform |
Fallback URLs |
Enter up to 5 alternative video URLs to provide a backup options for the same video. |
Is active |
When enabled, the item will be active and visible on the frontend |
Widget |
Add a web widget for interactive elements (optional) |
Language |
Define the language of the streamed content |
Override
Title |
Replace the original video title with a custom title |
Description |
Replace the original video description with a custom description |
Thumbnail |
Replace the original video thumbnail with a custom image |
Tags
Category |
Select a category for this video to organize your library |
Keywords |
Add relevant keywords to this video to facilitate grouping and searching |
System
Parsing frequency |
Determines how often the system checks for updates to this item |
Sort |
Defines the order in which the stream will be displayed |
Statistics
Review statistics for this item. Select a specific time period to analyse trends and data.
Triggers an immediate update of the selected item. Use this after making any changes to the item's settings. Note: If the Unparsed URL contains a YouTube video, a valid YouTube Data API key must be provided in the settings 4.2.5
Click this button to open a preview of the stream in a new browser tab.
Click to generate a QR code linking to this item. If a brand image is set in your settings 4.2, it will appear in the centre.
To create a new item based on existing settings, use the Create copy button. This will create a duplicate of the current item. Edit the copied data as desired and save the item.
To create a program based on the settings click the Create program button. A new program item will be created, pre-filled with data from the current stream. (Program 6.2)
To delete a stream, click the Delete button. A confirmation dialogue will appear. Click Confirm to permanently remove the stream.
Manage your program items here.
The list displays key information such as title, category, availability, and parse status.
Actions:
Edit |
Parse |
|
Preview | |||
|
|
|
|
|
QR-Code | |
|
|
|
|
|
Open externally | |
|
|
|
|
|
Create copy | |
|
|
|
|
|
Create archive | |
|
|
|
|
|
Delete |
Edit items with the Edit button. Add new items with the Add button.
General
Unparsed URL |
Enter the original URL from the streaming platform |
Fallback URLs |
Enter up to 5 alternative video URLs to provide a backup options for the same video. |
Is active |
When enabled, the item will be active and visible on the frontend |
Automatically archive |
If enabled, this program item will be automatically archived after its streaming time has ended. |
Your timezone |
Select the timezone for this program item |
Streaming time |
Defines the start and end time of this program item. Use the move date buttons to adjust the start and end dates |
Recurring |
Configure this program to run regularly. See details in section 6.2.9 |
Override
Title |
Replace the original video title with a custom title |
Description |
Replace the original video description with a custom description |
Thumbnail |
Replace the original video thumbnail with a custom image |
Tags
Category |
Select a category for this video to organize your library |
Keywords |
Add relevant keywords to this video to facilitate grouping and searching |
System
Parsing frequency |
Determines how often the system checks for updates to this item |
Statistics
Review statistics for this item. Select a specific time period to analyse trends and data.
Triggers an immediate update of the selected item. Use this after making any changes to the item's settings. Note: If the Unparsed URL contains a YouTube video, a valid YouTube Data API key must be provided in the settings 4.2.5
Click this button to open a preview of the program in a new browser tab.
Click to generate a QR code linking to this item. If a brand image is set in your settings 4.2, it will appear in the centre.
Opens the unparsed URL of the selected item in a new browser tab.
Create a copy to quickly start a new item with similar settings.
Modify the copied data and save the new item.
Create an archive based on the settings of this program
To delete an item, click the Delete button.
Confirm the deletion in the dialogue box to permanently remove the item.
Configure this program to run regularly by setting the desired interval. This allows you to automate the program's execution, ensuring consistent operation without manual intervention.
Interval |
Specify the numerical value for the interval. For example, setting this to 2 with a Day interval type will cause the program to repeat every two days. |
Interval type |
Choose the unit of time for the interval (e.g., Hour, Day, Week) |
Count |
Enter the number of additional copies you want to create. For example, setting this to 2 will generate two copies in addition to the original, resulting in a total of three items. |
Color |
Assign a color to this series for visual distinction in the program list |
Preview |
Changes to the form will automatically refresh the preview below, showing the effect of your settings. The original item will be indicated with a blue bar, and the copies will have yellow bars next to it. |
The series will be visible in the program list once you save your settings.
If you delete an item that's part of a series, you'll have a choice during confirmation:
Delete this item or Delete the Series
Manage archived videos in the Archive section.
The list displays key information such as title, category, availability, and parse status.
Actions:
Edit |
Parse |
|
Preview | |||
|
|
|
|
|
QR-Code | |
|
|
|
|
|
Create copy | |
|
|
|
|
|
Delete |
Edit items with the Edit button.
Add new items with the Add button.
General
Unparsed URL |
Enter the original URL from the streaming platform |
Fallback URLs |
Enter up to 5 alternative video URLs to provide a backup options for the same video. |
Is active |
When enabled, the item will be active and visible on the frontend |
Streamed |
Select the date when the video was streamed or created |
Language |
Define the language of the streamed content |
Internal comment |
Add an internal comment here. This note will not be visible to website visitors. |
Override
Title |
Replace the original video title with a custom title |
Description |
Replace the original video description with a custom description |
Thumbnail |
Replace the original video thumbnail with a custom image |
Tags
Category |
Select a category for this video to organize your library |
Keywords |
Add relevant keywords to this video to facilitate grouping and searching |
Subtitle
Subtitles (srt) |
Upload Subtitle here (.srt). These subtitles will appear below the video and allow viewers to jump to specific points by clicking on them. |
System
Parsing frequency |
Determines how often the system checks for updates to this item |
Statistics
Review statistics for this item. Select a specific time period to analyse trends and data.
Triggers an immediate update of the selected item. Use this after making any changes to the item's settings. Note: If the Unparsed URL contains a YouTube video, a valid YouTube Data API key must be provided in the settings 4.2.5
Click this button to open a preview of the stream in a new browser tab.
Click to generate a QR code linking to this item. If a brand image is set in your settings 4.2, it will appear in the centre.
Quickly create a new item based on the current one.
Modify the copied data as needed and save the new item.
To delete an item, click the Delete button.
Confirm the deletion in the dialogue box to permanently remove the item.
Before watching an archived video on the mobile platform, viewers will encounter a short sequence. This presents an ideal opportunity to:
Solicit donations to support your continued work
Highlight important news and updates related to your organization
In the list, you'll see essential details like title, category, availability, and parse status.
Actions:
Edit |
Download |
|
Create copy | |||
|
|
|
|
|
Delete |
Edit an existing item by clicking the Edit button within the list.
To create a new item, click the Add button.
Name |
The name of the item you are creating |
Video URL |
Chose the video (mov or mp4) you want to use in the sequence (See File-Manager 9.4) |
Button text |
Set the text that will appear on the button |
Button URL |
Enter the URL that will be opened when the button is clicked |
To download the video for this article, click the Download button. If your browser can play the video, it will be displayed in a new tab.
This will open a new item pre-filled with the data from the original. Modify the values as needed and save the new item.
After confirming in the dialogue box, the item will be permanently removed.
An article is a piece of written content. On a website, articles can be presented as web pages. Two common types of articles found on websites are blog posts and static pages.
Actions:
Edit |
Preview |
|
QR-Code | |||
|
|
|
|
|
Export | |
|
|
|
|
|
Create copy | |
|
|
|
|
|
Delete |
If you have many articles, you can easily find a specific one by opening the search dialogue. Click here to learn more about using the search dialogue 9.3
To create additional types, view customer settings 4.2.3
|
|
To edit an item, click the Edit button in the list.
To create a new item, click the Add button.
Title |
Enter the title of this article |
Header image |
Select the image to use as the header image (See File Manager 9.4) |
Article contents |
Manage contents for this article. The 'Fill View' indicates how full the high-performance page is. Reaching 100% will still allow saving, but may impact performance. |
Category |
Select a category for this article to organize your library |
Keywords |
Add relevant keywords to this article to facilitate grouping and searching. |
Under SEO, you can view the current SEO Rating for this page.
This section provides tips on how to improve your SEO Rating.
Control article publication by setting start and end dates
If you only set a start date, the article will be published from that date onwards
If you only set an end date, the article will be published until that date
You can link to other CMS items (articles and archives) at the end of this article.
Get additional information about the article.
Review statistics for this item. Select a specific time period to analyse trends and data.
Some article types include additional metadata fields for you to complete, providing more specific details about the content.
Add a brief, engaging description of your product here | |
Additional product images |
Upload extra images to showcase your product |
Has variants |
Check this box if your product comes in multiple variants (e.g., different sizes, colors) If you check Equal price, you'll only need to enter one price that applies to all your product variants |
Label (variants only) |
This is the name for a specific variant option, such as Red for a color variant or Large for a size variant |
Price |
This defines the price for this specific product or product variant |
Variant Image (variants only) |
Upload an image that represents this particular product variant |
Stock management |
If enabled, you can enter the stock amount and a unique SKU (Stock Keeping Unit) for your product or each variant If stock management is off, you can manually set the Stock status: In Stock: Indicates the product is available for purchase Out of stock: Indicates the product is currently unavailable Out backorder: Indicates the product is out of stock but can still be ordered, with delivery to follow later |
Add attributes to your shop products. Attributes are presented as a list of Name/Value.
Name |
Define the name for the attribute (e.g., "Color," "Size," "Author") |
Value |
Set the corresponding value for the attribute (e.g., "Red," "Large," "Cotton"). |
Define the options available for your product. Customers can choose one or more of these options when purchasing the product.
Think of this like a pizza configurator: your shop visitors can add various items to their pizza, such as "extra cheese" or "olives".
You can add new options by clicking the Add button. To reorder options, use the drag-and-drop functionality.
Label |
Set a label for this option group. |
Display as |
Choose how these options will be presented to customers. Possible display types include buttons or a list |
Allow multiple selection |
Enable this if customers should be able to select more than one choice |
Name |
Enter the name for this specific option (e.g., "extra cheese ," "olives") |
Cost |
Set the additional cost associated with choosing this option |
Here, you can define the physical dimensions of this item for shipping purposes.
Weigth (kg) |
Enter the weight of the item in kilograms |
Length (cm) |
Enter the length of the item in centimeters |
Width (cm) |
Enter the width of the item in centimeters |
Height (cm) |
Enter the height of the item in centimeters |
To view the preview, click the Preview button.
The preview will open in a new browser tab.
Click to generate a QR code linking to this item. If a brand image is set in your settings 4.2, it will appear in the centre.
You can export the Article as a json-backup by clicking the Export button.
This will open the Edit-Form with the copy of an existing article.
To delete an article, click the Delete button.
After confirming in the dialogue box, the item will be permanently deleted.
You can import articles from previously exported .json files or restore individual articles from backups. Click the Import button to open the import dialog. Upload the desired .json file, and the articles will be imported automatically.
Page settings can be adjusted during the editing process.
Show title |
If checked, the title will be displayed in the detail view |
Show Header image |
If checked, the header image will be displayed in the detail view |
Customize the order of content items within each article.
Use the intuitive drag-and-drop interface to easily rearrange the display sequence.
Click the Add Content button to add new content.
Select the desired content type from the list or use the search bar to find it.
New content items are automatically added to the bottom of the list.
To edit an existing item, click the Edit button.
To delete an item, click the Delete button.
A confirmation prompt will appear before the item is permanently removed.
All content elements share common fields for customizing their style and behaviour.
Position & Alignment
Above Start |
|
The object will be shown left-aligned above text. This is the Default value |
Above Center |
|
The object will be shown centred above text. |
Above End |
|
The object will be shown right-aligned above text. |
Below Start |
|
The object will be shown left-aligned below text. This is the Default position |
Below Center |
|
The object will be shown centred below text. |
Below End |
|
The object will be shown right-aligned below text. |
Start |
|
The object will be shown left-aligned beside the text. |
End |
|
The object will be shown right-aligned beside the text. |
Float Start |
|
Positions the object at the start of the text flow, allowing text to wrap around it. |
Float End |
|
Positions the object at the end of the text flow, allowing text to wrap around it. |
Appearance
Layout |
Select the desired layout for this element: Default: Standard container with space margins on both sides Fluid Content: Full width of the page with minimal padding Full Width: Full width of the page without padding |
Layout CSS-Class |
Add custom CSS classes for margin, padding and colour |
Show in Page-Index |
Controls the visibility of the Header field within the Page Index (if available) (See 7.12.9) |
Access
Publish |
Select the date-time when this content will be made publicly visible |
Is active |
This content will be visible only if this checkbox is checked |
The Text Element allows you to create and format basic text content.
Generally
Header |
Enter the title for this Element |
Header type |
Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible) |
Align |
Align the headline (start, centre, end) |
Subheader |
Enter the subheader text. This header will be one headline size smaller than the main Header. |
Body |
Enter the main body text for this content using the basic editor, See 9.1 |
Appearance & Access
Read more about the general fields here 7.12.1
The Images content allows you to add multiple images to your article. You can optionally include accompanying text and control how the text wraps around the images.
Images
Filter by Tag |
Select a tag from the dropdown to display images associated with this tag. Manual image selection will be disabled |
Max. items |
Limits the number of images shown (only applicable when a tag is selected in Filter by Tag) |
Selected images |
List of the selected images for this content. To add new images, click the Add button and open the File Manager, See 9.4 |
Position & Alignment |
Defines how the images will wrap with the text, See 7.12.1 |
Images Area Size |
Defines the area that is taken up by the images |
Number of Columns |
Defines how many columns will be used to display the images |
Enlarge on click |
Opens a lightbox of the clicked image, See 9.5 |
Text
Header |
Enter the title for this Element |
Header type |
Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible) |
Align |
Align the headline (start, centre, end) |
Subheader |
Enter the subheader text. This header will be one headline size smaller than the main Header. |
Body |
Enter the Body text for this content using the basic editor, See 9.1 |
Appearance & Access
Read more about the general fields here 7.12.1
The Video content allows you to add a single video to your article. You can optionally include accompanying text and control how the text wraps around the video.
Video
Video source |
Select the source of the video: File: Upload a video directly from your storage. Click the Choose/Upload button to select a video file from your file manager. External: Enter the URL of the YouTube or Rumble video you want to use for this content. After changing the URL, the system will attempt to retrieve the necessary information to display the video. Media Archive: Select an existing video from your media-archive |
Video embedded (Media Archive only) |
If this option is enabled for a video from your Media Archive, the video will be embedded directly onto the page within an iframe |
Video is vertical |
When enabled, the video will be displayed in a vertical format, optimized for platforms like YouTube-Shorts and TikTok. |
Position & Alignment |
Defines how the video will wrap with the text, See 7.12.1 |
Video Size |
Defines the area that is taken up by the video |
Text
Header |
Enter the title for this Element |
Header type |
Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible) |
Align |
Align the headline (start, centre, end) |
Subheader |
Enter the subheader text. This header will be one headline size smaller than the main Header. |
Body |
Enter the Body text for this content using the basic editor, See 9.1 |
Appearance & Access
Read more about the general fields here 7.12.1
The Audio content lets you add multiple audio files to your article. You can optionally include accompanying text and control how it wraps around the audio files.
Audio Files
Filter by Tag |
Select a tag from the dropdown to display audio files associated with this tag. Manual audio file selection will be disabled |
Max. items |
Limits the number of audio files shown (only applicable when a tag is selected in Filter by Tag) |
Selected Audio-Files |
List of the selected audio files for this content. To add new audio files, click the Add button and open the File Manager, See 9.4 |
Position & Alignment |
Defines how the audio files will wrap with the text, See 7.12.1 |
Audio Area Size |
Defines the area that is taken up by the audio files |
Number of Columns |
Defines how many columns will be used to display the audio files |
Text
Header |
Enter the title for this Element |
Header type |
Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible) |
Align |
Align the headline (start, centre, end) |
Subheader |
Enter the subheader text. This header will be one headline size smaller than the main Header. |
Body |
Enter the Body text for this content using the basic editor, See 9.1 |
Appearance & Access
Read more about the general fields here 7.12.1
The Download content lets you add multiple files for download. You can optionally include accompanying text and control how it wraps around the files.
Files
Filter by Tag |
Select a tag from the dropdown to display files associated with this tag. Manual file selection will be disabled |
Max. items |
Limits the number of files shown (only applicable when a tag is selected in Filter by Tag) |
Selected Files |
List of the selected files for download for this content. To add new files, click the Add button and open the File Manager, See 9.4 |
Position & Alignment |
Defines how the files will be wrapped with the text, See 7.12.1 |
Files Area Size |
Defines the area that is taken up by the files |
Number of Columns |
Defines how many columns will be used to display the files |
Show preview |
If checked, the file will be displayed inline if possible. Note: This option is available only when exactly one file is selected and the Number of Columns is set to one |
Text
Header |
Enter the title for this Element |
Header type |
Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible) |
Align |
Align the headline (start, centre, end) |
Subheader |
Enter the subheader text. This header will be one headline size smaller than the main Header. |
Body |
Enter the Body text for this content using the basic editor, See 9.1 |
Labels
Download button label |
Enter the label to display on the download-button |
Appearance & Access
Read more about the general fields here 7.12.1
The Block content allows you to add a block headline. You can optionally include accompanying text and control how it wraps around the headline.
Block
Header |
Enter the title for this Element |
Header type |
Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible) |
Align |
Align the headline (start, centre, end) |
Subheader |
Enter the subheader text. This header will be one headline size smaller than the main Header. |
Block Style |
Select the style to use for the block. To add new Block Styles, see 4.2.10 |
Position & Alignment |
Controls how the block interacts with surrounding text, See 7.12.1 |
Block Size |
Determines the overall dimensions of the block. |
Text
Body |
Enter the Body text for this content using the basic editor, See 9.1 |
Appearance & Access
Read more about the general fields here 7.12.1
The Menu content element enables you to create a custom navigation within your article, allowing readers to easily navigate between different sections or related content.
Menu
Display as |
Determines how the Menu will be presented |
Read-More label |
Sets the text for the Read More link (for Card and Fancy Card views only) |
Aspect ratio (Carousel only) |
Sets the aspect ratio of the Carousel |
Animation (Carousel only) |
Select the animation for carousel transitions. Slide: New items slide in from the side Fade: New items cross-fade |
Interval seconds (Carousel only) |
Sets the duration (in seconds) each carousel item is displayed before transitioning to the next. The interval starts only after the user's first interaction with the carousel, unless Autoplay is enabled. |
Autoplay (Carousel only) |
Enables automatic carousel playback upon loading |
Selected Articles |
Choose the articles to be displayed in the Menu |
Position & Alignment |
Controls how the Menu interacts with surrounding text, See 7.12.1 |
Menu Area Size |
Determines the overall space allocated for the Menu |
Number of Columns |
Defines the number of columns used to display the Menu (for Card and Fancy Card views only) |
Display options |
Select which elements to show (title, content, date, author, button) (for Card and Fancy Card views only) |
Text
Header |
Enter the title for this Element |
Header type |
Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible) |
Align |
Align the headline (start, centre, end) |
Subheader |
Enter the subheader text. This header will be one headline size smaller than the main Header. |
Body |
Enter the Body text for this content using the basic editor, See 9.1 |
Appearance & Access
Read more about the general fields here 7.12.1
List |
|
Card |
|
Fancy Card |
|
Accordion |
|
Tab |
|
Carousel |
|
The page-index content allows you to generate an index of all other contents within an article. Based on the Header Type (e.g., H2, H3, H4), it will automatically create a hierarchically structured index.
You have the option to exclude specific contents from appearing in the index.
When an item in the index is clicked, the page will smoothly scroll to the corresponding headline within the article.
Appearance & Access
Read more about the general fields here 7.12.1
The Article content element displays a list of articles. Users can click on an article to read it in full.
Article
Display as |
Defines how the articles will be presented |
Related article |
Enable this to automatically display the first set of related articles based on the current article's categories or keywords. When enabled, the Data Source and Filter by tag selection options will be unavailable. |
Data source |
Chose a data source from the available options. After selecting a data source, define the range of items to use with the Range from and Range to fields. Read more about Data-Source 7.12.29 Note: Filtering by tag, Page size and Max. items will not be available if a data-source is selected. |
Filter by tag |
Refine the list of articles by selecting specific tags |
Page size |
Sets the number of items displayed per page for pagination |
Max. items |
Limits the number of articles displayed in the list |
Show the Anniversary slider |
This checkbox is visible only when Display is set to Anniversary If checked, allows users to change the date using a slider. |
Position & Alignment |
Controls how the articles interact with surrounding text, See 7.12.1 |
Article Area Size |
Determines the overall space allocated for the displayed articles. |
Number of Columns |
Defines the number of columns used to display the articles |
Display options |
Select which elements to show (title, content, date, author, button) |
Text
Header |
Enter the title for this Element |
Header type |
Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible) |
Align |
Align the headline (start, centre, end) |
Subheader |
Enter the subheader text. This header will be one headline size smaller than the main Header. |
Body |
Enter the Body text for this content using the basic editor, See 9.1 |
Labels
No-Articles label |
Message to display when no articles are found |
Read-more label |
Sets the text for the Read-more button |
Load-more label |
Sets the text for the Load-more button |
Appearance & Access
Read more about the general fields here 7.12.1
List
|
|
Card
|
|
Anniversary
|
|
Fancy Card
|
|
Add a Tag-Cloud to your page with this content element.
Tag cloud
Type |
Specifies the type of tags to be used |
Minimal tag usage |
Sets the minimum number of times a tag must be used to be displayed |
Maximum item count |
Limits the number of tags shown in the tag cloud |
Show usage count |
Displays the number of items associated with each tag |
Appearance & Access
Read more about the general fields here 7.12.1
Use the Top Statistics content element to showcase the most popular items on your page. You can choose to display Articles, Programs, Streams, or Archives.
Statistic
Display as |
Defines how the statistic will be presented |
Compact view |
Shows the item's image only, omitting text and additional details. |
Statistic item |
Select the entity to be included in the top statistics listing. |
Sets the number of items displayed in the statistic | |
Position & Alignment |
Controls how the articles interact with surrounding text, See 7.12.1 |
Statistic Area Size |
Determines the overall space allocated for the displayed items. |
Number of Columns |
Defines the number of columns used to display the articles |
Display options |
Select which elements to show (title, content, date, author, button, count) |
Text
Header |
Enter the title for this Element |
Header type |
Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible) |
Align |
Align the headline (start, centre, end) |
Subheader |
Enter the subheader text. This header will be one headline size smaller than the main Header. |
Body |
Enter the Body text for this content using the basic editor, See 9.1 |
Labels
No-Articles label |
Message to display when no articles are found |
Appearance & Access
Read more about the general fields here 7.12.1
The "Contents" content element allows you to display multiple pieces of content in a single, organized structure. For example, you can arrange your content within columns, tabs, or an accordion.
Contents
Display as |
Sets the display format for the content elements |
Number of Columns |
Defines the number of columns used to display content (for Columns and Card views only) |
Contents |
Manage the content elements to be included
Click the "Add Content" button to add a new content element. Select the desired content type from the available options.
Rearrange the order of elements using drag-and-drop |
Appearance & Access
Read more about the general fields here 7.12.1
List |
|
Columns |
|
Card |
|
Accordion |
|
Tab |
|
Use the Columns element to create a two-column layout for your content.
Columns
Row CSS-Class |
Enter the CSS class for the row (e.g.: row g-2) |
Left Column CSS-Class |
Enter the CSS-class for the left column (e.g.: col-md-8) |
Right Column CSS-Class |
Enter the CSS-class for the right column (e.g.: col-md-4) |
Left/Right |
Add content elements to both the left and right columns. Almost all content types are supported. |
Appearance & Access
Read more about the general fields here 7.12.1
The Plain-HTML content allows you to add custom HTML code for individual and extended functionality. This provides flexibility for implementing unique features or integrating with external services.
HTML
Header |
Enter the title for this Element |
Header type |
Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible) |
Align |
Align the headline (start, centre, end) |
Subheader |
Enter the subheader text. This header will be one headline size smaller than the main Header. |
HTML |
Enter the HTML for this content |
Appearance & Access
Read more about the general fields here 7.12.1
The Horizontal Rule content allows you to add a visual divider across the page, effectively separating distinct sections or content blocks.
Appearance & Access
Read more about the general fields here 7.12.1
The Form content element allows you to create comprehensive contact forms to gather user information.
You can add multiple finishers to define the actions that occur when the user submits the form.
Form Builder
Submit label |
Sets the text for the submit button |
Alignment |
Controls the alignment of the form within its container |
Area Size |
Determines the overall space allocated for the form |
Elements |
Define the fields to be used in your form Add new fields by selecting the input type from the drop-down: Form grid: Arrange fields in a grid layout Label: Displays a label only Text: Input for single-line text Password: For entering passwords securely Email: For entering valid email addresses Phone number: For entering phone numbers URL: For entering URLs Number: For entering numerical values Date: For selecting a date Textarea: For entering multi-line text Checkbox: A simple on/off option Select: Creates a dropdown list with multiple options Captcha: Displays a CAPTCHA image to verify human interaction Hidden: A hidden field that cannot be edited by the user (Often used for tracking form submissions) |
Finishers |
Define the actions that occur after the user submits the form Add new finishers by selecting one from the drop-down: Email: Specify the recipient email address and subject template Redirect: Redirect the user to a specified URL Message: Display a custom message to the user after submission, with a button to return to the form |
Appearance & Access
Read more about the general fields here 7.12.1
The Records content allows you to display a collection of other articles within a single view. This is particularly useful for creating reusable content blocks that can be easily integrated across multiple articles.
Records
Selected Article |
Select the articles to be used in this content |
Appearance & Access
Read more about the general fields here 7.12.1
The Share content allows you to easily add social media sharing buttons to your articles. This enables users to quickly and effortlessly share the article's URL across popular platforms.
Share
Share Buttons |
Activate and sort the share buttons that will be displayed within this content |
Appearance & Access
Read more about the general fields here 7.12.1
The Donate content element allows you to display donation buttons, enabling users to contribute to your work.
Donations
Display as |
Sets the display style for the donation buttons |
Donation Links |
Manage the donation links here
Click the Add button to add a new donation link. New entries are added to the bottom of the list.
Rearrange the order of links using drag-and-drop. |
Header |
Enter the title for this Element |
Header type |
Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible) |
Align |
Align the headline (start, centre, end) |
Text
Body |
Enter the Body text for this content using the basic editor, See 9.1 |
Appearance & Access
Read more about the general fields here 7.12.1
Use the Button content element to create a button with a custom link.
Button
Link |
The URL the button links to |
Button content |
The button's text or HTML content |
CSS class |
Additional CSS classes for styling (e.g., text-white rounded-pill) |
Button color |
The button's color theme (e.g., Primary, Secondary) |
Button size |
The button's size (e.g., ExtraSmall, Small, Medium) |
Outline |
Displays the button as an outline when enabled |
Alignment |
Controls the alignment of the button within its container |
Appearance & Access
Read more about the general fields here 7.12.1
Use the Map content element to display a map on your page.
Map
Map Style |
Select a map style from the dropdown. |
Zoom |
Set the starting zoom level |
Center latitude |
Set the map's initial center latitude |
Center longitude |
Set the map's initial center longitude |
Pin-Button |
Selecting the pin button launches a modal window where you can adjust the map's zoom and drag it to pinpoint your desired location. |
CSS-Class |
Add a CSS class for custom styling (e.g., rounded) |
GeoJSON |
Chose or upload a new GeoJSON to add a map overlay. Use a free online tool like geojson.io (https://geojson.io/) to create overlays. |
Zoom to Bounds |
Available with GeoJSON overlays: Automatically zoom and pan the map to fit the boundaries of the GeoJSON data after it loads. |
Cluster markers |
Available with GeoJSON overlays: Group markers within the GeoJSON data into clusters for better visual representation. |
Position & Alignment |
Defines how the streams will wrap with the text, See 7.12.1 |
Map Area Size |
Defines the area that is taken up by the map |
Map height (in pixel) |
Adjust the map's vertical size |
Toggle the visibility of zoom buttons | |
Toggle the display of map data source information | |
Draggable Map |
Enable or disable map panning by dragging |
Scroll-Wheel Zoom and Double-Click Zoom |
On: Zoom to mouse cursor position Center: Zoom in/out from map center Off: Disable scroll |
Text
Header |
Enter the title for this Element |
Header type |
Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible) |
Align |
Align the headline (start, centre, end) |
Subheader |
Enter the subheader text. This header will be one headline size smaller than the main Header. |
Body |
Enter the Body text for this content using the basic editor, See 9.1 |
Appearance & Access
Read more about the general fields here 7.12.1
Use the Stream content element to display a collection of stream entries.
Streams
Filter by tag |
Filter the items by keyword or category |
Max. Items |
Limits the number of streams displayed |
Show live-streams only |
Displays only live streams in the feed |
Position & Alignment |
Defines how the streams will wrap with the text, See 7.12.1 |
Area Size |
Defines the area that is taken up by the streams |
Number of Columns |
Defines how many columns will be used to display the streams |
Text
Header |
Enter the title for this Element |
Header type |
Select the desired headline size (h2 = largest, h6 = smallest, hidden = not visible) |
Align |
Align the headline (start, centre, end) |
Subheader |
Enter the subheader text. This header will be one headline size smaller than the main Header. |
Body |
Enter the Body text for this content using the basic editor, See 9.1 |
Labels
No-items label |
Message to display when no streams are found |
Appearance & Access
Read more about the general fields here 7.12.1
The Program content allows you to display a list of program items.
Program
Display as |
Defines how the programs will be presented |
Filter by tag |
Filter the items by keyword or category |
Days offset |
Specify the number of days from today to begin displaying the program. Use 0 for today, negative numbers for past days. |
Alignment |
Controls the alignment of the programs within its container |
Area Size |
Defines the area that is taken up by the programs |
Labels
No-items label |
Message to display when no streams are found |
Load-more label |
Sets the text for the Load-more button |
Appearance & Access
Read more about the general fields here 7.12.1
List |
|
Ticker |
|
The Media archive content allows you to display a list of Media archive items.
Media archive
Display as |
Defines how the media archives will be presented List: Displays archives in a simple, sequential list Card: Presents archives as individual, visually appealing cards Accordion: Organizes archives by category within expandable sections. Note: Only archives with a category will be displayed Carousel: Shows the videos in a carousel Anniversary: Shows the videos having the keyword for today |
Aspect ratio (Carousel only) |
Sets the aspect ratio of the Carousel |
Animation (Carousel only) |
Select the animation for carousel transitions. Slide: New items slide in from the side Fade: New items cross-fade |
Interval seconds (Carousel only) |
Sets the duration (in seconds) each carousel item is displayed before transitioning to the next. The interval starts only after the user's first interaction with the carousel, unless Autoplay is enabled. |
Autoplay (Carousel only) |
Enables automatic carousel playback upon loading |
Filter by tag |
Filter the items by keyword or category |
Page size |
Sets the number of items displayed per page for pagination |
Max. items |
Limits the number of items displayed in the list |
Alignment |
Controls the alignment of the media archives within its container |
Area Size |
Defines the area that is taken up by the media archives |
Number of Columns |
Defines how many columns will be used to display the media archives (Card, Accordion and Anniversary only) |
Toolbar |
Choose which controls appear on the toolbar: Show list/grid switch: Enable users to toggle between list and grid layouts Show Search Field: Display a search bar for quick content searches (Accordion only) |
Display options |
Select which elements to show (title, content, date, button) |
Appearance & Access
Read more about the general fields here 7.12.1
The Shopping Cart content provides a clear overview of the user's selected products.
Here, users can manage their order by adjusting quantities, removing items, and confirming their choices before moving to the checkout process.
The Shop Checkout displays the required delivery address fields and provides the user with shipping cost options.
From here, users can finalize their order and initiate the payment process.
The Full Editor content element is a versatile tool that allows you to insert a wide range of elements within a single editor.
Important Note:
This editor is deprecated and is only available for previously imported pages.
Editor
Body text |
Enter the Body text for this content using the full editor, See 9.2 |
Appearance & Access
Read more about the general fields here 7.12.1
Using a page-wide data source lets you centralize your data and reuse it across multiple content elements. For example, you can use the same data source for a list of items and other related content.
Data-Source
Key |
Enter a unique key to identify this data source |
Data Type |
Select the data type for this source |
Data-Source items |
Use this section to combine multiple keyword filters into a single, unified data source |
Here is a list of content elements that supports the consumption of this data-sources:
Article list |
This content type adds a hidden sitemap on this article. This sitemap is exclusively for search engines like Google and Bing, helping them to effectively index all your blog posts and shop products.
For more informations about the search sitemap read section 10.2
This section allows you to manage all the entities used for sending push notifications. |
|
The Notifications section allows you to view past notifications and create new ones.
Create a new notification by clicking "Add".
Community |
Select the specific community or group of users to receive this notification |
Title |
The subject of the notification that will be displayed to users |
Body |
The main message content of the notification |
Image |
An optional image to be included with the notification |
URL to open |
The web address that will be opened when a user taps the notification |
Open externally |
If checked, the specified URL will be opened in the user's default web browser outside of the mobile app |
Preview |
This section provides a visual preview of how the notification will look Note: This preview may not perfectly reflect the actual appearance of the notification on a user's device. |
The Registration section allows you to manage push notification registrations.
To delete a registration, click the Delete button.
After confirming in the dialogue box, the registration will be permanently deleted.
This section provides help for reusable elements, which are designed for use in multiple locations within AveStream.
The Basic editor is suitable for a wide range of applications, allowing you to easily apply fundamental text formatting.
|
Modify text formatting (e.g., to paragraph, heading) |
|
Modify text emphasis (e.g., bold, italics) |
|
Manage lists (bulleted, numbered) and adjust indentation |
|
Modify paragraph alignment |
|
Clear text formatting |
|
Undo and Redo previous actions |
|
Insert links. A modal window will open, allowing you to specify the link type. If the selected text is an email address, the Email tab will be pre-selected. |
|
Add a simple table to your document. Specify the desired number of columns and rows. A toolbar will appear within existing tables, allowing you to customize table settings |
|
Format the current paragraph as a block quote |
|
Display the editor content as HTML code |
The Full Editor content element is a versatile tool that allows you to insert a wide range of elements within a single editor.
Important Note:
This editor is deprecated and is only available for previously imported pages.
|
Modify text emphasis (e.g., bold, italics) |
|
Modify text formatting (e.g., to paragraph, heading) |
|
Select a block to insert. Manage the list of available blocks in customer settings here 4.2.10 |
|
Modify paragraph alignment |
|
Manage lists (bulleted, numbered) and adjust indentation |
|
Insert links. A modal window will open, allowing you to specify the link type. If the selected text is an email address, the Email tab will be pre-selected. |
|
Insert Media: Select Image, Video or Audio. |
|
Add a simple table to your document. Specify the desired number of columns and rows. A toolbar will appear within existing tables, allowing you to customize table settings |
|
Clear text formatting |
|
Toggle full-screen mode to maximize the editing area |
The Filter dialogue allows you to refine your search results by filtering by title or tag. The Filter dialogue is available for Articles and Media Archives.
After applying the filter, the list will be refreshed to display only the items that match your criteria. Depending on the application, you may see various action buttons.
Edit |
Allows you to modify the item |
Preview |
Opens the selected item for viewing |
State |
If an item is selected, a check-mark will be displayed next to it |
Preview |
Opens the selected item for viewing |
When you open the Filter dialogue in Media-Archive, you can manage multiple items simultaneously using batch actions.
Once at least one item is selected, the Batch Actions dropdown menu will become active. From this menu, select the desired action:
Activate |
Make the selected items active |
Deactivate |
Make the selected items inactive |
Add Tag |
Apply a new tag to the selected items |
Remove Tag |
Remove an existing tag from the selected items |
Delete |
Permanently remove the selected items |
The File Manager mirrors the functionality of the Media Section, but operates within a dialog and restricts file selection to specific types based on the current context. Refer to the Media Section for a comprehensive list of features 5
When "Enlarge on click" is activated for images, a lightbox will be displayed in the frontend. Users can click on an image, and the lightbox will appear, showcasing the enlarged image.
If the image content contains multiple images, the lightbox will also display thumbnails of all available images, allowing users to easily switch between them.
To debug the responses from the PWA, add ?debug=true to the URL and press Enter.
This will display all responses made by the PWA in your browser's console.
To simulate the export of the search-sitemap, append ?searchenforced=true to the Home-URL in the frontend.
Note: This simulation only affects the pre-rendered output. When inspecting the HTML, the links will not be visible as the circuit has already updated the DOM.
To view the pre-rendered output with the simulated search-sitemap, append the ?searchenforced=true parameter to the URL and then right-click and select View Page Source.
To open a webpage inside a mobile app without header and footer, you have to place mobile-app after the customer segment.
For example: /avestream/blogs will become /avestream/mobile-app/blogs
The Admin console provides administrative functions, including backups and user account management. Access the Admin console through the profile dropdown menu after successful login. |
|
Under the Backup tab you will find a dropdown with all assosiated customers to your login.
After you select a customer from the dropdown a list with stored backups will be visible in a list
To create a new backup, click Create new Backup. A modal window will appear.
Enter a password to secure the backup. Important: If you forget this password, the backup will be permanently inaccessible.
If you choose Remove Passwords from Backup, all configuration passwords will be excluded and cannot be restored. |
|
Clicking on the backup's name initiates the download of the backup file to your computer.
To delete a backup, click the trash icon next to it. After confirmation, the backup will be permanently deleted.
Under the Users section, you can control which users have access to your customers.
To manage access for a specific customer:
•Select the desired customer from the dropdown menu
•You will then see a list of users who currently have access to that customer
•To remove a user's access, click the Unlink button next to their name and confirm the removal
To grant access to an existing AveStream user:
•Click the Link Existing User button
•Enter the user's email address
•Click Add user
If you have Global Admin privileges, you'll see an additional button to Add new user.
Clicking this button will bring up a form where you can enter the new user's details:
Username / Email |
Must be a valid email address |
Password |
Enter the new user's password |
First name |
Enter the new user's first name |
Last name |
Enter the new user's last name |
The newly created user will be automatically linked to the currently selected customer.
In the Demo Data Import section, you can import demo data to a selected customer.
This feature allows you to import sample blog posts from dummyjson.com
Page size |
Specify the number of blogs to import per page |
Page index |
Enter the page number to import (starting with 0 for the first page) |
Image |
Choose the source for blog images: None: No images will be imported Picsum: Downloads images from picsum.photos ( https://picsum.photos/images) using the blog ID Text: Generates an image with the blog title as text on a random background color (https://dummyjson.com/docs/image) |
Width |
Set the desired width of the imported images |
Height |
Set the desired height of the imported images |
This feature allows you to import sample shop products from dummyjson.com
Page size |
Specify the number of blogs to import per page |
Page index |
Enter the page number to import (starting with 0 for the first page) |
Image |
Choose the source for blog images: None: No images will be imported Picsum: Downloads images from picsum.photos ( https://picsum.photos/images) using the blog ID Text: Generates an image with the blog title as text on a random background color (https://dummyjson.com/docs/image) |
Width |
Set the desired width of the imported images |
Height |
Set the desired height of the imported images |
This feature lets you import sample images from picsum.photos o dummyjson.com
Page size |
Specify the number of images to import per page |
Page index |
Enter the page number to import (starting with 0 for the first page) |
Image |
Choose the source for blog images: Picsum: Downloads images from picsum.photos ( https://picsum.photos/images) using the blog ID Text: Generates an image with the blog title as text on a random background color (https://dummyjson.com/docs/image) |
Width |
Set the desired width of the imported images |
Height |
Set the desired height of the imported images |
Term |
Definition |
Frontend |
Encompasses all client-facing projects, including the Admin Console, Manager Console, and web page presentation. |
Backend |
Represents the core server infrastructure, handling all server-side logic and data processing. |
Publisher-Console |
Empowers authorized customers to manage website content and configuration, including articles, settings, and styles, to control the visitor experience. |
Admin-Console |
Provides additional administrative functions for authorized customers, such as managing backups and user accounts. |
Webpage |
Displays content to both authorized and unauthorized visitors. |
Customer |
AveStream clients with varying roles (e.g., administrators, users), each granted specific access and functionality. |
Visitor |
Individuals who access and view web page content, regardless of authentication status. |
Content Management System (CMS) |
Serves as an intermediary between customers and visitors, streamlining content creation and delivery for optimal presentation. |
Web API |
Enables communication between applications over the internet. It allows software to access and exchange data or functionality from web servers and web browsers. |
Web scraping |
The automated process of extracting data from websites. This involves retrieving the underlying HTML code of a webpage, parsing it, and then extracting specific information. |
Article |
A distinct unit of content within a web publication, such as a blog post or page. It is structured as a sequence of content elements. |
Content Element |
A modular component within an article, designed to display a specific type of data or content. |