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

> Edit building blocks such as logos and footers of your website and create new building blocks.

In our CMS, you also have the option to edit the basic building blocks of your website yourself or even create new ones.

This allows you to change and customise important content such as your logo yourself at any time. In addition, you can create new building blocks and thus make changes to parts of your pages, such as a different footer for your support portal.

These building blocks can then be added easily when creating a page with just one click.

In the following, we will show you how to create and edit such building blocks. We will explain in detail how to create a building block, since when editing you simply change the settings that were selected during creation.

<Steps>
  <Step>
    ## Step 1: Navigate to the Building Blocks Menu

    First, navigate to the building blocks menu. You can access it via the Structure tab in the top bar.

    There, click on the "Building Blocks" item in the list on the left side.

    You should now have arrived in the building blocks menu.

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

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/BJVIQhqr6cd9g2F-/images/dynamic-content/bausteine/navigation-bausteine-menue.png?fit=max&auto=format&n=BJVIQhqr6cd9g2F-&q=85&s=f7957a5c906703b41cc00239b1bc7604" alt="Navigation to the Building Blocks Menu" width="1080" height="643" data-path="images/dynamic-content/bausteine/navigation-bausteine-menue.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Step 2: Create and Edit a Building Block

    You can edit an existing building block simply by double-clicking on it. If you do so, a window with all the settings for that building block will open.

    By clicking on the "Plus" with the label "New" below it, you can create a new building block. A window with the heading "Create New Building Block" should then open.

    <Frame>
      <img src="https://mintcdn.com/dcag/BJVIQhqr6cd9g2F-/images/dynamic-content/bausteine/neuen-baustein-erstellen.png?fit=max&auto=format&n=BJVIQhqr6cd9g2F-&q=85&s=034c23f99e2ca8740a1b48350549d261" alt="Create New Building Block" width="1080" height="643" data-path="images/dynamic-content/bausteine/neuen-baustein-erstellen.png" />
    </Frame>
  </Step>

  <Step>
    ## Step 3: Choose Building Block Code and Description

    First, select the building block code. As always, this is only for organisational purposes and will not be displayed on your website. Furthermore, the code must not contain umlauts, spaces, or special characters, and we recommend writing it in lowercase.

    The description of a building block is also only for organisational purposes.

    <Info>
      In our example, we are creating a building block for a larger and more elaborate company logo. Therefore, we choose "logo\_big" as the code and "Company logo large" as the description.
    </Info>

    <Frame>
      <img src="https://mintcdn.com/dcag/BJVIQhqr6cd9g2F-/images/dynamic-content/bausteine/code-und-beschreibung.png?fit=max&auto=format&n=BJVIQhqr6cd9g2F-&q=85&s=4d3b55f343a83ca329a4a40d90270a4a" alt="Code and Description of the Building Block" width="1080" height="643" data-path="images/dynamic-content/bausteine/code-und-beschreibung.png" />
    </Frame>
  </Step>

  <Step>
    ## Step 4: Select the Layout Area

    After assigning the description and code, you now define the layout area. This area determines where the building block is displayed on the page.

    Since our example involves the company logo, we select the area "Header Logo".

    <Tip>
      Depending on how your website is structured, you will have more or fewer options for which layout area this building block should be displayed in.
    </Tip>

    <Frame>
      <img src="https://mintcdn.com/dcag/BJVIQhqr6cd9g2F-/images/dynamic-content/bausteine/layout-bereich.png?fit=max&auto=format&n=BJVIQhqr6cd9g2F-&q=85&s=b144e01b0369a07c8a46f92dc8372378" alt="Select Layout Area" width="1080" height="643" data-path="images/dynamic-content/bausteine/layout-bereich.png" />
    </Frame>
  </Step>

  <Step>
    ## Step 5: Set Active and Save

    You now also have the option to declare this building block as "Active by default". This is done simply via a drop-down with "Yes" or "No" as options. If you declare the building block as active by default, it will always be active by default when creating a page, and the checkbox for the respective building block must first be unchecked for it to be inactive.

    You should set the building block to active after making your selection by checking the field next to "Active".

    If you want this building block to be displayed in all languages in which your website operates, check the corresponding checkbox.

    <Info>
      In our example, this is a company logo specifically for more specialised pages. Therefore, this building block should not be active by default. However, it should still be displayed in all languages.
    </Info>

    Now save the building block to have further settings displayed.

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/BJVIQhqr6cd9g2F-/images/dynamic-content/bausteine/standardmaessig-aktiv.png?fit=max&auto=format&n=BJVIQhqr6cd9g2F-&q=85&s=9d97c6871cfe36fdfebbf91b371e09f8" alt="Set Active by Default" width="1080" height="643" data-path="images/dynamic-content/bausteine/standardmaessig-aktiv.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/BJVIQhqr6cd9g2F-/images/dynamic-content/bausteine/aktiv-setzen.png?fit=max&auto=format&n=BJVIQhqr6cd9g2F-&q=85&s=b55c3076938849e0e08ce3e472425d35" alt="Set Building Block Active" width="1080" height="643" data-path="images/dynamic-content/bausteine/aktiv-setzen.png" />
        </Frame>
      </Column>
    </Columns>

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/BJVIQhqr6cd9g2F-/images/dynamic-content/bausteine/in-allen-sprachen-anzeigen.png?fit=max&auto=format&n=BJVIQhqr6cd9g2F-&q=85&s=3223bb87a75b8b3580fb1f880df8bff6" alt="Display in All Languages" width="1080" height="643" data-path="images/dynamic-content/bausteine/in-allen-sprachen-anzeigen.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/BJVIQhqr6cd9g2F-/images/dynamic-content/bausteine/baustein-speichern.png?fit=max&auto=format&n=BJVIQhqr6cd9g2F-&q=85&s=1350670dbe21595e1e7e728e8a274ab2" alt="Save Building Block" width="1080" height="643" data-path="images/dynamic-content/bausteine/baustein-speichern.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Step 6: Create and Edit Content

    After saving, you should open the "Content" section below the basic settings. Click on "Create Content" there.

    A selection of content types should then open.

    <Note>
      A detailed overview of the available modules can be found under [Content Types](/docs/en/dynamic-content/user-guide/inhaltsarten).
    </Note>

    In our example, a simple text field into which we upload an image is sufficient for the creation. Therefore, we click on the "Texts" content type, enter a description, and select our new logo from the file browser. We then save this content.

    <Note>
      You can find out how to upload files and images to the file browser under [Upload and Manage Files](/docs/en/dynamic-content/user-guide/dateien-verwalten).
    </Note>

    <Check>
      The content has thus been created and the large logo has been maintained. You can edit this content by double-clicking on it.
    </Check>

    The creation of the building block is thereby also complete. You can use it when creating a page, as mentioned above.

    <Columns cols={3}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/BJVIQhqr6cd9g2F-/images/dynamic-content/bausteine/neuen-inhalt-erstellen.png?fit=max&auto=format&n=BJVIQhqr6cd9g2F-&q=85&s=363268247e8030bd9f75b64e509260bf" alt="Create New Content in the Building Block" width="1080" height="643" data-path="images/dynamic-content/bausteine/neuen-inhalt-erstellen.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/BJVIQhqr6cd9g2F-/images/dynamic-content/bausteine/beschreibung-und-speichern.png?fit=max&auto=format&n=BJVIQhqr6cd9g2F-&q=85&s=b36de58d23720ee2ee4f79331b9376e1" alt="Enter Description and Save" width="1080" height="643" data-path="images/dynamic-content/bausteine/beschreibung-und-speichern.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/BJVIQhqr6cd9g2F-/images/dynamic-content/bausteine/inhalt-in-liste.png?fit=max&auto=format&n=BJVIQhqr6cd9g2F-&q=85&s=286cebfce34efbc434afcd35ce307c65" alt="Content in the List" width="1080" height="643" data-path="images/dynamic-content/bausteine/inhalt-in-liste.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>
</Steps>

## Related Topics

<CardGroup cols={2}>
  <Card title="Create Page Templates" icon="clone" href="/docs/en/dynamic-content/user-guide/seitenvorlagen">
    Create templates for recurring page structures.
  </Card>

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

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

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