AX - Schaltfläche
Übersicht
AX - Schaltfläche ist eine Experience Cloud-Komponente, die anklickbare Schaltflächen auf Experience-Sites-Seiten erstellt, um Aktionen wie Navigation, Formularübermittlungen, Datensatz-Erstellung oder das Öffnen von Modalen auszulösen.
Verwenden Sie sie, um benutzerdefinierte Call-to-Actions hinzuzufügen, Formulare zu übermitteln, zu bestimmten Seiten zu navigieren, Datensätze zu erstellen oder Flows auszulösen. Konfigurieren Sie die Beschriftung, das Styling, das Symbol und die Aktion der Schaltfläche im Experience Builder ohne Code.
Perfekt für Portal-CTAs, benutzerdefinierte Navigation, „Kontaktieren Sie uns“-Aktionen, Workflows zur Datensatz-Erstellung oder jede Benutzerinteraktion, die eine klare, gebrandete Schaltfläche benötigt.
Einrichten Ihrer Schaltfläche
Nachdem Sie AX - Schaltfläche in Experience Builder auf Ihre Seite gezogen haben, konfigurieren Sie zwei Hauptaspekte: wie die Schaltfläche aussieht und was passiert, wenn Benutzer darauf klicken.
Aussehen der Schaltfläche
Diese Einstellungen steuern, wie Ihre Schaltfläche auf der Seite aussieht.
Beschriftung – Der auf der Schaltfläche angezeigte Text. Halten Sie ihn kurz und handlungsorientiert (z. B. „Anfrage senden“, „Details anzeigen“, „Kontaktieren Sie uns").
Icon-Name – Fügen Sie ein Symbol neben der Beschriftung hinzu, um Benutzern schnell die Aktion zu verdeutlichen. Wählen Sie aus der Salesforce-Symbolbibliothek – gängige Optionen sind „utility:download“ für Downloads oder „utility:email“ für Kontaktaktionen.
Icon-Position – Platzieren Sie das Symbol links oder rechts von der Beschriftung. Die linke Positionierung funktioniert in den meisten Fällen gut, während die rechte Positionierung Vorwärtsnavigation anzeigen kann.
Variante – Der visuelle Stil der Schaltfläche. Optionen umfassen typischerweise primary (auffällig, hervorstechend), secondary (dezent) oder destructive (rot, für Löschaktionen). Wählen Sie je nach Wichtigkeit der Aktion.
Horizontale Ausrichtung – Positionieren Sie die Schaltfläche innerhalb ihres Containers – links, zentriert oder rechts. Zentrierte Ausrichtung eignet sich gut für eigenständige CTAs, während linke Ausrichtung zu Formularschaltflächen passt.
Strecken – Wenn aktiviert, erweitert sich die Schaltfläche, um die volle Breite ihres Containers auszufüllen. Verwenden Sie dies für prominente CTAs oder wenn die Schaltfläche die Breite von darüber liegenden Formularfeldern anpassen soll.
Deaktiviert – Verhindert, dass Benutzer auf die Schaltfläche klicken. Verwenden Sie dies, wenn eine Aktion noch nicht verfügbar ist – z. B. das Deaktivieren einer „Senden“-Schaltfläche, bis erforderliche Felder ausgefüllt sind
Schaltflächenaktionen (Verlinken zu)
Die Verlinken zu Einstellung bestimmt, was passiert, wenn Benutzer auf die Schaltfläche klicken. Wählen Sie den Aktionstyp, der dem entspricht, was Sie erreichen möchten.

Zeigt eine kurze Benachrichtigung an, die oben auf der Seite erscheint und nach einigen Sekunden verschwindet.
Wann Sie es verwenden sollten: Bestätigungsnachrichten wie „Änderungen gespeichert“ oder „Anfrage eingereicht“, die keine Benutzeraktion erfordern. Toasts geben Rückmeldung, ohne den Arbeitsablauf des Benutzers zu unterbrechen.
Leitet Benutzer zu einer anderen Seite weiter – entweder innerhalb Ihrer Experience-Site oder zu einer externen URL.
Wann Sie es verwenden sollten: „Mehr erfahren“-Schaltflächen, die zu Detailseiten führen, „Zurück zur Startseite“-Navigation oder Links zu externen Ressourcen. Sie können zu Standardseiten, Datensatzseiten oder benutzerdefinierten URLs navigieren.
Öffnet ein Popup-Fenster mit einer Nachricht, die Benutzer bestätigen müssen, bevor sie fortfahren.
Wann Sie es verwenden sollten: Wichtige Hinweise, die Benutzer lesen müssen, wie Geschäftsbedingungen, Datenschutzhinweise oder Warnungen, bevor sie mit einer Aktion fortfahren.
Zeigt ein Bestätigungsdialogfeld an, das Benutzer auffordert, ihre Aktion zu bestätigen oder abzubrechen.
Wann Sie es verwenden sollten: Aktionen mit Folgen, die nicht rückgängig gemacht werden können, wie das Löschen eines Datensatzes, das Abbrechen einer Übermittlung oder das Entfernen von Zugriffsrechten. Der Dialog gibt Benutzern die Möglichkeit, ihre Entscheidung zu überdenken, bevor sie fortfahren.
Startet einen Salesforce-Flow in einem Popup-Modalfenster.
Wann Sie es verwenden sollten: Mehrschrittige Prozesse wie das Einreichen eines Support-Falls, das Ausfüllen einer Umfrage, das Aktualisieren von Kontoinformationen oder jeder geführte Workflow. Erstellen Sie den Flow im Flow Builder und verbinden Sie ihn dann mit der Schaltfläche – der Flow läuft innerhalb des Modals, ohne von der aktuellen Seite zu navigieren
Spezifikationen
Beschriftung
Definieren Sie den auf der Schaltfläche angezeigten Text.
Geben Sie eine prägnante, klare Beschriftung ein, die dem Benutzer die Aktion der Schaltfläche anzeigt.
Icon-Name
Wählen Sie ein Symbol aus, das auf der Schaltfläche angezeigt werden soll.
Wählen Sie ein passendes Symbol, das die Aktion der Schaltfläche visuell darstellt und das Benutzerverständnis verbessert.
Icon-Position
Bestimmen Sie die Position des Symbols innerhalb der Schaltfläche.
Wählen Sie eine Position, die die Schaltfläche visuell ausbalanciert und mit der Designrichtung Ihrer Webseite übereinstimmt.
Variante
Wählen Sie eine vordefinierte Stilvariante für die Schaltfläche.
Wählen Sie eine Variante, die zum Kontext der Schaltflächenaktion und zur Gesamtdesignsprache der Webseite passt.
Horizontale Ausrichtung
Definieren Sie die horizontale Ausrichtung der Schaltfläche innerhalb ihres Containers.
Richten Sie die Schaltfläche aus, um visuelle Harmonie zu erreichen und die Layoutanforderungen der Webseite zu erfüllen.
Dehnen
Bestimmen Sie, ob die Schaltfläche den Container ausfüllen soll.
Aktivieren Sie diese Option, damit sich die Schaltfläche horizontal ausdehnt und den verfügbaren Platz innerhalb ihres Containers ausfüllt.
Deaktiviert
Steuern Sie den aktiven oder deaktivierten Zustand der Schaltfläche.
Deaktivieren Sie die Schaltfläche, um Benutzerinteraktionen zu verhindern; nützlich in Situationen, in denen eine bestimmte Aktion nicht anwendbar ist oder vorübergehend verhindert werden soll.
Abstand (Oben, Unten, Links, Rechts)
Margin-top, Margin-bottom, Margin-left, Margin-right: Diese steuern den Abstand um die Schaltfläche in jede Richtung. Verwenden Sie diese, um Ihre Schaltflächen präzise zu positionieren, Überlappungen mit anderen Elementen zu vermeiden und Luft zu schaffen.
Beschriftung/Symbol
Farbe: Die Standardfarbe des Schaltflächentextes oder -symbols.
Farbe aktiv: Die Farbe, in die sich Text/Symbol ändert, wenn die Schaltfläche angeklickt oder angetippt wird.
Farbe beim Hover: Die Farbe, in die sich Text/Symbol ändert, wenn der Benutzer mit der Maus über die Schaltfläche fährt.
Schriftfamilie: Gibt die Schriftart an, die für die Textbeschriftung der Schaltfläche verwendet wird. Stellen Sie sicher, dass sie mit dem Gesamtdesign Ihrer Site übereinstimmt und gut lesbar ist.
Schriftgröße: Steuert die Größe des Beschriftungstextes. Passen Sie sie für Lesbarkeit und Betonung nach Bedarf an.
Schriftstil: Legt den Stil des Textes fest, z. B. normal, kursiv oder schräg. Verwenden Sie sparsam für besondere Betonungen.
Schriftstärke: Bestimmt die Fettheit des Textes. Erwägen Sie die Verwendung unterschiedlicher Stärken, um primäre und sekundäre Schaltflächen zu unterscheiden.
Hintergrund
Hintergrundfarbe: Die Standardfarbe des Schaltflächenhintergrunds.
Hintergrundfarbe aktiv: Die Hintergrundfarbe der Schaltfläche beim Klicken oder Antippen.
Hintergrundfarbe beim Hover: Die Hintergrundfarbe, wenn der Benutzer mit der Maus über die Schaltfläche fährt.
Rahmen
Rahmenfarbe: Die Farbe des Schaltflächenrahmens.
Rahmenfarbe aktiv: Die Rahmenfarbe, wenn die Schaltfläche aktiv ist.
Rahmenfarbe beim Hover: Die Rahmenfarbe, wenn der Benutzer mit der Maus über die Schaltfläche fährt.
Rahmengröße: Die Dicke des Rahmens (in Pixel).
Rahmenstil: Die Art des Rahmens: solid, dotted, dashed usw.
Rahmenradius: Steuert, wie abgerundet die Ecken der Schaltfläche sind. Höhere Werte führen zu weicheren, runderen Schaltflächen
Zuletzt aktualisiert
War das hilfreich?

