> ## 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 - Display External Content

> Embed any external websites and content via a URL directly on your page.

In addition to Facebook and YouTube content, you also have the option to embed any external content on your page. The external content is displayed in a window directly on the page and is not merely linked.

<Note>
  This guide is part of the [Content Types](/docs/en/dynamic-content/user-guide/inhaltsarten). We show you how to create content in general under [Creating and Editing Content](/docs/en/dynamic-content/user-guide/inhalte-erstellen).
</Note>

<Info>
  The prerequisite is that you have created a page on which the content is to be displayed, and that you observe the relevant settings in the CSP management.
</Info>

<Steps>
  <Step>
    ## Step 1: Select the Content Type

    When creating new content, select the "External Content" module. A window titled "Create External Content" will open, in which you can define the display settings and the URL.

    In our example, we are embedding a golf blog on a content page of a golf club.

    <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="Select the External Content module when creating content" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/externe-inhalte/inhaltsart-auswaehlen.png" />
    </Frame>
  </Step>

  <Step>
    ## Step 2: Choose a Description

    In the window that has just opened, define a description. This is for organisational purposes only and will not be displayed on the selected page.

    In our example, we use the description "External: 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="Enter a description for the external content" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/externe-inhalte/beschreibung.png" />
    </Frame>
  </Step>

  <Step>
    ## Step 3: Choose Height and Width

    Next, define the height and width in pixels. These values determine the size of the embedded content window on the page and should be adjusted to the requirements of the respective content. In our example, we use a width of 1200 pixels and a height of 600 pixels for the blog.

    <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="Set the width of the content window in pixels" 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="Set the height of the content window in pixels" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/externe-inhalte/hoehe.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Step 4: Insert the External URL

    Finally, enter the URL of the content you wish to embed.

    <Warning>
      You can use any URL here. Should connection errors occur, these are generally related to the settings in the CSP management.
    </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="Insert the URL of the external content" 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="Save the external content" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/externe-inhalte/speichern.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>
</Steps>

## Related Topics

<CardGroup cols={2}>
  <Card title="Content Types" icon="shapes" href="/docs/en/dynamic-content/user-guide/inhaltsarten">
    Overview of all available modules.
  </Card>

  <Card title="Creating and Editing Content" icon="pen-to-square" href="/docs/en/dynamic-content/user-guide/inhalte-erstellen">
    Create content on pages.
  </Card>

  <Card title="Display YouTube Content" icon="youtube" href="/docs/en/dynamic-content/user-guide/inhaltsarten/youtube">
    Embed YouTube videos directly.
  </Card>

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