> ## 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 - Upload and Manage Files

> Upload files for your website via the file browser and organise them in subdirectories.

In the Files menu, you have the option to manage the files of your website or upload new ones.

You can upload or organise them directly using the file browser available there. For this reason, it is often advisable to upload images or other files in advance using this function, rather than uploading them later within individual content items or similar.

We will show you how the file browser works and where to find it in the following steps.

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

    First, navigate to the Files menu by clicking on the Structure tab in the top bar.

    From the list on the left-hand side, select the item "Files".

    You have now arrived in the menu.

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

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/dateien-verwalten/dateien-menu.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=d16e087ab4664610882eb501f191bb46" alt="Selecting the Files menu from the left-hand list" width="1080" height="643" data-path="images/dynamic-content/dateien-verwalten/dateien-menu.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Step 2: Open the File Browser

    Next, open the file browser. This is done by clicking on the "Plus" icon with the label "New" below it.

    The file browser should now open in a new window.

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/BJVIQhqr6cd9g2F-/images/dynamic-content/dateien-verwalten/dateibrowser-oeffnen.png?fit=max&auto=format&n=BJVIQhqr6cd9g2F-&q=85&s=04e21fc504459b663358a0f28a5988f7" alt="Opening the file browser via the Plus button" width="1080" height="643" data-path="images/dynamic-content/dateien-verwalten/dateibrowser-oeffnen.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/BJVIQhqr6cd9g2F-/images/dynamic-content/dateien-verwalten/dateibrowser-fenster.png?fit=max&auto=format&n=BJVIQhqr6cd9g2F-&q=85&s=d6a88f2aacee623277e4a832f59311a5" alt="File browser opened in a new window" width="1080" height="643" data-path="images/dynamic-content/dateien-verwalten/dateibrowser-fenster.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Step 3: Manage Files

    In the file browser, you will find a list of your subdirectories on the left. These are essentially folders for your files.

    When you click on one of these subdirectories, all files located directly within that directory as well as in all further subdirectories below it will be displayed on the right-hand side.

    By clicking on the arrow next to the respective directories, you can expand them to view any subdirectories that have been created within them.

    To create a new subdirectory, click "New Subdirectory" at the top. This opens a window in which you enter the new directory name and confirm it with "OK". A new subdirectory will then be created.

    In our example, we are creating a new directory for golf newsletters. Since PDF files are to be uploaded there, we create it within the File directory.

    If you now click on the newly created directory, you will also have the options to rename and delete the directory in the top bar.

    Using these subdirectories, you can manage and sort your files so that you can find them more quickly when you need them.

    <Columns cols={3}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/dateien-verwalten/unterverzeichnisse-liste.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=b3e64f5d4dc3cde7b0f27eb9f1a21513" alt="List of subdirectories in the file browser" width="1080" height="643" data-path="images/dynamic-content/dateien-verwalten/unterverzeichnisse-liste.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/dateien-verwalten/verzeichnis-pfeil.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=b7cd9d67eff83be56744a8cab578939a" alt="Arrow for expanding further directories" width="1080" height="643" data-path="images/dynamic-content/dateien-verwalten/verzeichnis-pfeil.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/dateien-verwalten/neues-unterverzeichnis-button.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=8f870d5f95a6afd6e82ccce946d87fc6" alt="New Subdirectory button" width="1080" height="643" data-path="images/dynamic-content/dateien-verwalten/neues-unterverzeichnis-button.png" />
        </Frame>
      </Column>
    </Columns>

    <Columns cols={3}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/dateien-verwalten/neuer-verzeichnisname.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=9f84017b144e6f9544e9576b4e2a605a" alt="Input window for the new directory name" width="1080" height="643" data-path="images/dynamic-content/dateien-verwalten/neuer-verzeichnisname.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/dateien-verwalten/golf-newsletter-verzeichnis.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=22ea98318832eaf944e88a50029df732" alt="Created golf newsletter directory within the File directory" width="1080" height="643" data-path="images/dynamic-content/dateien-verwalten/golf-newsletter-verzeichnis.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/dateien-verwalten/verzeichnis-umbenennen-loeschen.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=cded863b5a9ae9cc0db8c278548a2b44" alt="Options for renaming and deleting a directory" width="1080" height="643" data-path="images/dynamic-content/dateien-verwalten/verzeichnis-umbenennen-loeschen.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Step 4: Upload a New File

    You can now upload one or more files to your newly created directory.

    To do so, make sure you have selected the correct subdirectory on the left-hand side.

    Then simply drag and drop the files you wish to upload from your PC onto the right-hand side of the file browser. Your file or files should then be uploaded.

    If you now click on this file, you will have additional options in the top bar to view, copy, move, rename, and delete it.

    <Check>
      Our newsletter has now been uploaded and correctly sorted, so that it can later be used, for example, as part of a file gallery.
    </Check>

    <Columns cols={3}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/dateien-verwalten/richtiges-verzeichnis-waehlen.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=978af36499e9f0cde9b65d29ac5cdeff" alt="Selecting the correct subdirectory before uploading" width="1080" height="643" data-path="images/dynamic-content/dateien-verwalten/richtiges-verzeichnis-waehlen.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/dateien-verwalten/drag-drop-upload.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=ddd236ac015cc427993b92a43c8584dc" alt="Uploading a file to the file browser via drag and drop" width="1080" height="643" data-path="images/dynamic-content/dateien-verwalten/drag-drop-upload.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/BJVIQhqr6cd9g2F-/images/dynamic-content/dateien-verwalten/datei-optionen-leiste.png?fit=max&auto=format&n=BJVIQhqr6cd9g2F-&q=85&s=8f145a5f2a440b789769e64fcce0d13a" alt="Options for a selected file in the top bar" width="1080" height="643" data-path="images/dynamic-content/dateien-verwalten/datei-optionen-leiste.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>
</Steps>

## Related Topics

<CardGroup cols={2}>
  <Card title="Create Pages" icon="file-circle-plus" href="/docs/en/dynamic-content/user-guide/seiten-erstellen">
    Create new pages and fill them with content.
  </Card>

  <Card title="Create Content" icon="pen-to-square" href="/docs/en/dynamic-content/user-guide/inhalte-erstellen">
    Embed uploaded files in content items and galleries.
  </Card>
</CardGroup>
