# Structured data

For the presentation of grouped data, e.g. **lists of speakers or sponsors with images and information**, *structured data* provides an option that allows the data to be structured in the backend and displayed in a standardized format in the frontend without having to resort to tables.

{% hint style="success" %}
The structured data is mainly intended to display lists of sponsors and speakers. Of course, this module can also be used to display other data as long as it fits into one of the two patterns (e.g. hotels).
{% endhint %}

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2Fmc3xUQPuQnKt70x8c9Wt%2Fimage.png?alt=media&#x26;token=d128eeec-438d-4776-9c55-e01d58a5a080" alt="Fig. 1: Overview of categories of structured data"><figcaption><p>Fig. 1: Overview of categories of structured data</p></figcaption></figure>

## Add new category

* *Add a new category* (Fig. 1) - The **category corresponds to the article to be linked** in the page structure, the category name is used as the heading (H2).
* Select the category type *Speakers* or *Sponsors* (Fig. 3). The difference lies in the information provided and the display in the frontend:
  * Speakers - first name, surname, institution, image, description (display of image & details)
  * Sponsors - name, logo, description (display of logo & details)

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2FP9Ity6sFEMAiBdBDOyN5%2Fimage.png?alt=media&#x26;token=d00a89a2-fe75-42d0-8439-8721a33c86e7" alt="Fig. 2: Add category"><figcaption><p>Fig. 2: Add category</p></figcaption></figure>

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2F5KXQNYXpdZtHdgAI9zZJ%2Fimage.png?alt=media&#x26;token=00e14002-19e2-4cfc-9a24-373ac8d3515e" alt="Fig. 3: Overview of the individual datasets"><figcaption><p>Fig. 3: Overview of the individual datasets</p></figcaption></figure>

## Add / edit data

* As soon as the category has been added, individual datasets (sponsors or speakers) can be added using the *Add/edit data* button. The datasets are displayed as **tiles** in the frontend (Fig. 6; Fig. 7).
* The **order of** the datasets can be defined in the overview by **dragging and dropping** the individual datasets to the desired position using the *blue bar symbol* (Fig. 2).

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2F8O00LE8M1Py22NmzgAj2%2Fimage.png?alt=media&#x26;token=0956619e-070f-4e9f-b526-50c4f6ad85de" alt="Fig. 4: Data entry for the category type speaker"><figcaption><p>Fig. 4: Data entry for the category type speaker</p></figcaption></figure>

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2FwTjpfT19KcJDP5SFeUyd%2Fimage.png?alt=media&#x26;token=17469c1b-6ecf-4ae4-8f53-cf88229a7c48" alt="Fig. 5: Data entry for the Sponsor category type"><figcaption><p>Fig. 5: Data entry for the Sponsor category type</p></figcaption></figure>

## Integrate structured data into the page

The categories of the *structured data* must then be linked in the [page structure](https://manual.converia.de/en/general/your-own-converia-website/page-structure) - similar to the articles.

* Create a new [page](https://manual.converia.de/en/general/your-own-converia-website/page-structure/create-and-edit-pages) in a *folder*
* Create a *structured data* [module](https://manual.converia.de/en/general/your-own-converia-website/page-structure/create-and-edit-pages/page-content-and-modules) and select the module content (Fig. 6)

{% hint style="success" %}
Multiple content modules can be created on one page - both *articles* and *structured data*, i.e. in addition to various structured data, other articles can also be integrated on the same page.
{% endhint %}

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2FbTRrYscbO80jHQhvJ82l%2Fimage.png?alt=media&#x26;token=2218c373-6ee4-491d-8017-4c306670f769" alt="Fig. 6: Linking the structured data on a page"><figcaption><p>Fig. 6: Linking the structured data on a page</p></figcaption></figure>

## Front-end view

### Sponsors

In the frontend, sponsor logos are always displayed as a tile. The view only changes to the name when hovering over it. Clicking on a tile displays the details. (Fig .7).

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2Fj76viR19NuSNzppEAEsZ%2Fimage.png?alt=media&#x26;token=d853e20d-10a1-40b1-82a9-bab53ef45ad2" alt="Fig. 7: Front-end view of sponsor datasets"><figcaption><p>Fig. 7: Front-end view of sponsor datasets</p></figcaption></figure>

### Speakers

In the frontend, the images of speakers are always displayed as a tile with their name and company or institution. A detail button appears when hovering over it. Click on this button to display the details. (Fig .8).

<figure><img src="https://3664324957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFHhRMg6uphOg3wLL7zym%2Fuploads%2FqZPoZMcIotOse2zzaTIl%2Fimage.png?alt=media&#x26;token=fb40b578-79c0-4edd-a6ff-b5b3d3833dd9" alt="Fig. 8: Front-end view of speaker datasets"><figcaption><p>Fig. 8: Front-end view of speaker datasets</p></figcaption></figure>
