TYPO3

Quotes Element

Use the Quotes content element to present quotes in an appealing and clearly visible way on your website.

You can optionally add an image and button to the element. It is particularly suitable for testimonials, opinion quotes, or striking statements that you want to highlight.

See the design variants for Quotes

Insert quotes

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

  1. Select the category Special elements in the left column.
  2. The content element Quotes 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. 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.
  2. Quote source: You can add quotes in three ways:

Select individual quotes: Select existing quotes from the list view. To do this, first set up a folder with quotes:

  1. Switch to the List view (to the left of the page tree). Click on the page or location in the page tree where you want to place the folder (e.g., Root page Website or Collection folder Data). Right-click on the selected location → New. Select the insertion position (e.g., Before or After). In the New Wizard, select Folder. Name the folder.
  2. In the workspace, click on Set Up New Record and select the record type Quote.
  1. Fill in content as for inline quotations (see below).

Add inline quotes: Set up quotes directly in the content element. Click on + Set up new under Quotes and fill in the following fields:

  1. Tagline: Additional subtitle or short note about the quote.
  2. Language: Specify the language of the quote.
  3. Quotes: Enter the desired quote.
  4. Author: Name of the person who said or wrote the quote.
  5. Assignment: Context or organization to which the quote belongs.
  6. Link text & link (optional): Additional link with descriptive link text.
  7. Image (optional): Add an image of the person or a thematic image. To do this, follow the user guides in Adding and managing images.
  1. Select starting point: Specify a folder or page range in the page tree. All quotes contained therein will be displayed automatically.

Save: Scroll up and click on Save.

Important

With Random Mode, the quotes are displayed in random order.

Define appearance

  1. Appearance tab: Here you can specify how the content element is displayed.
  2. 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