> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dc.ag/llms.txt
> Use this file to discover all available pages before exploring further.

# dynamic content - Externe Inhalte anzeigen

> Beliebige externe Webseiten und Inhalte über eine URL direkt auf Ihrer Seite einbetten.

Sie haben neben Facebook- und Youtube-Inhalten noch die Möglichkeit irgendeinen externen Inhalt auf Ihrer Seite einzubetten. Dabei wird der externe Inhalt in einem Fenster direkt auf der Seite angezeigt und nicht nur verlinkt.

<Note>
  Diese Anleitung gehört zu den [Inhaltsarten](/docs/de/dynamic-content/user-guide/inhaltsarten). Wie Sie generell einen Inhalt erstellen, zeigen wir Ihnen unter [Inhalte erstellen und bearbeiten](/docs/de/dynamic-content/user-guide/inhalte-erstellen).
</Note>

<Info>
  Voraussetzung ist, dass Sie eine Seite erstellt haben, auf der der Inhalt angezeigt werden soll, und dass Sie die entsprechenden Einstellungen im CSP-Management beachten.
</Info>

<Steps>
  <Step>
    ## Schritt 1: Auswählen der Inhaltsart

    Wählen Sie bei der Erstellung eines neuen Inhalts das Modul "Externe Inhalte" aus. Daraufhin öffnet sich ein Fenster mit dem Titel "Externen Inhalt anlegen", in dem Sie die Anzeigeeinstellungen und die URL festlegen können.

    In unserem Beispiel betten wir einen Golf-Blog auf einer Inhaltsseite eines Golfvereins ein.

    <Frame>
      <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhaltsarten/externe-inhalte/inhaltsart-auswaehlen.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=5d3c26c9418b0dacc44ab0189cefac09" alt="Modul Externe Inhalte bei der Inhaltserstellung auswählen" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/externe-inhalte/inhaltsart-auswaehlen.png" />
    </Frame>
  </Step>

  <Step>
    ## Schritt 2: Beschreibung wählen

    In dem gerade geöffneten Fenster legen Sie nun eine Beschreibung fest. Diese dient nur der Übersichtlichkeit und wird nicht auf der ausgewählten Seite angezeigt.

    In unserem Beispiel verwenden wir die Beschreibung "Extern: Golf Blog".

    <Frame>
      <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhaltsarten/externe-inhalte/beschreibung.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=bd2d95313ad5eb8e20c830d0165f4ce2" alt="Beschreibung für den externen Inhalt eingeben" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/externe-inhalte/beschreibung.png" />
    </Frame>
  </Step>

  <Step>
    ## Schritt 3: Höhe und Breite wählen

    Anschließend legen Sie die Höhe und Breite in Pixeln fest. Diese Werte bestimmen die Größe des eingebetteten Inhaltsfensters auf der Seite und sollten an die Anforderungen des jeweiligen Inhalts angepasst werden. In unserem Beispiel verwenden wir für den Blog eine Breite von 1200 Pixeln und eine Höhe von 600 Pixeln.

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhaltsarten/externe-inhalte/breite.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=0b5d9d4f1f90ec247d60c1a76bc42368" alt="Breite des Inhaltsfensters in Pixeln festlegen" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/externe-inhalte/breite.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhaltsarten/externe-inhalte/hoehe.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=088ae049621b8469f0c7e4ef552533d9" alt="Höhe des Inhaltsfensters in Pixeln festlegen" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/externe-inhalte/hoehe.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Schritt 4: Externe URL einfügen

    Zum Schluss geben sie noch die URL des Inhalts an, welchen Sie einbetten wollen.

    <Warning>
      Sie können hier eine beliebige URL verwenden. Sollte es zu Verbindungsfehlern kommen, hängen diese in der Regel mit den Einstellungen im CSP-Management zusammen.
    </Warning>

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhaltsarten/externe-inhalte/externe-url.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=9715aadc1d3e0c4086554bd1b303aa98" alt="URL des externen Inhalts einfügen" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/externe-inhalte/externe-url.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhaltsarten/externe-inhalte/speichern.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=fb9b0c706034bf3822abb39b6abb3e79" alt="Externen Inhalt speichern" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/externe-inhalte/speichern.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>
</Steps>

## Verwandte Themen

<CardGroup cols={2}>
  <Card title="Inhaltsarten" icon="shapes" href="/docs/de/dynamic-content/user-guide/inhaltsarten">
    Übersicht aller verfügbaren Module.
  </Card>

  <Card title="Inhalte erstellen und bearbeiten" icon="pen-to-square" href="/docs/de/dynamic-content/user-guide/inhalte-erstellen">
    Inhalte auf Seiten anlegen.
  </Card>

  <Card title="Youtube Inhalte anzeigen" icon="youtube" href="/docs/de/dynamic-content/user-guide/inhaltsarten/youtube">
    Youtube-Videos direkt einbetten.
  </Card>

  <Card title="Facebook" icon="facebook" href="/docs/de/dynamic-content/user-guide/inhaltsarten/facebook">
    Facebook-Inhalte einbinden.
  </Card>
</CardGroup>
