TYPO3

Call to Action Elements

Use the Call to Action content element to motivate visitors to perform a specific action—for example, to log in, download, or visit a specific subpage.

See the design variants for Call to Action

Insert call to action

Open the page you want to edit in the TYPO3 backend. Click on Create new content at the desired location.

  1. Select the Call to Action category in the left column.
  2. The Highlight Banner content element will now appear in the right column, which you can select.
  1. General tab: Here you can define the basic text and content for the element.
    1. Preheader: Enter a short, meaningful title that motivates action.
    2. Header: Enter a short, meaningful header. It helps visitors grasp the content more quickly. In the Type field, you can also set the header hierarchy (e.g., H2, H3). Select Hidden to display the header only in the backend. This helps you locate the content element in the backend. Website visitors will not see a hidden header.
  1. Call to action element: Click on + Set up new to add a button. You can insert up to two buttons with links.
    1. Link text: Use clear, action-oriented text, e.g. “Log in to the newsletter now” or “Contact us.” This is important for digital accessibility and better user guidance.

    2. Link: Enter the target address for the action—either an internal page or an external URL.

      Save: Scroll up and click Save.

Define appearance

  1. Appearance tab: Here you can specify how the content element is displayed.
  2. Layout: Select the desired layout for the element:
    1. Light background: The call-to-action element is displayed with a light gray background and a university blue button.
    2. Blue background: The call-to-action element is displayed with a university blue background and a white button.
    3. Alternative background: Activate the slider to give the content element a light gray background.
  3. Show links in menus: If you set up a table of contents on the page, the header of the content element will appear in it as a link.
  4. Add link to top of page: Inserts a “Back to top” link at the end of the element.

Set publication

  1. Access tab: Here you can control the visibility of the content element on the website.
  2. Visibility: Activate the slider to show or hide the content element on the website.
  3. Publication date: Specify when the content element should be published automatically. This is helpful if you want the publication to take place while you are away.
  4. Expiration date: Enter a date from which the content element will no longer be displayed.
  5. Access rights for user groups: Determine whether the content element is only visible to registered users.

Further user guides for special elements

Do you have any questions?

Do you have any questions or comments about the TYPO3 user guides?

To top