Machen Sie einen Text oder ein Bild anklickbar

Warum Texte oder Bilder anklickbar machen?

Wenn Texte oder Bilder anklickbar oder interaktiv gestaltet werden, verbessert das das Benutzererlebnis und die Interaktion. 

Indem Sie diese Elemente anklickbar machen, können Sie Benutzer dazu anleiten, bestimmte Aktionen auszuführen, z. B. ein Popup zu öffnen oder zu einem bestimmten Abschnitt der Seite zu navigieren. 

Beispiele:

• Klicken Sie auf ein Produktbild: Öffnen Sie ein Popup mit detaillierten Produktinformationen.

• Verwenden Sie Text als Taste: Ermöglichen Sie Benutzern, zu bestimmten Abschnitten zu scrollen, z. B. zu FAQs oder Produktfunktionen.

Wie macht man einen Text oder ein Bild in GemPages anklickbar?

Für diese Anleitung erstellen wir den Text „Haben Sie Fragen? Wir helfen Ihnen” anklickbar, um Benutzer zum FAQ-Bereich der Seite.

Schritt 1: Text- oder Bildelement hinzufügen

Achten Sie bei der Verwendung von Text darauf, dass dieser formatiert ist und auffällt, damit die Benutzer erkennen, dass er interaktiv ist.

Für weitere Textblockelement Anpassungen finden Sie unter Dieser Artikel.

Schritt 2: Verwenden Sie Interaktionen, um Aktionen auszulösen

Navigieren Sie in der linken Seitenleiste zu Erweitert Tab und scrollen Sie nach unten zum Interaktion .

Klicken Sie auf Erschaffung um das Einstellungsfenster zu öffnen.

"1. Beginnen Sie mit…”: Hiermit wird das Element definiert, das die Aktion auslöst. 

Wähle aus Textblock als Zielelement.

Wenn die Funktion : Wählen Sie den Interaktionstyp aus, der die Aktion auslöst:

• Klicken Sie auf Element: Die Interaktion erfolgt, wenn der Benutzer auf den Text oder das Bild klickt.
• Mit der Maus über das Element fahren: Optional, zum Auslösen der Aktion, wenn der Benutzer mit der Maus über das Element fährt.

"2. Dann tun Sie Folgendes …”: Geben Sie die durch die Interaktion ausgelöste Aktion an.

Klicken Sie auf Ziel auf der Seite auswählen. Scrollen Sie nach unten zum FAQ-Bereich und klicken Sie auf Überschrift Element in diesem Abschnitt.

Hit Als Ziel festlegen zu bestätigen.

Ändern: Die Aktion, die ausgelöst wird, wenn ein Benutzer mit dem Element interagiert (z. B. Klicken oder Hovern).

• Blättern Sie zu: Verschiebt die Seitenansicht zu einem angegebenen Abschnitt.
• Show / Hide: Ein verstecktes Element sichtbar machen oder umgekehrt.
• Hintergrund & Form: Ändern Sie die Hintergrundfarbe, Deckkraft oder Form eines Elements dynamisch.

Wählen Sie "Scrollen Sie zu“ als Aktion zum Auslösen des Scroll-Effekts.

Passen Sie dann Scroll-Top-Abstand: Geben Sie einen Wert in Pixeln (px) ein, um zu steuern, wo die Seite beim Scrollen zum Zielabschnitt endet.