---
title: Widgets
url: "https://www.erschmatt.ch/bibliothek-1/widgets/"
date: 2018-02-07
modified: 2023-05-15
lastUpdated: 2023-05-15
---

# Widgets

1. [Home](https://www.erschmatt.ch/)
2. [Bibliothek](https://www.erschmatt.ch/bibliothek-1/)
3. Widgets

  **Die toujou-Elementbibliothek:**
=================================

Widgets
-------

In toujou finden Sie vorkonfigurierte Widgets mit den notwendigen Freiheiten dort, wo Sie diese brauchen. Formate und Textspalten werden inklusive responsivem Verhalten angeboten. Bei der Nutzung von HTML-Elementen empfehlen wir Ihnen, einen Profi zurate zu ziehen, um eine optimale Funktion in toujou zu gewährleisten.

 [### Gebrauchsanweisung

Auf dieser Seite finden Sie alle in toujou verfügbaren Widgets. Um nicht mit echten Inhalten verwechselt zu werden, verwenden wir in der Bibliothek Blindtext und Beispielcodes.

Zur detaillierten Nutzungsanleitung gelangen Sie über die unter dem jeweiligen Element platzierten

 Schaltflächen ❯

 ](https://www.erschmatt.ch/bibliothek-1/widgets/)

---

  Alle Widget-Elemente im Überblick
-----------------------------------

 **Header**: Headercontent Element | Header Media-Element (3:1 ratio)

**Produktübersicht**: Product Grid

**Formulare**: Mailform

HTML-Elemente: [Übersicht](https://www.erschmatt.ch/bibliothek-1/widgets/html/)

---

 ###  News-Card Element

 Keine Blogbeiträge verfügbar.

---

 ###  Product Grid

 [![](https://www.erschmatt.ch/fileadmin/_processed_/7/a/csm_Start_Kleber_unten_rechts_2cf88795ea.png)### 0. Start](https://www.erschmatt.ch/rallye/0/)

[![Acker-Rittersporn](https://www.erschmatt.ch/_assets/processed/9ZkM7VDvpzY62MQ2rRuovpyp-8Dwju9kaFyUwpJnFYc/q:85/c:1536:1536:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX2F3ZGVscGhfYTU0ODI2ZGVmMg:t/cb:0f3e084caf3e33c094fa3c35fa15bb4572d790e0/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9hd2RlbHBoLmpwZw)### Acker-Rittersporn](https://www.erschmatt.ch/roggen/sortengarten/flora/acker-rittersporn/)

[![](https://www.erschmatt.ch/_assets/processed/TlYK1NsipGDHNU6u0OlUm8N5dDxEiCcWFPSm9HKtLp4/q:85/c:3456:3456:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX01hcmtlcjFfSHVlZ29zdGVpX2RjOWU5YmIwYmE:t/cb:3a9e563d2faffc1aa65b584c114355976068fb88/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQWt0aXZpdGFldGVuL1JvZ2dpX1JhbGx5ZS8xLUh1ZWdvc3RlaS9NYXJrZXIxX0h1ZWdvc3RlaS5qcGc)### 1. Hügostei](https://www.erschmatt.ch/rallye/1/)

[![rundblättriges Hasenohr, Bupleurum rotundifolium](https://www.erschmatt.ch/_assets/processed/pGsIh3_ajs8l6-UhmoyzLj8RHPsdsrxdCzIxvvIV39U/q:85/c:1536:1536:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX2F3YnVwbF8wOWE5NzMxOTAx:t/cb:04184ab84736f15f0ea8dfd708677acf2e3a55b8/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9hd2J1cGwuSlBH)### Hasenohr](https://www.erschmatt.ch/roggen/sortengarten/flora/hasenohr/)

[![](https://www.erschmatt.ch/_assets/processed/D-OngpRsEXwER_HSejSx7x-svKb-nSSBdS-zoCMZBYQ/q:85/c:512:512:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX1JvZ2dlbi1XYWxsaXNlci1MYW5kc29ydGUtQWVocmVfNTFmZjIzODhiNA:t/cb:407effb1806a466b640cbc7e77a5debc8b58b953/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvUm9nZ2VuL1NvcnRlbmdhcnRlbi9yb2dnZW5iaWxkZXIvUm9nZ2VuLVdhbGxpc2VyLUxhbmRzb3J0ZS1BZWhyZS5qcGc)### Roggen im Wallis](https://www.erschmatt.ch/getreidesorten/roggen-im-wallis/)

[![Acker-Schwarzkümmel, Nigella arvensis](https://www.erschmatt.ch/_assets/processed/vd-_c8YbW3KvnAa0MIR5C_Xwz-3MOnHXMzVRapAlFA0/q:85/c:2448:2448:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX2F3bmlnMTVfYWVmMDQ0ZTAyNA:t/cb:8021f8abf4d20ba36e8242f0acb286ce1d560c0b/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9hd25pZzE1LkpQRw)### Acker-Schwarzkümmel](https://www.erschmatt.ch/roggen/sortengarten/flora/standard-titel-1/)

[![](https://www.erschmatt.ch/_assets/processed/DwyzWAAMsrEUJYBfV_8EUJuz6FwdiU68pXIS8FYH18k/q:85/c:1512:1512:fp:0.5:0.391/rt:force/w:328/h:328/fn:Y3NtXzIwMjEwNTIzXzExMDMyM19kNjBiYmU1OTRl:t/cb:e4b3ed76186ad43f646731d4bf80799bcf851978/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvU2VoZW5zd3VlcmRpZ2tlaXRlbi9Ib2hlcl9TcHljaGVyLzIwMjEwNTIzXzExMDMyMy5qcGc)### 3. Hoher Spycher](https://www.erschmatt.ch/rallye/3/)

[![](https://www.erschmatt.ch/_assets/processed/kz5cdfUTb-egJXOUPAmm7SQ9fSiP8NKmMrm9taXFpok/q:85/c:256:256:fp:0.5:0.5/rt:force/w:256/h:256/fn:Y3NtX0dyb3NzYm9obmVfQWNrZXJib2huZV9Mb19fdHNjaGVudGFsXzMyZmU3N2I2ZTU:t/cb:a7e538493be4feb644c12125e073b23ef8549aa7/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvUm9nZ2VuL1NvcnRlbmdhcnRlbi9Hcm9zc2JvaG5lX0Fja2VyYm9obmVfTG9fX3RzY2hlbnRhbC5qcGc)### Grossbohne (Ackerbohne, Puffbohne)](https://www.erschmatt.ch/roggen/sortengarten/erschmatter-grossbohne/)

[![Buchweizen](https://www.erschmatt.ch/_assets/processed/gNhYG6OoR8QmqIQDw84JUBRxhFdEKUWqQTD_ftuqufw/q:85/c:1417:1417:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX1ZCVUlfN181NzFjMTkwYTE5:t/cb:9f3808ebb66012a49308f24a7868f2dea34febcd/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvUm9nZ2VuL1NvcnRlbmdhcnRlbi9CdWNod2VpemVuL1ZCVUlfNy5KUEc)### Buchweizen](https://www.erschmatt.ch/kulturpflanzen/buchweizen/)

[![Gerste](https://www.erschmatt.ch/_assets/processed/4Mbl4cBeoQKhjOUMH8tjNHLwVEex166IFJNqnE9Ki6E/q:85/c:1536:1536:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX1NHQklURF82XzNlZGI2MDE2ZTA:t/cb:130f60ff224bd8af2f1fdf3d8060b1d3dc7432d2/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9TR0JJVERfNi5KUEc)### Gerste](https://www.erschmatt.ch/roggen/sortengarten/gerste/)

[### Verarbeitung Buchweizen](https://www.erschmatt.ch/kulturpflanzen/buchweizen/verarbeitung-buchweizen/)

[![](https://www.erschmatt.ch/_assets/processed/V8IM1cC1IYa7UGD50A9rniseRVV2LrvmIdb9uIIbAg0/q:85/c:1536:1536:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtXzIwMDIwOTA1MTEyOTE4NV8xZWUwZDI1ZDE5:t/cb:18fa51e63eee94409baef726c9df7a4d7a5483bc/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvUm9nZ2VuL1NvcnRlbmdhcnRlbi9XZWl6ZW5iaWxkZXIvMjAwMjA5MDUxMTI5MTg1LkpQRw)### Weizen](https://www.erschmatt.ch/kulturpflanzen/weizen/)

[![Adonis aestivalis, Sommer-Adonis](https://www.erschmatt.ch/_assets/processed/8YFadwNx3UFTCOMuf32psXh0qjRZYu9Y-0nlWSFW2DI/q:85/c:768:768:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX0Fkb25pc19hZXN0aXZhbGlzX1NvbW1lci1BZG9uaXNfOTAxZjgxOGFkYw:t/cb:d01a41690a4a9d704315ed2989140b823f9ee910/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvUm9nZ2VuL1NvcnRlbmdhcnRlbi9BZG9uaXNfYWVzdGl2YWxpc19Tb21tZXItQWRvbmlzLmpwZw "Adonis aestivalis Sommer-Adonis")### Adonis](https://www.erschmatt.ch/roggen/sortengarten/flora/standard-titel/)

[![](https://www.erschmatt.ch/_assets/processed/oSh5TrWNB9O5PpU0Y6TbgtzWDrkutVATby4GV5mnMno/q:85/c:3456:3456:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX01hcmtlcl80LjFfNzQwZTc5YjQ0ZA:t/cb:7e48fdc74f8068a55eeabe35eebc8c1dd3f70648/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQWt0aXZpdGFldGVuL1JvZ2dpX1JhbGx5ZS80LVN0YWRlbC1TcHljaGVyL01hcmtlcl80LjEuanBn)### 4. Stadelspycher](https://www.erschmatt.ch/rallye/4/)

[![Rispenhirse](https://www.erschmatt.ch/_assets/processed/c-SXw9lXWEM3tLa2PP4UFcg_uNYbS5uMDVcRhf5uxEM/q:85/c:1536:1536:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX0RTQ04wODkzXzllNWE1ODdhZDA:t/cb:96fbe6e1604134264c4d9f1b39ebc882e282e9d5/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9EU0NOMDg5My5KUEc)### Hirse](https://www.erschmatt.ch/kulturpflanzen/hirse/)

[![](https://www.erschmatt.ch/_assets/processed/wTcjrUjOD_7Z7UP3TJ1f5J_eY2lUzSdFMhT3TnMpvBI/q:85/c:3024:3024:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtXzIwMjEwNTMwXzA5MzE0M180ODRlNGUwODU5:t/cb:78ccf6f4a068a1f8ea24d23f9d39b2cadadccfee/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvU2VoZW5zd3VlcmRpZ2tlaXRlbi9CdXJnZXJoYXVzX21pdF9CYWNrc3R1YmUvMjAyMTA1MzBfMDkzMTQzLmpwZw)### 8. Burgerhaus mit Steinofen](https://www.erschmatt.ch/rallye/8/)

[![](https://www.erschmatt.ch/_assets/processed/-pTbR7IyBLZQTRqkp83vEXakHAFyddoA7mhzz5jDsws/q:85/c:2048:2048:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtXzI0MjIwMDAyXzYzOTgyNjQ4MDg:t/cb:1a1c02d4a1c7aaa6e3c4a2edc292d0e1eb3e57ba/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvU2VoZW5zd3VlcmRpZ2tlaXRlbi9hbHRlX011ZWhsZS8yNDIyMDAwMi5KUEc)### 10. Alte Mühle/Säge](https://www.erschmatt.ch/rallye/10/)

[![](https://www.erschmatt.ch/_assets/processed/9h5eUeHLzScAHcIdVCKuy4vwY1pKsTo4rtDzYTBImpQ/q:85/c:3648:3648:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX0lNR185OTQ5Xzc1MmI1N2ExMWY:t/cb:02e559b6fe4fa06ec2e7ce046545902c73ed235d/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQW5nZWJvdGUvQ2hvcnV3ZXJrc3RhdHQvSU1HXzk5NDkuanBn)### Roggenatelier - ein Walliser Natur- und Kulturerbe erkunden](https://www.erschmatt.ch/angebote/roggenatelier-ein-walliser-natur-und-kulturerbe-erkunden/)

[![](https://www.erschmatt.ch/_assets/processed/kzXv8Y8SXnuftteH_LlnGRoWw884OTcZML0n7shtGxQ/q:85/c:3024:3024:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX0Jyb3RfdW5kX0ZldWVyXzRjMTBkMmE1Nzk:t/cb:dec396fe10c335974501a3b920e6cf0211f0b2fb/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQW5nZWJvdGUvQnJvdF91bmRfRmV1ZXIvQnJvdF91bmRfRmV1ZXIuanBn)### Brot & Feuer](https://www.erschmatt.ch/angebote/brot-feuer/)

[![Mais](https://www.erschmatt.ch/_assets/processed/DZfFFCtVHhlY4ajJdOVT0e9DellmH16qaWZiDXNg9Tc/q:85/c:968:968:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX01BR0lNSTJfNGIwYzRkNzI3YQ:t/cb:9374265130504a3de07a99f8e9ab4d8b56843db8/bG9jYWw6L2ZpbGVhZG1pbi91c2VyX3VwbG9hZC9NQUdJTUkyLkpQRw)### Mais](https://www.erschmatt.ch/roggen/sortengarten/mais/)

[![](https://www.erschmatt.ch/_assets/processed/nWHOUiaf-dPNb8lvJpBBIJ2HLqYWFBuQ4eMIhrFIh3s/q:85/c:2318:2318:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX19FSF81MjU3XzJ4MjBfMTE0NC1leWV0dXJuZXItZ2VvcmctYmVyZ18wYzc1NWJmMDE1:t/cb:2856c381662aec52c68dff719877baef2e21c429/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQW5nZWJvdGUvQmFja2VybGVibmlzL19FSF81MjU3XzJ4MjBfMTE0NC1leWV0dXJuZXItZ2VvcmctYmVyZy5qcGc)### Backerlebnis - das Urchige](https://www.erschmatt.ch/angebote/backerlebnis-das-urchige/)

[![](https://www.erschmatt.ch/_assets/processed/9h5eUeHLzScAHcIdVCKuy4vwY1pKsTo4rtDzYTBImpQ/q:85/c:3648:3648:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX0lNR185OTQ5Xzc1MmI1N2ExMWY:t/cb:02e559b6fe4fa06ec2e7ce046545902c73ed235d/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQW5nZWJvdGUvQ2hvcnV3ZXJrc3RhdHQvSU1HXzk5NDkuanBn)### Für Schulklassen: Choruwerkstatt](https://www.erschmatt.ch/angebote/choruwerkstatt-vom-korn-zum-brot/)

[### Zivildienst](https://www.erschmatt.ch/zivildienst/)

[![](https://www.erschmatt.ch/_assets/processed/fGPvja6ya8KKPXPGq9whAg1WYPN1gzgln02eCcNIvVk/q:85/c:1080:1080:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX25hdHVyZV8wMV85ZDRjOGYzN2Yx:t/cb:cb634793507b1ed08c3736bfdedcda03741907fa/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9uYXR1cmVfMDEuanBn)### Produkt 1](https://www.erschmatt.ch/bibliothek-1/produkt-1/)

[![](https://www.erschmatt.ch/_assets/processed/zkFkPShx9EOzRD7Q1mmzjJaA6IF7q_pcYbLDdkknnp0/q:85/c:1841:1841:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX1NjaGllZGVyX1NjaGllZGVyLVNjaHdhbGVuYmVyZ180M2ZlODc3MDll:t/cb:41f9eca6aca266460f7f4e97969603e8b9b95268/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9TY2hpZWRlcl9TY2hpZWRlci1TY2h3YWxlbmJlcmcuanBn)### Produkt 2](https://www.erschmatt.ch/bibliothek-1/produkt-2/)

[![](https://www.erschmatt.ch/_assets/processed/eOyaiuTi_g7CBXVg7BK_nYEJ_VIQHAIzoL1rYTn0Uek/q:85/c:2408:2408:fp:0.5:0.5/rt:force/w:328/h:328/fn:Y3NtX1NjaGllZGVyLVNjaHdhbGVuYmVyZ18tXzIwMTUtMDgtMDlfLV9LaXJjaGVfV29fX2JiZWxfXzE1X18zZjA4MTg0YWZj:t/cb:f5705258b9d1d27828e51f79a3bb128f023308f3/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9TY2hpZWRlci1TY2h3YWxlbmJlcmdfLV8yMDE1LTA4LTA5Xy1fS2lyY2hlX1dvX19iYmVsX18xNV8uanBn)### Produkt 3](https://www.erschmatt.ch/bibliothek-1/produkt-3/)

[![](https://www.erschmatt.ch/fileadmin/_processed_/0/3/csm_demo_06_ffdd1b3894.jpg)### Produkt 4](https://www.erschmatt.ch/bibliothek-1/produkt-4/)

---

   ---

 ###  HTML Elements

 Mit toujou haben Sie auch die Möglichkeit, eigene HTML-Elemente zu erstellen.

[Übersicht der HTML-Elemente](https://www.erschmatt.ch/bibliothek-1/widgets/html/)

 ###  Forms

 ---

 ---

 Beispiele
---------

Auf dieser Seite finden Sie alle verfügbaren Widgets.

 ---

 Widgets
=======

In toujou finden Sie vorkonfigurierte Widgets mit den notwendigen Freiheiten wo Sie diese brauchen.

---