Skip to main content

Components → Target Groups and Teams

Updated over 3 weeks ago

Target Groups and Teams

image

Target Groups (top in the image) and Teams (bottom) are two components that work on an accordion principle. The user clicks on one of the vertically arranged headings to unfold more content.


As the name suggests, you can use these components to address the target groups of your job postings or introduce your teams.

In general: If you have extensive structured content on a topic, these components are a good choice.


Target Groups (Behavior)

Address your target groups directly.


The video shows the animated behavior of this component.


Target Groups: Add Accordion Elements

image

You can add any number of accordion elements.


To do so, click the Plus symbol.


Target Groups: Headline & Text

image

Give the selected accordion element a headline and add text.


The following formatting options are available for the text:

  • Formatting: Bold and italic

  • Bullets and numbered lists

  • Colors: You can assign any color to the entire text or individual words.

  • Links: Links can also be set in the text to open either in the same (default) or a new window.


Target Groups: Image

image

Upload your own image or use one of the predefined images.


Target Groups: Button

image

You have the following options for setting the button function:

  1. Link

  2. Email

  3. Auto-scroll to job listings

  4. Scroll to component
    Clicking the button scrolls to any component

  5. Apply for a job
    Clicking the button directly opens an active job posting

Of course, you can also customize the color of the button.


Target Groups: Scroll to Predefined Job Listings

image

If you choose the \"Auto-scroll to job listings\" option for the button, additional settings are available:

  • Field: Defines the category in the job list that should be pre-filled with a value (e.g., target group).

  • Value: Defines the exact value in this category (e.g., professionals).

This way, your applicants can jump directly to the corresponding job listings by clicking this button.

Please note that only the categories and values of the currently advertised jobs are available for selection. If the button is pre-filled and there are no jobs corresponding to this pre-fill later, the button will no longer work.


Teams (Behavior)

Introduce your teams to the applicants.


The video shows the animated behavior of this component.


Teams: Options

image

The following options are available:

  • Customize the headline including color or remove it entirely.

  • The headlines are underlined to make it clear that interaction is possible here. You can customize the underline style:

    • Line

    • Dotted (default)

    • Dashed

    • Wavy

  • By default, the user must click on an accordion element to unfold it. You can choose the option to unfold by mouseover instead of clicking.


Teams: Add Accordion Elements

image

You can add any number of accordion elements.

However, for clarity, we recommend using no more than 6 accordion elements in this component.


Teams: Headline & Text

image

Give the selected accordion element a headline and add text.


The following formatting options are available for the text:

  • Formatting: Bold and italic

  • Text alignment (also affects the optional button below the text)

  • Bullets and numbered lists

  • Colors: You can assign any color to the entire text or individual words.

  • Links: Links can also be set in the text to open either in the same (default) or a new window.


Teams: Headline Color Options

image

The color of the headline in the accordion is defined by default as follows:

  • White when the accordion is closed

  • Highlight color when the accordion is open

Enable the Custom Colors switch to customize this setting.​


Teams: Image

image

If the option \"Image\" is selected in the \\"Background\\" tab, the background image will be overlaid with the image assigned here when an accordion element is opened.


Upload your own image or use one of the predefined images.​


Teams: Button

image

You have the following options for setting the button function:

  1. Link

  2. Email

  3. Auto-scroll to job listings

  4. Scroll to component
    Clicking the button scrolls to any component

  5. Apply for a job
    Clicking the button directly opens an active job posting

Of course, you can also customize the color of the button.


Teams: Scroll to Predefined Job Listings

image

If you choose the \"Auto-scroll to job listings\" option for the button, additional settings are available:

  • Field: Defines the category in the job list that should be pre-filled with a value (e.g., target group).

  • Value: Defines the exact value in this category (e.g., professionals).

This way, your applicants can jump directly to the corresponding job listings by clicking this button.

Please note that only the categories and values of the currently advertised jobs are available for selection. If the button is pre-filled and there are no jobs corresponding to this pre-fill later, the button will no longer work.


Teams: Background Image

image

In this tab, you can choose either background images (default) or background colors.


If you choose a background image, you must first select an image to be displayed when none of the accordion elements are opened.


Additionally, you need to select a background image in each accordion element that matches the title of the accordion element.


Teams: Background Color

image

If you choose a background color, you must first select a color to be displayed when none of the accordion elements are opened.


Additionally, you need to select a background color in each accordion element that matches the title of the accordion element.

Did this answer your question?