Information
COVID-19 might have sent us home, but we are still there for you via email and chat. Delivery info COVID-19 Your parcel will arrive on time. All orders can be processed normally. The highest hygiene standards apply in our warehouse as well as at delivery. This also applies to your package and the products you order.
-
Getting StartedLotus Themes – Fragen zu Produkten und Services
-
Purchasing QuestionsAlles, was Sie über den Kauf bei Lotus Themes wissen müssen.
-
Usage GuidesMit diesen einfachen Schritt-für-Schritt-Anleitungen können Sie sich bei der eigenhändigen Installation Ihres Themes fühlen wie ein Web-Programmierer. Schwierigkeiten? Wir stehen Ihnen gerne zur Seite!
Quick Links
Empfohlene Beiträge
-
Was ist Lotus Themes?
Entdecken Sie die Welt von Lotus Themes, erfahr... -
Zendesk-Partnerschaft
Sie können sich sicher sein, dass wir Ihnen imm... -
Was kann geändert werden?
Dieser Artikel informiert Sie darüber, welche Ä... -
Optionen auf der Startseite
Erfahren Sie, wie die Hauptseite aufgebaut ist ... -
FAQ zu Branding-Services
Hier erfahren Sie, welche Möglichkeiten Ihnen m... -
FAQ zum Personalisierungsservice
Sie benötigen umfassende Anpassungen? Dann ist ... -
Installation von Themes
Um den höchstmöglichen Komfort für unsere Kunde... -
Formatierung von Inhalten
Die Vielzahl an möglichen Änderungen ist wirkli...
Empfohlene Beiträge
-
Entdecken Sie die Welt von Lotus Themes, erfahren Sie mehr über uns, unsere Produkte, unsere Dienstleistungen und das große Potenzial unserer Themes.
Über uns
Lotus Themes ist Ihre Adresse für durchdachte Themes für Ihr Zendesk Guide Help Center und alle damit verbundenen Services. Sie können unsere Vorlagen als digitale Downloads erwerben. Innerhalb kurzer Zeit hat sich Lotus Themes zu einem führenden Anbieter entwickelt, was die Entwicklung und das Design von herausragenden Vorlagen, das Zendesk-Branding und die Personalisierung betrifft. Wir genießen das Vertrauen von großen und erfolgreichen Unternehmen wie Dropbox, SimilarWeb, Booking.com, Imgur, Deloitte, JetBrains, Lumo and OneTwoTrip.
Lotus Themes ist offizieller Zendesk-Partner
Wir sind stolz darauf, zertifizierter Zendesk-Partner zu sein und unsere Beziehungen zu unseren Kunden dadurch noch besser zu gestalten!
Unsere Themes
Alle unsere Themes sind reaktiv und so konzipiert, dass sie sowohl auf Vollbild- als auch auf tragbaren Geräten reibungslos funktionieren. Sie wurden mithilfe der modernsten Technologien entwickelt. Alle Originalfunktionen und -tools von Zendesk sind verfügbar und werden in useren Themes vollständig unterstützt. Darüber hinaus stellen wir eine zusätzliche Bibliothek zur Erweiterung der Knowledge Base und Community mit einigen tollen visuellen Komponenten und Funktionen bereit.
Alle Vorlagen werden von uns mit editierbaren Quelldateien bereitgestellt und können individuell an Ihre Bedürfnisse angepasst werden. Solange Sie Eigentümer des Help Centers sind, können Sie die Vorlagen ohne zeitliche Begrenzung nutzen. Lesen Sie, was mit den Themes möglich ist und was nicht.
Unsere Services
Wir bieten unseren Kunden alle zugehörigen Services wie Installation, Branding, Personalisierung, usw. an.
InstallationBrandingPersonalisierungSonstige Services
Wenn Sie möchten, können Sie Ihr Theme eigenhändig installieren.
Falls Sie jedoch lieber keine Zeit mit der Installation Ihres Themes verbringen wollen, erledigen wir dies gerne für Sie. Sie müssen uns temporäre Administratorrechte gewähren, damit wir die Installation durchführen können.
FAQ zum Installationsservice.
Der Branding-Service umfasst grundlegende Änderungen des erworbenen Themes: Wir können die Farben von Help Center-Elementen ändern, Ihre unternehmenseigene Schriftart und Ihr Firmenlogo verwenden, Ihr Hero-Image modifizieren und Symbole anpassen.
FAQ zum Branding-Service
Der Personalisierungsservice bietet eine bequeme und schnelle Möglichkeit, Ihr Help Center optimal an Ihre individuellen Bedürfnisse anzupassen. Die Kosten für diesen Service hängen von der Komplexität des Auftrags ab und werden jeweils individuell berechnet.
FAQ zum PersonalisierungsserviceSollten Sie andere Services im Zusammenhang mit Zendesk benötigen wie App-Entwicklung, Integration, Beratung, Mitarbeiterschulung, Einrichtung und Konfiguration usw., kontaktieren Sie uns.Nachdem Ihr Auftrag abgeschlossen ist, erstellen wir ein Help Center zu Demonstrationszwecken, in dem Sie alle Änderungen überprüfen können, die vorgenommen wurden. Danach installieren wir das geänderte Theme in Ihrem Zendesk Guide Help Center, wo wiederum alles überprüft werden kann, allerdings mit den tatsächlichen Inhalten im Vorschaumodus. Erst danach stellen wir das endgültige Theme online, sobald Sie bereit sind.
Unsere Vorteile
- Der wesentliche Vorteil beim Kauf unserer Themes und Services ist der Kostenaspekt – Sie erhalten ein qualitativ hochwertiges Design zu einem angemessenen Preis. Sie müssen keinen Webdesigner, kein Webdesign-Studio oder sonstige Fachleute engagieren, die sich mit der Zendesk-Architektur auskennen.
- Der zweite Vorteil ist der Zeitrahmen – Sie erhalten unmittelbar nach Zahlung ein Theme aus unserem Katalog. Falls Sie unseren Branding- oder Personalisierungsservice in Anspruch nehmen möchten, dauert die Ausführung in der Regel 2-5 Werktage. Wenn Sie andere Teams oder Experten ohne Zendesk-Expertise engagieren, benötigt ein guter Designer in der Regel zwischen 5 bis 15 Werktagen, um Webseiten von vergleichbarer Qualität zu erstellen, und ein Webentwickler wiederum 5 bis 15 Werktage, um diese in Code umzusetzen.
- Zendesk ist unser Spezialgebiet. Dank unseres tief gehenden Wissens und Know-hows können wir schneller und besser qualitativ hochwertige Ergebnisse gewährleisten als Freiberufler, Webstudios oder direkte Wettbewerber. Wir kennen Zendesk bis ins kleinste Detail und uns entgeht auch kein noch so bedeutungslos erscheinender Aspekt. Darüber hinaus stellen wir eine zusätzliche Bibliothek zur Erweiterung der Knowledge Base und Community mit einigen tollen visuellen Komponenten and Funktionen bereit.
Tipp
Weitere Details entnehmen Sie bitte der Vergleichstabelle.
Über Zendesk Help Center
-
Sie können sich sicher sein, dass wir Ihnen immer die bestmöglichen Services bieten, da Lotus Themes zertifizierter Zendesk-Partner ist.
Lotus Themes ist offizieller Zendesk-Partner
Wir sind stolz darauf, zertifizierter Zendesk-Partner zu sein und unsere Beziehungen zu unseren Kunden dadurch noch besser zu gestalten!
Das sagt Zendesk über seine Partner:
"Damit Sie mit Zendesk das bestmögliche Erlebnis haben, arbeiten wir weltweit mit Partnern zusammen, die umfassendes technisches Know-how besitzen und unsere Produkte in- und auswendig kennen. Ob Sie Beratung, technische Unterstützung, kundenspezifische Entwicklung oder andere Services brauchen – in unserem Netzwerk finden Sie sicher einen kompetenten Partner, der Ihnen weiterhilft."
https://www.zendesk.com/support/partners/ -
Dieser Artikel informiert Sie darüber, welche Änderungen an Ihrem Theme möglich sind und wie wir Ihnen dabei helfen können.
Die Antwort lautet: Alles!
Diese Option ist für Kunden mit einem Guide Professional - oder Guide Legacy-Plan verfügbar. Die Personalisierung von Themes ist auch als Add-on für die Pläne Zendesk Support Team, Professional, Enterprise und Elite erhältlich.
Änderungen über das Designanpassungsfenster – ganz ohne Code!
Im Abschnitt „Aussehen“ des Designanpassungsfensters können Sie Ihr Zendesk Help Center mit Ihrem eigenen Branding versehen und die folgenden Elemente ändern, ohne dass dafür Modifizierungen des Codes nötig sind :
- Name Ihres Help Centers;
- Logo;
- Favicon;
- Grundfarben;
- Schriftarten;
- Symbole;
- Haupt-Hero-Image (für den Fall, dass dies im Theme enthalten ist);
- Layout der Startseite;
- Farben für die Formatierung von Komponenten;
- Social-Media-Links.
Änderungen über den Code
Wenn Sie mit HTML und CSS vertraut sind, dann ist es ausgesprochen einfach, alle anderen gewünschten Änderungen an Ihrem Theme vorzunehmen. Einige Beispiele:
- Farben;
- Schriftarten;
- Symbole (wir verwenden in der Regel Streamline-Icons, es ist jedoch möglich, auch beliebige andere zu verwenden);
- Links;
- Logo-Rückgabe-URL;
- Kopfzeile;
- Fußzeile;
- Änderungen am Layout. Zum Beispiel die Anzahl der Spalten;
- Alle anderen Änderungen ...
Hinweis
Wenn Sie das Theme ändern, sind wir nicht in der Lage, etwaige spätere Updates des Themes zu installieren, und wir können auch keinen Support für das Theme bereitstellen.
Änderungen über Lotus Themes
Falls Sie lieber keine Zeit für diese Aufgaben aufwenden möchten, erledigen wir wir gerne alle Änderungen für Sie. Wir bieten Ihnen die entsprechenden Services in den Bereichen Branding und Personalisierung.
Unser Branding-Service ist für grundlegende Änderungen vorgesehen. Wir können Farben, Schriftarten, Hintergrundbilder und Symbole ändern. Wenn Sie unternehmenseigene Gestaltungsrichtlinien haben, können wir diese umsetzen, oder wir können die Farben von Ihrer Hauptwebsite übernehmen. In der Regel dauert das Branding 3-5 Werktage.
Wenn Sie komplexere Änderungen benötigen, können Sie unseren Personalisierungsservice in Anspruch nehmen. Die Kosten für diesen Service hängen von der Komplexität ab und werden jeweils individuell berechnet. Teilen Sie uns ganz einfach Ihre Personalisierungswünsche mit und wir erstellen einen Kostenvoranschlag für Sie.
Wir erstellen ein Help Center zu Demonstrationszwecken, in dem Sie alle von uns vorgenommenen Änderungen überprüfen können. Danach installieren wir das geänderte Theme in Ihrem Help Center, wo Sie wiederum alles testen können, allerdings mit Ihren tatsächlichen Inhalten im Vorschaumodus. Erst danach stellen Sie das endgültige Theme online, sobald Sie bereit sind.
Beginnen Sie am besten, indem Sie unseren Fragebogen ausfüllen. Es dauert nur wenige Minuten und hilft uns, uns ein Bild von Ihrem individuellen Fall zu machen und Ihnen die für Sie optimale Lösung zu empfehlen.
Sie können uns auch über das Ticketformular oder unter hello@lotusthemes.com kontaktieren.
Schauen Sie sich einige Beispiele (1, 2) für unsere Arbeit an.
-
Erfahren Sie, wie die Hauptseite aufgebaut ist und wie Sie diese ändern können, und entdecken Sie sämtliche möglichen Optionen und Einstellungen.
Grundlegende Layoutoptionen
In der Regel setzt sich eine Startseitenvorlage eines Themes aus drei Hauptbausteinen zusammen.
-
Benutzerdefinierte Symbole und Links
Benutzerdefinierte Bausteine sind einfach nur Links zu von Ihnen gewünschten Seiten. Dabei kann es sich z. B. um eine Seite auf Ihrer Hauptwebsite oder eine Kategorie/einen Bereich/einen Artikel in Ihrem Help Center handeln. Es sind lediglich Platzhalter und sie sind vollkommen optional. Sie können ganz nach Bedarf beliebig viele benutzerdefinierte Bausteine verwenden. Sobald mehr als die standardmäßige Anzahl an Symbolen vorhanden ist, wird eine neue Zeile erstellt. Wir verwenden in der Regel Streamline-Icons, es ist jedoch möglich, auch beliebige andere Symbole zu verwenden.
-
Kategorienliste
Jede Kategorie wird als Kachel angezeigt. Durch Klicken auf eine Kachel öffnet man eine Kategorienseite.
-
Kategorienbaum
Dies ist eine Liste von Kategorien in einem Help Center. Jede Kategorie enthält eine Liste von Abschnitten. Jeder Abschnitt enthält eine Liste von sechs Artikeln mit einem Link zu weiteren Artikeln (sofern vorhanden).
Kombinieren Sie drauf los!
Sie können ganz einfach wählen, welche Option die optimale für Ihr Help Center ist. Darüber hinaus können Sie die einzelnen Optionen auch kombinieren. So können z. B. benutzerdefinierte Symbole und der Kategorienbaum miteinander kombiniert werden. Im Folgenden finden Sie einige Beispiele (klicken Sie auf das Bild für eine detailliertere Ansicht):
Sie können sich in unseren Help Centers zu Demonstrationszwecken die Hauptoptionen für jedes Thema anzeigen lassen. Sehen Sie sich das Widget unten links auf der Demo-Startseite an.
Zusätzliche Layoutoptionen
Sie können auch im Handumdrehen Bausteine wie „Empfohlene Artikel“ und „Community durchsuchen“ aktivieren und deaktivieren und sie auf Ihrer Startseite verschieben.
Weitere Optionen
Jeder Teil unserer Vorlagen kann geändert werden. Es ist möglich, jede beliebige Änderung vorzunehmen, angefangen bei farblichen Änderungen bis hin zur kompletten Umgestaltung des Designs. Weitere Informationen finden Sie im Artikel "Was kann geändert werden?".
-
-
Hier erfahren Sie, welche Möglichkeiten Ihnen mit dieser Art von Service zur Verfügung stehen.
Fragen
Unser Branding-Service ist die schnellste und kostengünstigste Möglichkeit, Ihr Help Center optisch an Ihre Hauptwebsite anzugleichen. Entdecken Sie weiter unten einige Details.
Was ist enthalten?Das Angebot umfasst die Standardliste an grundlegenden Änderungen: Wir können die Farben von Help Center-Elementen ändern, Ihre unternehmenseigene Schriftart und Ihr Firmenlogo verwenden, Ihr Hero-Image modifizieren und Symbole anpassen.
Sie müssen uns nur noch die Farben, Schriftarten und Bilder zur Verfügung stellen, die Sie verwenden möchten. Falls Sie ein Markenbuch Ihres Unternehmens haben, können wir dieses zugrunde legen, oder wir können die Farben und Bilder von Ihrer Website verwenden.
Wenn Sie umfangreiche Änderungen benötigen, können wir Ihnen mit unserem Personalisierungsservice weiterhelfen.
Produktseite öffnenWas ist nicht enthalten?Änderungen am Layout und andere Anpassungen, die nicht Bestandteil der Standard-Brandingliste sind, sind nicht enthalten.
Wenn Sie tiefgreifende Änderungen benötigen, können wir Ihnen den Personalisierungsservice anbieten.
Wie viel wird es kosten?Werfen Sie einen Blick auf unsere Produktseite, um Informationen zu Preisen zu erhalten.
Wie lange wird es dauern?Der gesamte Branding-Prozess dauert etwa 1-5 Werktage. Wir erstellen ein Help Center zu Demonstrationszwecken, in dem Sie alle vorgenommenen Änderungen überprüfen können. Anschließend können wir das geänderte Theme in Ihrem Help Center installieren (kostenlos).
Wie werden die Änderungen bereitgestellt?Wir erstellen ein Help Center zu Demonstrationszwecken, in dem Sie alle vorgenommenen Änderungen überprüfen können. Danach installieren wir das gewählte Theme in Ihrem Help Center, wo Sie die Möglichkeit haben, alles mit Ihren realen Inhalten in einem Vorschaumodus zu testen. Sie prüfen die Änderungen und stellen alles online, sobald Sie bereit sind. Die Änderungen werden sofort veröffentlicht.
Kann der Service später hinzugekauft werden?Der Service kann problemlos zu einem späteren Zeitpunkt im Rahmen einer separaten Bestellung erworben werden. Dies ist zu einem beliebigen Zeitpunkt möglich.
Beispiele für Branding-Projekte
Wir haben hunderte von Kunden, die sich für unsere Branding-Services entschieden haben. Wir möchten Ihnen gerne demonstrieren, welche Ergebnisse die Zusammenarbeit mit einigen davon erbracht hat. Bitte schauen Sie sich hierzu die Beispiele unten an.
Brandcast
(moved to another our theme recently) -
Sie benötigen umfassende Anpassungen? Dann ist dieser Service genau das Richtige für Sie.
Fragen
Unser Personalisierungsservice ist eine bequeme und schnelle Möglichkeit, das Aussehen Ihres Help Centers vollständig an die Standards Ihres Unternehmens anzupassen. Entdecken Sie weiter unten einige Details.
Was ist enthalten?Dieser Service wurde entwickelt, um Ihren Anforderungen von A bis Z zu entsprechen.
So können wir zum Beispiel die Kopf- und Fußzeile Ihres Help Centers an diejenigen auf Ihrer Hauptwebsite angleichen, beliebige Elemente ändern oder auch das komplette Layout des Themes und vieles mehr.
Wenn Sie grundlegendere Änderungen benötigen, können Sie stattdessen den Branding-Service nutzen.
Produktseite öffnenWie viel wird es kosten?Die Kosten für diesen Service hängen von der Komplexität des Auftrags ab und werden jeweils individuell berechnet. Beginnen Sie am besten, indem Sie unseren Fragebogen ausfüllen. Es dauert nur wenige Minuten und hilft uns, uns ein Bild von Ihrem individuellen Fall zu machen und Ihnen die für Sie optimale Lösung zu empfehlen. Sie können uns auch über das Ticketformular kontaktieren oder eine E-Mail schreiben an hello@lotusthemes.com
Wie lange wird es dauern?Dies hängt von der Komplexität des Auftrags ab und werden jeweils individuell veranschlagt. Beginnen Sie am besten, indem Sie unseren Fragebogen ausfüllen. Es dauert nur wenige Minuten und hilft uns, uns ein Bild von Ihrem individuellen Fall zu machen und Ihnen die für Sie optimale Lösung zu empfehlen. Sie können uns auch über das Ticketformular kontaktieren oder eine E-Mail schreiben an hello@lotusthemes.com
Wie werden die Änderungen bereitgestellt?Wir erstellen ein Help Center zu Demonstrationszwecken, in dem Sie alle vorgenommenen Änderungen überprüfen können. Danach installieren wir das gewählte Theme in Ihrem Help Center, wo Sie die Möglichkeit haben, alles mit Ihren realen Inhalten in einem Vorschaumodus zu testen. Sie prüfen die Änderungen und stellen alles online, sobald Sie bereit sind. Die Änderungen werden sofort veröffentlicht.
Kann der Service später hinzugekauft werden?Der Service kann problemlos zu einem späteren Zeitpunkt im Rahmen einer separaten Bestellung erworben werden. Dies ist zu einem beliebigen Zeitpunkt möglich.
Kann mein vorhandenes Theme angepasst werden?Wir passen keine Themes an, die von anderen Entwicklern erstellt werden.
Wir verwenden immer eines unserer Themes als Grundlage. Dies ist sinnvoll, weil sie bereits vollständig reaktiv sind und umfassend getestet sind. Falls Sie irgendwelche Wünsche haben, lassen Sie es uns ganz einfach wissen, welche Art von Themes Sie interessieren. Falls Sie ein bevorzugtes Design haben, stellen Sie es uns bitte zur Verfügung, und wir empfehlen Ihnen, welches Theme die beste Grundlage für Anpassungen darstellt.
Beginnen Sie am besten, indem Sie unseren Fragebogen ausfüllen. Es dauert nur wenige Minuten und hilft uns, uns ein Bild von Ihrem individuellen Fall zu machen und Ihnen die für Sie optimale Lösung zu empfehlen. Sie können uns auch über das Ticketformular kontaktieren oder eine E-Mail schreiben an hello@lotusthemes.com
Kann ich ein Theme eigenständig anpassen?Selbstverständlich steht es Ihnen frei, sich daran zu versuchen. Aber das hängt ganz von Ihren Erfahrungen mit Zendesk und im Bereich der Webentwicklung ab. Alle von uns angebotenen Zendesk-Vorlagen werden von uns mit editierbaren Quelldateien bereitgestellt und können individuell an Ihre Bedürfnisse angepasst werden.
Bitte beachten Sie, dass alle zukünftigen Updates des Themes nicht zur automatischen Installation zur Verfügung stehen und auch kein Support für das Theme bereitgestellt wird.
Beispiele für Personalisierungsprojekte
Wir haben hunderte von Kunden, die sich für unseren Personalisierungsservice entschieden haben. Hier möchten wir Ihnen gerne zeigen, welche Ergebnisse die Zusammenarbeit mit einigen davon erbracht hat.
Der besondere Stil der Kategoriebausteine des Conway-Themes macht das Help Center optisch interessanter, benutzerfreundlicher und moderner.
Wir haben wesentliche Änderungen am Layout des Branche-Themes vorgenommen und das Guide-Skript erstellt, das alle Abschnitte und Artikel über die Zendesk-API abruft. Es ermöglicht die problemlose Navigation durch die Help Center-Inhalte.
Für das Help Center von OneTwoTrip wurden unser Theme und die Seitenleistennavigation für einen völlig neuen Look umfassend abgeändert.
Sämtliche Elemente unseres Flatrock-Themes einschließlich der Kopf- und Fußzeile wurden vollständig gebrandet, sodass der Eindruck entsteht, dass das Help Center Teil der primären Website ist.
-
Um den höchstmöglichen Komfort für unsere Kunden zu gewährleisten, bieten wir einen kostenlosen Installationsservice an.
Auf Wunsch können Sie Ihr benutzerdefiniertes Zendesk Help Center-Theme auch eigenständig installieren. Die Installation kann relativ einfach durchgeführt werden. Bitte gehen Sie hierzu anhand der folgenden Anweisungen vor.
Schritt 1. Klicken Sie auf das Symbol für die Option „Design anpassen“ in der Seitenleiste.
Schritt 2. Entpacken Sie das heruntergeladene ZIP-Archiv.
Hinweis
Sie müssen dieses Archiv entpacken. Es beinhaltet zwei Dateien:
- ein Archiv mit dem Theme, das Sie in das Theming Center importieren müssen.
- eine Datei namens „Readme.txt“ mit der Beschreibung des Themes und Werten für die verschiedenen Farbvarianten.
Schritt 3. Klicken Sie auf die Schaltfläche „Importieren“ auf der rechten Seite.
Schritt 4. Laden Sie das Theme-ZIP-Archiv hoch.
Schritt 5. Klicken Sie im Theme, das Sie sich gerne in der Vorschau ansehen möchten, auf „Theme anzeigen“.
Schritt 6. Klicken Sie auf den „Help Center“-Link in der oberen Leiste , um das neue Theme mit Ihren realen Inhalten in einem Vorschaumodus zu testen.
Die Besucher Ihres Help Centers sehen das zuvor installierte Theme, da das neue noch nicht veröffentlicht ist.
- In einer Vorschau können Sie sehen, wie die verschiedenen Seiten aussehen, wenn Sie rechts oben im Drop-down-Menü „Vorlagen“ die entsprechende Seite auswählen.
- Sie können das Theme auch als Endbenutzer, als anonymer Besucher oder als Agent testen, indem Sie in der oberen Leiste auf die Schaltfläche „Vorschau“ klicken und die entsprechende Rolle auswählen.
Schritt 7. Veröffentlichen Sie das Theme
- Wenn Sie bereit sind, die Änderungen zu implementieren, können Sie die Vorschau schließen und in den Guide-Administrationsbereich zurückkehren.
-
Klicken Sie auf das Symbol für die Option „Design anpassen“ in der Seitenleiste.
- Klicken Sie im Theme-Bild auf das Einstellungssymbol und wählen Sie die Option „Als Live-Theme festlegen“. Bestätigen Sie diese Aktion.
Hinweis
Möglicherweise wird Ihnen die Schaltfläche „Anfrage senden“ nicht angezeigt, da Sie als Manager angemeldet sind. Sie können sich das Theme als Endbenutzer oder als anonymer Besucher anzeigen lassen, wenn Sie Sie rechts oben im Drop-down-Menü („Vorschaurolle“) die entsprechende Option wählen.
-
Die Vielzahl an möglichen Änderungen ist wirklich erstaunlich. Sie werden überrascht sein, was alles möglich ist. Schauen Sie einfach selbst! In diesem Artikel finden Sie Beispiele für visuelle Komponenten, die in unsere Themes eingebunden sind, sowie Erklärungen, wie Sie diese verwenden können, um Ihre Help Center-Inhalte zu erweitern.
Inhaltsverzeichnis
- Akkordeon-Elemente
- Reiter
- Schriftgrößen
- Textstile
- Codes
- Zitate
- Beschreibungen
- Listen
- Links
- Tabellen
- Callout-Bausteine
- Bilder
- Videos
- Font Awesome
Akkordeons
Akkordeons sind nützlich, wenn Sie zwischen dem Ein- und Ausblenden großer Mengen an Inhalten hin und her wechseln:
Akkordeon-ElementLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Akkordeon-ElementLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Akkordeon-ElementLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Eine weitere Akkordeon-Art:
Akkordeon-ElementLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Akkordeon-ElementLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Akkordeon-ElementLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Reiter
Reiter sind perfekt für die Anzeige verschiedener Themen in Ihrem Artikel geeignet!
Standardreiterstil:
Tab 1Tab 2Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis.Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis laoreet. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus.Farbiger Stil:
Tab 1Tab 2Tab 3Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Tab 1Tab 2Tab 3Tab 4Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
Schriftgrößen
Dies ist eine Zendesk-Überschrift Typ 2 in sehr großer Schriftgröße.
Dies ist eine Zendesk-Überschrift Typ 3 in großer Schriftgröße.
Dies ist eine Zendesk-Überschrift Typ 4 in mittlerer Schriftgröße.
Dies ist eine Überschrift Typ 5.
Kleine Schriftgröße.
Dies ist Standardtext. Das sogenannte „Lorem ipsum“ ist ein pseudo-lateinischer Text, der in den Bereichen Webdesign, Typografie, Layout und Druck anstelle von späteren Textinhalten verwendet wird, um Designelemente gegenüber diesen hervorzuheben. Es wird auch als Platzhaltertext (oder Blindtext) bezeichnet.
Textstile
Dies ist der Schriftstil „kursiv“.
Dies ist der Schriftstil „fett“.
Dies ist Ihr unterstrichener Text.
Dieser Text
wurde gelöscht.Dies ist wichtiger hervorgehobener Text
Dies ist wichtiger Text in blauer Schriftfarbe.
Dies ist wichtiger Text in gelber Schriftfarbe.
Dies ist wichtiger Text in roter Schriftfarbe.
Codes
So sieht Beispielcode aus:
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>HTML</title> </head> <body> <p>Lorem ipsum dolor sit amet. </p> </body> </html>
Zitate
Standardzitat
„Hier ist ein ganz besonderes Zitat. Können Sie glauben, was man über uns sagt? Hier ist ein ganz besonderes Zitat. Können Sie glauben, was man über uns sagt? Hier ist ein ganz besonderes Zitat. Können Sie glauben, was man über uns sagt?“
Farbiges Zitat
„Hier ist ein ganz besonderes Zitat. Können Sie glauben, was man über uns sagt? Hier ist ein ganz besonderes Zitat. Können Sie glauben, was man über uns sagt? Hier ist ein ganz besonderes Zitat. Können Sie glauben, was man über uns sagt?“
Beschreibungslisten
Standardbeschreibungsliste
- Euismod
- Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
- Donec id elit non mi porta gravida at eget metus.
- Malesuada porta
- Etiam porta sem malesuada magna mollis euismod.
Horizontale Beschreibungsliste
- Beschreibungslisten
- Diese Art der Beschreibungsliste eignet sich perfekt zum Definieren von Begriffen.
- Euismod
- Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
- Donec id elit non mi porta gravida at eget metus.
- Malesuada porta
- Etiam porta sem malesuada magna mollis euismod.
Listen
Aufzählung/unsortierte Liste
- Aufzählung 1
- Aufzählung 2
- Aufzählung 3
- Aufzählung 4
- integriertes Element 1
- integriertes Element 2
Farbige Aufzählung
- Aufzählung 1
- Aufzählung 2
- Aufzählung 3
- Aufzählung 4
Sortierte Liste
- Aufzählung 1
- Aufzählung 2
- Aufzählung 3
- Aufzählung 4
- integriertes Element 1
- integriertes Element 2
Sortierte Liste mit farbiger Nummerierung
Diese Art von Liste bietet eine großartige Möglichkeit, Inhalte mit längeren Schritt-für-Schritt-Anleitungen, Beschreibungen usw. anzuzeigen.
- Mehl, Zimt, Salz und Stärke in eine Schüssel geben.
- Die Eier für 3-4 Minuten mit einem elektrischen Drahtschneebesen mit Zucker schaumig schlagen. Die Farbe der Masse sollte etwas heller werden und ihr Volumen zunehmen.
- Masse weiter schaumig schlagen und dabei nach und nach das Mehl zur Eimasse geben. So lange schlagen, bis eine homogene Masse entsteht.
- Die Äpfel schälen und in kleine Würfel schneiden.
- In den auf 180 Grad vorgeheizten Backofen geben und je nach Heizleistung Ihres Ofens 30-40 Minuten backen. Sobald der Apfelkuchen eine goldbraune Kruste hat, mit einem Zahnstocher überprüfen, ob der Kuchen gar ist.
- Mehl, Zimt, Salz und Stärke in eine Schüssel geben.
- Die Eier für 3-4 Minuten mit einem elektrischen Drahtschneebesen mit Zucker schaumig schlagen. Die Farbe der Masse sollte etwas heller werden und ihr Volumen zunehmen.
- Masse weiter schaumig schlagen und dabei nach und nach das Mehl zur Eimasse geben. So lange schlagen, bis eine homogene Masse entsteht.
- Die Äpfel schälen und in kleine Würfel schneiden.
- In den auf 180 Grad vorgeheizten Backofen geben und je nach Heizleistung Ihres Ofens 30-40 Minuten backen. Sobald der Apfelkuchen eine goldbraune Kruste hat, mit einem Zahnstocher überprüfen, ob der Kuchen gar ist.
Tables
Generic Table
Monatliche Einsparungen Summe $270 Januar $100 Februar $80 März $90 Tabelle mit farbiger Kopfzeile
Monatliche Einsparungen Summe $270 Januar $100 Februar $80 März $90 Tabelle mit Rahmen
Monatliche Einsparungen Januar $100 Februar $80 März $90 Summe $270 Tabelle mit Streifen
Monatliche Einsparungen Januar $100 Februar $80 März $90 Summe $270 Tabelle mit dynamischer Hintergrundfarbe
Monatliche Einsparungen Januar $100 Februar $80 März $90 Summe $270
Callout-Bausteine
Einfache Hinweise
Standard
Dies ist ein Standardbaustein.
Informationen
Dies ist ein Informationsbaustein.
Warning
Dies ist ein Warnhinweisbaustein.
Erfolg
Dies ist ein Erfolgsmeldungsbaustein.
Gefahr
Dies ist ein Gefahrenhinweisbaustein.
Standard-Callout-Baustein
Dies ist ein Callout.
Ich bin ein graues Callout!
Mit gestricheltem Rahmen:
Dies ist ein Callout.
Ich bin ein graues Callout!
Transparentes Callout
Dies ist ein transparentes Callout.
Ich bin ein transparentes Callout!
Mit gestricheltem Rahmen:
Dies ist ein Callout.
Ich bin ein transparentes Callout!
Erfolgsmeldungs-Callout
Dies ist ein Erfolgsmeldungs-Callout.
Ich bin ein Erfolgsmeldungs-Callout!
Mit gestricheltem Rahmen:
Dies ist ein Erfolgsmeldungs-Callout.
Ich bin ein Erfolgsmeldungs-Callout!
Info-Callout
Dies ist ein Info-Callout.
Ich bin ein neutrales Info-Callout!
Mit gestricheltem Rahmen:
Dies ist ein Info-Callout.
Ich bin ein neutrales Info-Callout!
Warnhinweis-Callout
Dies ist ein Warnhinweis-Callout.
Und jetzt werde ich Ihnen etwas sehr Wichtiges mitteilen! Achten Sie auf mich!
Mit gestricheltem Rahmen:
Dies ist ein Warnhinweis-Callout.
Ich bin ein Warnhinweis-Callout mit gestricheltem Rahmen!
Sicherheitshinweis-Callout
Dies ist ein Sicherheitshinweis-Callout.
Und hier sind ein paar überaus wichtige Informationen, die Sie unbedingt wissen müssen.
Mit gestricheltem Rahmen:
Dies ist ein Sicherheitshinweis-Callout.
Ich bin ein Sicherheitshinweis-Callout mit gestricheltem Rahmen!
Callout in der Primärfarbe
Dies ist ein Callout.
Ich bin ein Callout in Primärfarbe.
Mit gestricheltem Rahmen:
Dies ist ein Callout.
Ich bin ein Callout in Primärfarbe mit gestricheltem Rahmen!
Callout-Bausteine mit Font Awesome-Symbolen
Es ist möglich, Ihre Callouts mit Font Awesome-Symbolen zu kombinieren:
„Abonnieren“-Symbol
Dies ist ein Callout mit dem Symbol.
Schlosssymbol
Dies ist ein Callout mit dem Symbol.
Telefonsymbol
Dies ist ein Callout mit dem Symbol.
Schlosssymbol
Dies ist ein Callout mit dem Symbol.
Dateisymbol
Dies ist ein Callout mit dem Symbol.
Smiley-Symbol
Dies ist ein Callout mit dem Symbol.
Zauberstabsymbol
Dies ist ein Callout mit dem Symbol.
Kombinieren Sie Farben und Symbole!
Smiley-Symbol
Dies ist ein Callout mit dem Symbol.
Zauberstabsymbol
Dies ist ein Callout mit dem Symbol
Bilder
Standardmäßig haben Bilder keine Rahmen.
Auf Wunsch können sie jedoch eingerahmt werden:
Oder man kann sie mit einem Schatten versehen:
Oder man kann sie überlagern:
Lightbox für Bilder
Es ist möglich, eine größere Version eines Bildes in der Lightbox zu öffnen.
Font Awesome-Symbole
Bei Font Awesome handelt es sich um eine Sammlung von skalierbaren Vektorsymbolen, die sofort individuell angepasst werden können – dank CSS können Größe, Farbe und Schatten geändert und andere Änderungen vorgenommen werden.
Sie können beliebige der über 650 Symbole kostenlos in jedem Bereich Ihres Help Centers (Layout, Artikel usw.) verwenden. Sie sind bereits in allen unseren Themes enthalten. Auf dieser Seite finden Sie alle Font Awesome-Symbole und den entsprechenden Code.
Font Awesome im Text
Es ist relativ einfach, ein Font Awesome-Symbol in einen beliebigen Text in Ihrem Help Center einzufügen . Font Awesome ist auch bei kommerzieller Nutzung völlig kostenlos. Die Symbole liegen im Vektorgrafikformat vor, was bedeutet, dass sie auf hochauflösenden Displays einfach atemberaubend dargestellt werden . Es ist sehr einfach, Ihr eigenes Design durch Ändern der Farbe der Symbole, der Größe, der Schatten und aller anderen, mit CSS möglichen Aspekte zu entwerfen .
Font Awesome-Titel
Darüber hinaus können Sie alle Symbole aus der Font Awesome-Bibliothek verwenden, um Ihre Titel einprägsamer zu gestalten!
Titel mit Motorrad
Titel mit Taschenrechner
Titel mit Fernglas
Titel mit schlagendem Herz
Und nicht nur Ihre Titel:
Morgen laufen wir schneller, strecken die Arme weiter aus ... Und eines schönen Tages ... So kämpfen wir weiter, wie Boote gegen den Strom, und unablässig treibt es uns zurück in die Vergangenheit.
Animieren Sie sie!
Und kombinieren Sie sie:
fab-twitter und fa-square
fa-flag und fa-circle
fa-terminal und fa-square
Erfahren Sie, wie Sie Font Awesome-Symbole verwenden können.
Getting Started
Purchasing Questions
Usage Guides
More Resources
-
Register your product
You can get support that’s tailored to you, owner exclusives and more -
Our helpline hours:
8:00am - 8:00pm CST Monday to Friday; 9:00am - 6:00pm CST Saturday -
Follow us on Twitter
Get the latest news and updates first