AveStream

Table of Contents

1 What is AveStream

2 Account

2.1 Register

2.2 Login

2.3 Password reset

2.4 Manage your Account

2.4.1 Profile

2.4.2 Email

2.4.3 Password

2.4.4 Personal data

2.4.5 Logout

3 Publishing

3.1 Localisation

3.2 Top Navigation

3.3 Sidebar

4 Customer

4.1 Dashboard

4.1.1 Top Statistic

4.1.2 Customer Metrics

4.2 Settings

4.2.1 General

4.2.2 Site

4.2.3 Article types

4.2.3.1 Edit Article type

4.2.3.2 Overview (Blog and Shop only)

4.2.3.3 Template

4.2.3.4 Labels

4.2.4 Language

4.2.5 External

4.2.5.1 Search Settings

4.2.5.2 Payment providers

4.2.5.3 Google Tag Manager

4.2.5.4 YouTube Data API

4.2.6 Newsletter

4.2.7 Social Media

4.2.8 E-Mail

4.2.9 Toast

4.2.10 Block Styles

4.3 Shop Settings

4.3.1 General

4.3.2 Product

4.3.3 Inventory

4.3.4 Shipping

4.3.5 Buttons

4.3.6 Labels

4.3.7 Page setup

4.4 Sitemap

4.4.1 Chose sitemap

4.4.2 Add new menu-item

4.4.3 Change the order / hierarchy

4.4.4 Edit a menu-item

4.4.5 Preview

4.4.6 Delete a menu-item

4.5 Style & Resources

4.5.1 Main CSS

4.5.2 Block CSS

4.5.3 Resources

5 Media

5.1 Toolbar

5.2 Create Media (Upload / Insert)

5.3 Import Files

5.4 Edit Media

5.5 Delete Media

6 Video-Items

6.1 Streams

6.1.1 Add/Edit stream

6.1.2 Parse stream

6.1.3 Preview stream

6.1.4 QR-Code

6.1.5 Create copy

6.1.6 Create program

6.1.7 Delete stream

6.2 Program

6.2.1 Add/Edit program

6.2.2 Parse program

6.2.3 Preview program

6.2.4 QR-Code

6.2.5 Open externally

6.2.6 Create copy

6.2.7 Create archive

6.2.8 Delete program

6.2.9 Recurring

6.3 Archive

6.3.1 Add/Edit archive

6.3.2 Parse archive

6.3.3 Preview archive

6.3.4 QR-Code

6.3.5 Create copy

6.3.6 Delete archive

6.4 Sequences

6.4.1 Add/Edit sequence

6.4.2 Download sequence

6.4.3 Create copy

6.4.4 Delete sequence

7 Articles

7.1 Search

7.2 Types

7.3 Edit article

7.3.1 Tags

7.3.2 SEO

7.3.3 Publishing

7.3.4 Linked items

7.3.5 Info

7.3.6 Statistics

7.4 Article Metadata

7.4.1 Shop Product

7.4.1.1 General

7.4.1.2 Price / Variants

7.4.1.3 Attributes

7.4.1.4 Options

7.4.1.5 Shipping

7.5 Preview article

7.6 QR-Code

7.7 Export article

7.8 Create copy

7.9 Delete article

7.10 Import Article

7.11 Page settings

7.12 Content-Items

7.12.1 General fields

7.12.2 Text Element

7.12.3 Images

7.12.4 Video

7.12.5 Audio

7.12.6 Downloads

7.12.7 Block

7.12.8 Menu

7.12.9 Page-Index

7.12.10 Article List

7.12.11 Tag-Cloud

7.12.12 Top statistics

7.12.13 Contents

7.12.14 Columns

7.12.15 Plain HTML

7.12.16 Horizontal rule

7.12.17 Form

7.12.18 Records

7.12.19 Share

7.12.20 Donation

7.12.21 Button

7.12.22 Map

7.12.23 Stream

7.12.24 Program

7.12.25 Media archive

7.12.26 Shopping Cart

7.12.27 Shop Checkout

7.12.28 Full Editor (Deprecated)

7.12.29 Data-Source

