> For the complete documentation index, see [llms.txt](https://sdn.docs.3q.video/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sdn.docs.3q.video/interface/module/webcasting/ein-template-erstellen-bearbeiten.md).

# Ein Template erstellen/bearbeiten

Mit dem Template legen Sie das **Design** sowie die zur Anwendung kommenden **Funktionen** und **Inhalte** fest. Diese Einstellungen können nach Bedarf geändert werden. 

Ein Template wird einer oder mehreren Webcast-Serien zugewiesen. Alle Webcasts einer Webcast-Serie arbeiten mit demselben Template. 

{% hint style="info" %}
Die Elemente Live Polls und die Kommentarfunktion können nur mit dem Einsatz von Livestream-Projekten genutzt werden.
{% endhint %}

Gehen Sie im **Webcasting Manager** auf den Button **+ Template erstellen** oder zum Bearbeiten eines Templates auf das **Stift-Icon** in der **Tabelle "Templates".**

Hier wählen Sie welche Anzeigeelemente Sie per CSS anpassen wollen.

{% hint style="info" %}
Ein Template kann auch ohne Anpassungen verwendet werden.
{% endhint %}

## Konfigurationsbereich "Allgemein"

Hier können Sie dem Template optional folgende graphische Elemente und Informationen hinzufügen sowie die Anzeige von Elementen festlegen:

1. einen **Namen** für das Template **hinterlegen**                     - Feld: **Name des Templates**
2. Texte, Bilder und Links dem Bereich Footer hinzufügen  - HTML Editor: **Footer bearbeiten**
3. ein **Logo**, **Favicon** und **Hintergrundbild** hochladen         - Button: **Durchsuchen**
4. die Anzeige von Elementen aktivieren/ deaktivieren        - Häkchen in **Checkbox**
   * **Beschreibung anzeigen**                - <mark style="color:red;">die Texteingabe aus ... wird angezeigt.</mark>
   * **Live Polling außerhalb ...** - die Umfragen werden im eigenen Fenster angezeigt
   * **Kommentarfenster außerhalb ...**  - der Kommentarbereich im eigenen Fenster angezeigt
   * **Logo anzeigen**                                       - das Logo wird im Bereich Header angezeigt
5. zusätzliche Elemente im Footer platzieren                          - HTML Editor "**Footer bearbeiten**"                               &#x20;
   * **Text** ( wie z.B. Impressum und Nutzungshinweise)
   * **Links**
   * [**Bilder**](#user-content-fn-1)[^1]

Zum Abschluss **speichern** Sie die Einstellungen.

<figure><img src="/files/hlTrLpoWGqH1qJRy2vfP" alt=""><figcaption></figcaption></figure>

Das folgenden Schema zeigt die Standardanordnung der optionalen Element in der Landingpage, die per Checkbox aktiviert werden können.

<figure><img src="/files/dxmHYqrI4cbkOUmQh2zw" alt=""><figcaption></figcaption></figure>

## Konfigurationsbereich "Slides"

Hier stellen Sie ein:

* **ob Slides** im Template **angezeigt werden,**&#x20;
* ob Zuschauer zur größeren Darstellung der Slides die **Positionen von Player und Slides tauschen** können,&#x20;
* dass alle für den Webcast hochgeladenen **Slides** in einer Sliderbox **permanent angezeigt** werden.

<figure><img src="/files/yOmG7GOXdIhtjGKwurSv" alt=""><figcaption></figcaption></figure>

Zum Abschluss **speichern** Sie die Einstellungen.

## Konfigurationsbereich "CSS überschreiben"

Hier können Sie das CSS der drei Seitenbereichen bearbeiten, um

* das Design anzupassen,&#x20;
* die aktivierten Elemente in der Seite alternativ zu gruppieren,&#x20;
* eigene Elemente wie Texte, Bilder und Links hinzuzufügen.

{% hint style="info" %}
Die Größe der Eingabefelder lässt sich über die rechte untere Ecke des Bereichs anpassen.
{% endhint %}

<figure><img src="/files/cgAAh0tG93e1DlJlPboA" alt=""><figcaption></figcaption></figure>

Zum Abschluss **speichern** Sie die Einstellungen.

## Das Template überprüfen

Wir empfehlen, dass Sie sich eine Test-Webcast-Serie anlegen. Die Serie sollte einen Live-Webcast und einen OnDemand-Webcast enthalten.

Wenn Sie eine neues Template angelegt oder Änderungen am bestehenden Template durchgeführt haben, können Sie über die nicht veröffentlichten Test-Webcasts das neue Template aufrufen.

[^1]: Übersichtlicher wäre hier eine&#x20;

    formatierte Tabelle, s.o.