Wie platziere ich eine Schaltfläche über einem Bild?

Warum eine Schaltfläche über einem Bild platzieren?

Durch die Platzierung einer Schaltfläche über einem Bild können Sie einen klaren Call-to-Action (CTA) erstellen, ohne den Designfluss zu unterbrechen. Dadurch wird die Seite ansprechender und Besucher werden direkt zum nächsten Schritt angeleitet.

Zu den häufigsten Anwendungsfällen gehören:

• Aufmachung von a "Jetzt einkaufen" Schaltfläche auf Produkt- oder Sammlungsbannern.
• Aufmerksamkeit lenken auf saisonale Aktionen oder Rabatte.
• Direkte Verknüpfung mit einem bestimmte Zielseite oder hervorgehobener Abschnitt.
• Erstellen einer übersichtlicheres Layout anstatt Bild und Schaltfläche zu trennen.

Tipps: Wählen Sie eine Schaltflächenfarbe, die einen Kontrast zu Ihrem Hintergrundbild bildet, damit sie besonders auf Mobilgeräten hervorsticht.

Um dies in GemPages zu erreichen, können Sie zwei einfache Methoden befolgen, die unten erläutert werden.

Wie lege ich in GemPages eine Schaltfläche über mein Bild?

Methode 1: Verwenden Sie ein Hero-Banner-Element

Normalerweise können Sie das Hero-Banner-Element verwenden, um dieses Bild hochzuladen. Anschließend können auf dem Hero-Banner weitere Elemente, einschließlich der Schaltfläche, angezeigt werden. Führen Sie dazu die folgenden Schritte aus:

Schritt 1: Gehen Sie zur GemPages-Ersteller app> SeitenKlicken Sie dann auf die Seite, auf der Sie eine Schaltfläche über Ihrem Bild platzieren möchten, um den Editor zu öffnen.

Schritt 2: Suchen Sie in der linken Seitenleiste nach „Heldenbanner„. Ziehen Sie das gewünschte Layout per Drag & Drop an eine beliebige Position auf Ihrer Seite.

Schritt 3: Löschen Sie die Textelemente und behalten Sie nur das Schaltflächenelement.

Schritt 4: Klicken Sie auf Heldenbanner Element, um seine Einstellungen anzuzeigen. Scrollen Sie nach unten zum Hintergrund Abschnitt und wählen Sie die Bild Feld.

Schritt 5: Laden Sie Ihr Bild hoch oder wählen Sie eines aus der Bibliothek als Hintergrundbild aus.

Schritt 6: Verstelle die Hintergrundbild wie Sie es vorziehen.

Schritt 7: Klicken Sie auf Taste Element, um dessen Einstellungen zu öffnen. Von hier aus können Sie die Schaltfläche nach Ihren Wünschen anpassen, beispielsweise:

• Ändern Sie Farbe, Form und Größe.
• Fügen Sie ein Symbol oder einen Hover-Effekt hinzu.
• Verknüpfen Sie die Schaltfläche mit einer neuen Seite oder einem Zielabschnitt auf Ihrer Seite.

Beziehen auf Dieser Artikel für weitere Anweisungen.

Schritt 8: Speichern Sie Ihre Änderungen und klicken Sie auf Veröffentlichen.

Methode 2: Verwenden Sie die relative Option der Schaltflächenposition

Um sicherzustellen, dass der Button in Ihrem Seitendesign korrekt über dem Bild platziert wird, können Sie die Tastenposition zu Relativ.

Folge diesen Schritten:

• Klicken Sie auf das Button-Element, um dessen Einstellungen zu öffnen und navigieren Sie zu Erweitert Tab.
• Scrollen Sie nach unten zum Position .
• Wähle aus Relativ Option aus dem Dropdown-Menü.

Erfahren Sie mehr über diese Konfiguration über Dieser Artikel.