Vielleicht kennst du dieses Problem: Manchmal hat man einfach nicht das perfekte Bild zur Hand für die Informationen, die man vermitteln möchte. In diesem Fall können die "Symbol mit Text"-Elemente hilfreich sein. Du kannst aus einer großen Sammlung von verschiedenen Symbolen wählen, um deine Botschaft zu illustrieren.
Springe zu:
- Füge ein Symbol-Element hinzu
- Gestalte das Symbol-Element
- Bearbeite den Hintergrund und die Kontur
- Verschiedene Anwendungsbereiche
Füge ein Symbol-Element hinzu
- In der Seitenleiste deines Cockpits, navigiere zu Editor.
Der Editor öffnet sich. - Navigiere zu Seiten.
- Wähle die Seite aus, die du bearbeiten möchtest, oder füge eine neue Seite hinzu.
Eine Vorschau der Seite wird rechts angezeigt. - Navigiere zu Inhaltselemente → Symbole.
- Ziehe ein Symbol-Inhaltselement an die gewünschte Position.
Du kannst Inhaltselemente nur in den blauen Bereichen der Seite ablegen. - Wähle Symbol hinzufügen.
Die Ansicht Symbol hinzufügen erscheint. - Wähle ein Symbol aus der Bibliothek. Um die Bibliothek zu öffnen, wähle den Link Symbol-Bibliothek öffnen.
- Optional: Füge dem Symbol einen Link hinzu.
- Wenn der Link in einem neuen Tab geöffnet werden soll, aktiviere die Checkbox Link in neuem Tab öffnen.
- Um den Link zu entfernen, wähle
.
- Gestalte das Symbol-Element. Weitere Informationen findest du im folgenden Abschnitt.
- Sobald du fertig bist, wähle Speichern.
Du hast das Symbol-Element hinzugefügt.
Um das Symbol-Element erneut zu bearbeiten, bewege deine Maus darüber und wähle .
Um ein Symbol-Element hinzuzufügen oder zu entfernen, verwende die Einstellungen für Inhaltselemente. Weitere Informationen findest du unter Inhaltselemente bearbeiten.
Gestalte das Symbol-Element
Um jedes Symbol perfekt auf das Design deiner Website abzustimmen, kannst du verschiedene Einstellungen vornehmen.
Hinweis
Es ist derzeit nicht möglich die gleichen Design-Einstellungen automatisch auf mehrere Symbole anzuwenden. Stattdessen musst du die Einstellungen für jedes Symbol wiederholen.Diese Einstellungen findest du auf dem Tab:
Symbol-Einstellungen
| Symbol-Farbe | Wähle die gewünschte Farbe, indem du das Farbkästchen auswählst. Weitere Informationen findest du unter Erfahre mehr über die Farbeinstellungen. |
| Ausrichtung | Wähle unter Ausrichtung, ob du das Symbol linksbündig, rechtsbündig oder mittig platzieren möchtest. |
| Abstand |
Nutze den Schieberegler unter Abstand, um den Abstand zum oberen und unteren Rand des Symbols einzustellen. Du kannst auch die Nummer im Feld auf der rechten Seite von 0 bis 50 ändern. |
| Größe |
Nutze den Schieberegler unter Größe, um die Größe des Symbols anzupassen. Du kannst auch die Nummer im Feld auf der rechten Seite von 15 bis 100 ändern. |
| Zurücksetzen | Wähle den Link Zurücksetzen, um die Standardeinstellungen für das Symbol wiederherzustellen. Beachte, dass dadurch nicht deine vorherigen Einstellungen wiederhergestellt werden, sondern die Standardeinstellungen der ausgewählten Design-Vorlage. |
Bearbeite den Hintergrund und die Kontur
Zusätzlich zum Symbol selbst kannst du auch verschiedene Einstellungen für den Hintergrund und die Kontur des Hintergrunds vornehmen. Dadurch kannst du das Erscheinungsbild des Elements komplett an deine Anforderungen anpassen.
Hinweis
Es ist derzeit nicht möglich die gleichen Design-Einstellungen automatisch auf mehrere Symbole anzuwenden. Stattdessen musst du die Einstellungen für jedes Symbol wiederholen.Diese Einstellungen findest du auf dem Tab:
Hintergrund-Einstellungen
| Farbe | Wähle die gewünschte Farbe, indem du das Farbkästchen auswählst. Weitere Informationen findest du unter Erfahre mehr über die Farbeinstellungen. |
| Größe | Nutze den Schieberegler unter Größe, um die Größe des Hintergrunds anzupassen. Du kannst auch die Nummer im Feld auf der rechten Seite von 0 bis 100 ändern. |
| Rundung | Nutze den Schieberegler unter Rundung, um die Form des Hintergrunds anzupassen. Du kannst auch die Nummer im Feld auf der rechten Seite von 0 bis 50 ändern. Je nach Einstellung wird der Hintergrund quadratisch, mit abgerundeten Ecken oder rund dargestellt. |
| Zurücksetzen | Wähle den Link Zurücksetzen, um die Standardeinstellungen für das Symbol wiederherzustellen. Beachte, dass dadurch nicht deine vorherigen Einstellungen wiederhergestellt werden, sondern die Standardeinstellungen der ausgewählten Design-Vorlage. |
Kontur-Einstellungen
| Farbe | Wähle die gewünschte Farbe, indem du das Farbkästchen auswählst. Weitere Informationen findest du unter Erfahre mehr über die Farbeinstellungen. |
| Stärke | Nutze den Schieberegler unter Stärke, um die Dicke der Kontur anzupassen. Du kannst auch die Nummer im Feld auf der rechten Seite von 0 bis 20 ändern. |
| Zurücksetzen | Wähle den Link Zurücksetzen, um die Standardeinstellungen für das Symbol wiederherzustellen. Beachte, dass dadurch nicht deine vorherigen Einstellungen wiederhergestellt werden, sondern die Standardeinstellungen der ausgewählten Design-Vorlage. |
Verschiedene Anwendungsbereiche
Natürlich kannst du das Inhaltselement für alle möglichen Zwecke einsetzen. Aber gerade weil es so viele verschiedene Möglichkeiten gibt, findest du unten ein paar Vorschläge, um deine Kreativität anzuregen:
Alleinstellungsmerkmale
Präsentiere die wichtigsten Merkmale deines Unternehmens, ähnlich zu deinen Alleinstellungsmerkmalen:
Social-Media
Da du zu einem Symbol auch einen Link hinzufügen kannst, kannst du diese Funktion beispielsweise verwenden, um deine Besucher auf deine Social-Media-Kanäle aufmerksam zu machen.
Informationen bereitstellen
Aber natürlich kannst du dieses Element auch nutzen, um Informationen zum Versand und zu besonderen Angeboten wie z. B. einem buchbaren Installationsservice zu vermitteln. Hierzu kannst du auch in diesem Fall einen Link nutzen und deine Besucher beispielsweise auf andere Seiten mit zusätzlichen Informationen zu deinem Installationsservice oder auf deine Zahlung & Versand-Seite weiterleiten.