7.12.30 Search Sitemap

8 Push-Notifications

8.1 Notifications

8.1.1 Add notification

8.2 Registrations

8.2.1 Delete Registrations

9 UI-Elements

9.1 Basic Editor

9.2 Full Editor (Deprecated)

9.3 Filter dialogue

9.3.1 Search items

9.3.2 Select item

9.3.3 Batch actions

9.4 File-Manager

9.5 Lightbox

10 Troubleshooting

10.1 Debug back end response

10.2 Search-bot sitemap

10.3 Open page for in-app-browser

11 Administration

11.1 Backup

11.1.1 Create new Backup

11.1.2 Download Backup

11.1.3 Delete Backup

11.2 Users

11.2.1 Link existing User

11.2.2 Add user (Global Admin only)

11.3 Demo Data Importer

11.3.1 Import Blogs

11.3.2 Import Shop Products

11.3.3 Import Images

12 Glossar

 

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

1 What is AveStream

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:

https://www.avestream.com

YouTube

https://www.youtube.com/@AveStream

LinkedIn

https://www.linkedin.com/showcase/avestream

BlueSky

https://bsky.app/profile/avestream.bsky.social

 

2 Account

2.1 Register

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.

2.2

 

2.2 Login

Click the login link and enter your credentials.

For persistent login, check the Remember me box.

 

2.3 Password reset

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

 

 

2.4 Manage your Account

After successful Login, click the Profile drop-down and select Manage your Account to update your account information.

2.4.1 Profile

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.

2.4.2 Email

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.

 

2.4.3 Password

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.

 

2.4.4 Personal data

Under Personal data you have two options:

 

Download Your Data:
Download a copy of the personal data we have stored about you.

 

Delete Your Account:
This action primarily removes your account from our system.

Important: Deleting your account will not delete any content you have created or shared on the platform.

 

2.4.5 Logout

After clicking Logout, you will be redirected to the start page and logged out of your account.

 

3 Publishing

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.

3.1 Localisation

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.

3.2 Top Navigation

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)

3.3 Sidebar

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.

 

Dashboard

4.1

Settings

4.2

Sitemap

4.4

Style & Resources

4.5

Media

5

Streams

6.1

Program

6.2

Archive

6.3

Sequences

6.4

Articles

7

Notifications

8.1

Registrations

8.2

 

4 Customer

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.

 

4.1 Dashboard

The Dashboard provides an overview of the selected customer

4.1.1 Top Statistic

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.

 

4.1.2 Customer Metrics

The Customer Metrics area presents data on the quantity of elements created across all entities.

 

4.2 Settings

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.

4.2.1 General

Name

The customer's full name

Address

The customer's complete address

Contact email

The customer's primary contact email address

 

4.2.2 Site

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.

Site image

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.

QR-Code Brand

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):
Select the article to show when a visitor requests a page that doesn't exist (incorrect URL)

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)

 

4.2.3 Article types

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.

4.2.3.1 Edit Article type

After creating an article type, you can edit the new entry.

4.2.3.2 Overview (Blog and Shop only)

Route to the overview

Choose the destination for your blog or shop overview.
Ensure you've added a sitemap item first
4.4

Display options for overview

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

 

4.2.3.3 Template

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

4.2.3.4 Labels

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

 

4.2.4 Language

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).

Default Display Format

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

 

4.2.5 External

4.2.5.1 Search Settings

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:pdfetc.)

 

4.2.5.2 Payment providers

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. 1.Login to Stripe 

  2. 2.Go to Developers (bottom left corner) > API keys 

  3. 3.Click Create restricted key 

  4. 4.Select Providing this key to another website 

  5. 5.Enter a Name for the new key 

  6. 6.Set all access to None then activate: 

    1. 1.CheckoutWrite 

    2. 2.OrdersRead 

  7. 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. 1.Go to Developers (bottom left corner) > Webhooks 

  2. 2.Click Create an event destination 

  3. 3.Paste the Web-Hook URL from AveStream into the Endpoint URL field 

  4. 4.Click Select events and chose: 

  1. 5.Click Add endpoint 

 

