> ## 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 - Create and Edit Content

> Create and edit content such as texts, images, scrollbars, or collections on pages.

In the following, we will show you how to create content in our CMS.

This is one of the most important functions. With it, you can manage content such as texts, images, scrollbars, or even collections.

To begin, we will explain how to create or edit content.

<Note>
  We will show you which individual content types you can create and how each of them works under [Content Types](/docs/en/dynamic-content/user-guide/inhaltsarten).
</Note>

<Note>
  In addition, you must have previously created a page on which you can manage the content. Further information on creating a page can be found under [Create Pages](/docs/en/dynamic-content/user-guide/seiten-erstellen).
</Note>

<Steps>
  <Step>
    ## Step 1: Navigate to the Pages Menu

    First, navigate to the Pages menu by clicking on the Structure tab. There, select the item "Pages" from the list on the left side.

    You should now have arrived at the Pages menu.

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/navigation-struktur-tab.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=35be3f5392e51595213d5660520c88de" alt="Navigation to the Structure tab" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/navigation-struktur-tab.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/navigation-seiten-menue.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=ba39ad845d1c36f153a2c2dab50335cd" alt="Navigation to the Pages menu" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/navigation-seiten-menue.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Step 2: Select and Edit a Page

    Once in the Pages menu, you have the option to create and edit pages.

    <Note>
      We will show you exactly how this works under [Create Pages](/docs/en/dynamic-content/user-guide/seiten-erstellen).
    </Note>

    Since we now want to create content, we need to select a page for this purpose.

    In our example, we use the already created content page for golf clubs. Double-clicking on it directly opens the window for editing page content.

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/seite-waehlen.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=dcc39b4b346a56485107a86c4871f164" alt="Select a page" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/seite-waehlen.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/inhaltsfenster.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=9647534a787f0dbe00077214b008a8d1" alt="Content window opens" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/inhaltsfenster.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Step 3: Create New Content

    If you now want to create new content, click on the "Plus" icon with the label "Create Content" below it.

    This opens a list below it containing all content types and modules.

    <Note>
      A detailed explanation of each module can be found under [Content Types](/docs/en/dynamic-content/user-guide/inhaltsarten).
    </Note>

    Clicking on the respective module opens a window in which you can create it.

    In our example, we create a text content item for simplicity. To do this, we click on the "Texts" module and enter a description and a text there. Since the first content item is intended to be a heading, we describe it as "header" and enter it.

    <Check>
      We have now created the heading.
    </Check>

    <Columns cols={3}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/inhalt-erstellen.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=51cda287395aad4b75038e36926d8eea" alt="Create new content" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/inhalt-erstellen.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/inhaltsart-waehlen.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=2be8c1190400cc6cae70c33806c95da6" alt="Select content type" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/inhaltsart-waehlen.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/erstellter-inhalt.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=a4a9ef8fbaf5c8885222512a2a7f7aeb" alt="Created content in the overview" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/erstellter-inhalt.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Step 4: Edit Layout

    You also have the option to influence the layout of the respective content item.

    To do so, select the content item whose layout you want to adjust with a single click. Then click on "Content Settings" in the menu at the top of the window.

    There, you initially have the option to select the layout area from the drop-down of the same name. However, our heading should remain in the preset layout area "Content", which is why we leave it selected.

    Using the "Browse" button, you can select the background of the content item.

    <Note>
      When you click the button, our file browser opens, which we explain to you under [Upload and Manage Files](/docs/en/dynamic-content/user-guide/dateien-verwalten).
    </Note>

    Further down, you also have the option to assign layout classes to the content item. This is done by clicking "New". A window should then open from which you can select the layout class by double-clicking.

    For the heading, we select "Content 1/1" for the layout.

    <Note>
      Further information on layout classes can be found under [Layouts](/docs/en/dynamic-content/user-guide/layouts). Please note that you may have different layout classes configured on your websites.
    </Note>

    The layout class has now been assigned to the page content. Do not forget to save everything.

    A layout has now been assigned to the content. You can delete this layout by selecting it with a click and then clicking "Delete", which is located next to "New".

    Finally, go back to the overview by clicking the arrow pointing to the left, with the label "Overview" below it.

    <Columns cols={3}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/inhalt-anwaehlen.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=c843854ab2da5071c7248444352b9cf8" alt="Select content" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/inhalt-anwaehlen.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/inhalts-einstellungen.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=6152552c73a5689071d2412cb63589df" alt="Open Content Settings" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/inhalts-einstellungen.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/layout-bereich.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=740440fb01924b96639de55bc0856862" alt="Select layout area" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/layout-bereich.png" />
        </Frame>
      </Column>
    </Columns>

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/neue-layout-klasse.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=173798f930a2f37156afd5b007fc24eb" alt="Add new layout class" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/neue-layout-klasse.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/inhalt-1-1-waehlen.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=889470f01aad8d02ce77cf4f1840631d" alt="Select layout class Content 1/1" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/inhalt-1-1-waehlen.png" />
        </Frame>
      </Column>
    </Columns>

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/layout-klasse-erstellt.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=78e2a2d2be265423c17aad2c2ea7659e" alt="Layout class created" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/layout-klasse-erstellt.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/zurueck-zur-uebersicht.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=0619938df146db210fc680ac9dfc08b4" alt="Back to overview" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/zurueck-zur-uebersicht.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Step 5: Edit Existing Content

    You can also edit existing content at any time. This is done by double-clicking on the respective content item.

    This opens a window for editing the content.

    <Note>
      You can read about how to edit the individual content modules in detail and what effect the settings in this window have on the appearance of the page under [Content Types](/docs/en/dynamic-content/user-guide/inhaltsarten).
    </Note>

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/inhalt-bearbeiten-1.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=3297bb47cdadc09e03fbcce3db0f8959" alt="Edit existing content by double-clicking" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/inhalt-bearbeiten-1.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/inhalt-bearbeiten-2.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=281dbc730ac3ef9601c10159c79097f7" alt="Editing window for content" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/inhalt-bearbeiten-2.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 content modules.
  </Card>

  <Card title="Create Pages" icon="file-circle-plus" href="/docs/en/dynamic-content/user-guide/seiten-erstellen">
    Create new pages before managing content.
  </Card>

  <Card title="Layouts" icon="table-columns" href="/docs/en/dynamic-content/user-guide/layouts">
    Design layout classes for content.
  </Card>

  <Card title="Upload and Manage Files" icon="folder-open" href="/docs/en/dynamic-content/user-guide/dateien-verwalten">
    Provide files and images for content.
  </Card>
</CardGroup>
