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.
- In der Seitenleiste deines Editors siehst du nun eine Liste aller Seiten unter Seiten > Inhaltsseiten. Wähle die Seite aus, die du bearbeiten möchtest oder füge eine neue hinzu. Eine Vorschau der Seite wird nun rechts angezeigt.
- In der Seitenleiste deines Editors, wähle Inhaltselemente.
- Wähle die Kategorie Symbole.
- Ziehe das Inhaltselement Symbol mit Text, dreispaltig oder Symbol mit Text, vierspaltig in den Vorschau-Bereich und lege es an der gewünschten Position ab. Du kannst Inhaltselemente nur in den blauen Bereichen der Seite ablegen.
- Wähle Symbol hinzufügen.
Die Ansicht Symbol hinzufügen erscheint. Hier kannst du verschiedene Einstellungen vornehmen. - Wähle ein Symbol aus der Bibliothek. Um die Symbolübersicht zu öffnen, wähle den Link Symbol-Bibliothek öffnen.
- Sobald du ein Symbol ausgewählt hast, kannst du auch einen Link hinzufügen. Weitere Informationen findest du unter Füge Links zu Elementen auf deiner Website hinzu.
- Gestalte das Symbol-Element, indem du die entsprechenden Einstellungen vornimmst. Weitere Informationen findest du im folgenden Abschnitt.
- Sobald du fertig bist, wähle Speichern.
Du hast das Symbol-Element erfolgreich hinzugefügt. Um das Symbol-Element erneut zu bearbeiten, bewege deine Maus über das jeweilige Element und wähle .
Außerdem kannst du unterhalb des Symbols einen Text hinzufügen. Wähle dazu Hier Text eingeben... und gib den gewünschten Text ein. Weitere Informationen findest du unter Erfahre mehr über die Formatierungsoptionen für Texte.
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:
Präsentiere die wichtigsten Merkmale deines Unternehmens, ähnlich zu deinen Alleinstellungsmerkmalen:
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.
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.