4.2.5.3 Google Tag Manager

Tag Manager ID

Enter the Google Tag Manager ID to include Google-Tag-Manager

https://support.google.com/tagmanager/answer/14842164

4.2.5.4 YouTube Data API

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:

  • Once on the YouTube Data API v3 details page, go to the Credentials tab 

  • Click Create credentials and select API key 

  • Copy the generated API key and paste it into the designated field within AveStream 

 

Restrict Your API Key (Recommended):

Restricting your API key enhances security by limiting where it can be used

  1. 1.Find your newly created API key and click the Actions button (often represented by three dots or a pencil icon) to edit it 

  2. 2.Under Application restrictions, choose Websites. 

  3. 3.Add two Website-restrictions by clicking the Add Button 

    • *.avestream.com/* 

    • avestream.com/* 

 

Important:

Please include a Data Protection information section on your webpage if you utilize any external analytics tools, to ensure compliance with GDPR.

4.2.6 Newsletter

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).

 

 

4.2.7 Social Media

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.

4.2.8 E-Mail

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

 

4.2.9 Toast

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

 

4.2.10 Block Styles

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)

 

4.3 Shop Settings

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

4.3.1 General

Currency

Choose the currency in which your shop's products are priced and transactions are processed.

Order recipient

Please provide the email address to which order confirmations and updates should be sent.

For detailed email configuration, see Section 4.2.8

 

4.3.2 Product

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.

 

4.3.3 Inventory

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!").

 

4.3.4 Shipping

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

 

4.3.5 Buttons

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

 

4.3.6 Labels

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

 

4.3.7 Page setup

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

4.4 Sitemap

Under the Sitemap section, you can customize the sitemap of your webpage.

4.4.1 Chose sitemap

Select the desired navigation from the drop-down menu to manage it.

4.4.2 Add new menu-item

To add a menu item, click Add. It appears after the selection, or at the end if nothing was selected.

4.4.3 Change the order / hierarchy

You can rearrange items by dragging and dropping them. To create a hierarchical structure, drop an item onto another menu item.

4.4.4 Edit a 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
(not visible in the frontend)

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
(e.g., fa-solid fa-house).

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

 

4.4.5 Preview

Click the Preview button to preview the page associated with the selected menu item in the frontend.

 

4.4.6 Delete a menu-item

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.

 

4.5 Style & Resources

Use the Style Page to add custom style definitions to your page.

4.5.1 Main CSS

The main CSS file is loaded after all other CSS files, giving you the ability to override any system-defined styles.

4.5.2 Block CSS

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.

4.5.3 Resources

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.

 

5 Media

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.

5.1 Toolbar

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

5.2 Create Media (Upload / Insert)

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.

 

5.3 Import Files

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.

 

5.4 Edit Media

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

 

5.5 Delete Media

To delete a media, click the Delete button. A confirmation dialogue will appear. Click Confirm to permanently remove the media.

6 Video-Items

In the Video section, you can create video entries tailored to various needs.

6.1 Streams

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

6.1.1

Parse

6.1.2

Preview

6.1.3

 

 

 

 

 

QR-Code

6.1.4

 

 

 

 

 

Create copy

6.1.5

 

 

 

 

 

Create program

6.1.6

 

 

 

 

 

Delete

6.1.7

6.1.1 Add/Edit stream

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.

6.1.2 Parse stream

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

6.1.3 Preview stream

Click this button to open a preview of the stream in a new browser tab.

6.1.4 QR-Code

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.

6.1.5 Create copy

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.

6.1.6 Create program

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)

6.1.7 Delete stream

To delete a stream, click the Delete button. A confirmation dialogue will appear. Click Confirm to permanently remove the stream.

6.2 Program

Manage your program items here.

The list displays key information such as title, category, availability, and parse status.

Actions:

Edit

6.2.1

Parse

6.2.2

Preview

6.2.3

 

 

 

 

 

QR-Code

6.2.4

 

 

 

 

 

Open externally

6.2.5

 

 

 

 

 

Create copy

6.2.6

 

 

 

 

 

Create archive

6.2.7

 

 

 

 

 

Delete

6.2.8

6.2.1 Add/Edit program

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.

6.2.2 Parse program

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

6.2.3 Preview program

Click this button to open a preview of the program in a new browser tab.

6.2.4 QR-Code

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.

6.2.5 Open externally

Opens the unparsed URL of the selected item in a new browser tab.

6.2.6 Create copy

Create a copy to quickly start a new item with similar settings.
Modify the copied data and save the new item.

6.2.7 Create archive

Create an archive based on the settings of this program

6.2.8 Delete program

To delete an item, click the Delete button.
Confirm the deletion in the dialogue box to permanently remove the item.

6.2.9 Recurring

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

6.3 Archive

Manage archived videos in the Archive section.

The list displays key information such as title, category, availability, and parse status.

Actions:

Edit

6.3.1

Parse

6.3.2

Preview

6.3.3

 

 

 

 

 

QR-Code

6.3.4

 

 

 

 

 

Create copy

6.3.5

 

 

 

 

 

Delete

6.3.6

6.3.1 Add/Edit archive

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.

6.3.2 Parse archive

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

6.3.3 Preview archive

Click this button to open a preview of the stream in a new browser tab.

6.3.4 QR-Code

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.

6.3.5 Create copy

Quickly create a new item based on the current one.
Modify the copied data as needed and save the new item.

6.3.6 Delete archive

To delete an item, click the Delete button.
Confirm the deletion in the dialogue box to permanently remove the item.

6.4 Sequences

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

6.4.1

Download

6.4.2

Create copy

6.4.3

 

 

 

 

 

Delete

6.4.4

 

6.4.1 Add/Edit sequence

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

 

6.4.2 Download sequence

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.

6.4.3 Create copy

This will open a new item pre-filled with the data from the original. Modify the values as needed and save the new item.

6.4.4 Delete sequence

After confirming in the dialogue box, the item will be permanently removed.

7 Articles

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

7.3

Preview

7.5

QR-Code

7.6

 

 

 

 

 

Export

7.7

 

 

 

 

 

Create copy

7.8

 

 

 

 

 

Delete

7.9

7.1 Search

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

7.2 Types

To create additional types, view customer settings 4.2.3

 

7.3 Edit article

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.

 

7.3.1 Tags

Category

Select a category for this article to organize your library

Keywords

Add relevant keywords to this article to facilitate grouping and searching.

 

7.3.2 SEO

Under SEO, you can view the current SEO Rating for this page.
This section provides tips on how to improve your SEO Rating.

7.3.3 Publishing

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

7.3.4 Linked items

You can link to other CMS items (articles and archives) at the end of this article.

7.3.5 Info

Get additional information about the article.

7.3.6 Statistics

Review statistics for this item. Select a specific time period to analyse trends and data.

7.4 Article Metadata

Some article types include additional metadata fields for you to complete, providing more specific details about the content.

7.4.1 Shop Product

7.4.1.1 General

Product teaser

Add a brief, engaging description of your product here

Additional product images

Upload extra images to showcase your product

 

7.4.1.2 Price / Variants

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

 

7.4.1.3 Attributes

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").

 

7.4.1.4 Options

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.
If defined, this label will appear above the selection buttons

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

 

7.4.1.5 Shipping

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

 

7.5 Preview article

To view the preview, click the Preview button.
The preview will open in a new browser tab.

7.6 QR-Code

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.

7.7 Export article

You can export the Article as a json-backup by clicking the Export button.

7.8 Create copy

This will open the Edit-Form with the copy of an existing article.

7.9 Delete article

To delete an article, click the Delete button.
After confirming in the dialogue box, the item will be permanently deleted.

7.10 Import Article

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.

7.11 Page settings

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

7.12 Content-Items

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.

 

7.12.1 General fields

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
https://getbootstrap.com/docs/5.3/utilities/spacing/

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

7.12.2 Text Element

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

 

7.12.3 Images

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

 

7.12.4 Video

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

 

7.12.5 Audio

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

 

7.12.6 Downloads

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

 

7.12.7 Block

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

 

7.12.8 Menu

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

 

7.12.9 Page-Index

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