> ## 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 Newsletter Forms

> Set up newsletter sign-up forms via CleverReach on your pages.

In the following, we show you how to create a newsletter form through which visitors can sign up directly for your newsletter.

Our newsletter registration is connected to the email marketing provider CleverReach. You can then create and send newsletters through this provider.

<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 [Create and Edit Content](/docs/en/dynamic-content/user-guide/inhalte-erstellen).
</Note>

<Info>
  Please note that we only explain here how the newsletter module works. This assumes that you have already created a page on which the content can be displayed, and that you are already in the content creation window.
</Info>

<Steps>
  <Step>
    ## Step 1: Select the Content Type "Newsletter Form"

    First, select the "Newsletter Form" module when creating new content on one of your pages. A window with the title "New Newsletter Form" will then open, in which you can enter your CleverReach credentials and the form settings.

    <Frame>
      <img src="https://mintcdn.com/dcag/DlKD43HGX8h1zbMf/images/dynamic-content/inhaltsarten/newsletter/inhaltsart-auswaehlen.png?fit=max&auto=format&n=DlKD43HGX8h1zbMf&q=85&s=5a7a18ad7fd81e2f8d05677e67803566" alt="Select the Newsletter Form module when creating content" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/newsletter/inhaltsart-auswaehlen.png" />
    </Frame>
  </Step>

  <Step>
    ## Step 2: Choose a Description

    Now, in the window that just opened, first select a description. By default, "Newsletter Form" should already be pre-filled, which you can of course change.

    The description is only for organisational purposes and will not be displayed on the selected page.

    <Frame>
      <img src="https://mintcdn.com/dcag/DlKD43HGX8h1zbMf/images/dynamic-content/inhaltsarten/newsletter/beschreibung.png?fit=max&auto=format&n=DlKD43HGX8h1zbMf&q=85&s=50a86d19c92c0b12f6f4a66de4899fe0" alt="Enter a description for the newsletter form" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/newsletter/beschreibung.png" />
    </Frame>
  </Step>

  <Step>
    ## Step 3: Enter Credentials

    Next, enter your CleverReach credentials. The "Account" field requires your customer number there. In "Login", enter the associated username, and in "Password", enter your password.

    <Frame>
      <img src="https://mintcdn.com/dcag/DlKD43HGX8h1zbMf/images/dynamic-content/inhaltsarten/newsletter/zugangsdaten.png?fit=max&auto=format&n=DlKD43HGX8h1zbMf&q=85&s=494905664686d7c58a572bda1514797a" alt="Enter CleverReach credentials for the newsletter form" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/newsletter/zugangsdaten.png" />
    </Frame>
  </Step>

  <Step>
    ## Step 4: Choose the Form Type

    Next, select which form type you would like to use. This is done via the "Form" drop-down.

    You can choose between a sign-up, an unsubscribe, a redirect, or a pure salutation button.

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/DlKD43HGX8h1zbMf/images/dynamic-content/inhaltsarten/newsletter/formulartyp-1.png?fit=max&auto=format&n=DlKD43HGX8h1zbMf&q=85&s=25d7b4f04cb75749e1800523bdfc9f4d" alt="Form drop-down for selecting the form type" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/newsletter/formulartyp-1.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/DlKD43HGX8h1zbMf/images/dynamic-content/inhaltsarten/newsletter/formulartyp-2.png?fit=max&auto=format&n=DlKD43HGX8h1zbMf&q=85&s=a8895ea0abb13eb2018e00ccfb74d552" alt="Selection of available form types" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/newsletter/formulartyp-2.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Step 5: Define Group and Segment

    You can now also assign the form to a group and a segment.

    This means that visitors who sign up via this form will automatically receive the selected group or segment.

    <Frame>
      <img src="https://mintcdn.com/dcag/DlKD43HGX8h1zbMf/images/dynamic-content/inhaltsarten/newsletter/gruppe-segment.png?fit=max&auto=format&n=DlKD43HGX8h1zbMf&q=85&s=96e8eeb234b224e213a308e5e48697c1" alt="Define group and segment for the newsletter sign-up" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/newsletter/gruppe-segment.png" />
    </Frame>
  </Step>

  <Step>
    ## Step 6: Enter Text

    You can then maintain a text in the text editor under the heading "Text", which will be displayed on the newsletter form.

    <Tip>
      Adapt the text individually to the context of the respective page on which the newsletter form is embedded.
    </Tip>

    <Frame>
      <img src="https://mintcdn.com/dcag/DlKD43HGX8h1zbMf/images/dynamic-content/inhaltsarten/newsletter/text-editor.png?fit=max&auto=format&n=DlKD43HGX8h1zbMf&q=85&s=97f5263958ef2661b852f90622c5a04d" alt="Text editor for maintaining the form text" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/newsletter/text-editor.png" />
    </Frame>
  </Step>

  <Step>
    ## Step 7: Choose Fields

    Finally, you can select which fields visitors must fill in to be able to sign up for the newsletter.

    <Info>
      The "Email" field is always active, as newsletters are sent by email and it is therefore required.
    </Info>

    For the "Name" field, you also have the option of using a combined input field or two separate fields for first and last name.

    <Columns cols={3}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/DlKD43HGX8h1zbMf/images/dynamic-content/inhaltsarten/newsletter/felder-1.png?fit=max&auto=format&n=DlKD43HGX8h1zbMf&q=85&s=dd6a5b86200a4f609975fb8a4953e092" alt="Selection of required fields in the newsletter form" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/newsletter/felder-1.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/DlKD43HGX8h1zbMf/images/dynamic-content/inhaltsarten/newsletter/felder-2.png?fit=max&auto=format&n=DlKD43HGX8h1zbMf&q=85&s=ce02140763f2ecb1c7f7250c12a059b6" alt="Configure input fields for first and last name" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/newsletter/felder-2.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/DlKD43HGX8h1zbMf/images/dynamic-content/inhaltsarten/newsletter/felder-3.png?fit=max&auto=format&n=DlKD43HGX8h1zbMf&q=85&s=33614f105d04fbab4519b3b01c984432" alt="Save the newsletter form" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/newsletter/felder-3.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="Create and Edit Content" icon="pen-to-square" href="/docs/en/dynamic-content/user-guide/inhalte-erstellen">
    Create content on pages.
  </Card>

  <Card title="Contact Forms" icon="envelope" href="/docs/en/dynamic-content/user-guide/inhaltsarten/kontaktformulare">
    Embed contact forms on your pages.
  </Card>

  <Card title="Texts" icon="font" href="/docs/en/dynamic-content/user-guide/inhaltsarten/texte">
    Create text content on pages.
  </Card>
</CardGroup>
