Button „Gutscheincode kopieren“

Was ist die Schaltfläche „Gutscheincode kopieren“?

Die Button „Gutscheincode kopieren“ In GemPages können Sie eine Schaltfläche erstellen, die einen Rabattcode auf Ihrer Shop-Seite anzeigt. 

Wenn Benutzer auf diese Schaltfläche klicken, wird der Gutscheincode automatisch in die Zwischenablage kopiert. Dadurch entfällt die manuelle Eingabe, und Kunden können ihre Rabattcodes beim Bezahlvorgang schneller und einfacher verwenden.

Wie fügen Sie Ihrer Seite das Element „Gutscheincode kopieren“ hinzu?

Befolgen Sie die folgenden Schritte, um ein Element zum Kopieren von Gutscheincodes per Drag & Drop in Ihre Seite mit dem GemPages Editor v7 einzufügen:

• Einloggen, um Shopify-Administrator > GemPages-Ersteller app> Seiten.
• Klicken Sie auf die Seite, auf der Sie das Element „Gutscheincode kopieren“ hinzufügen möchten, um in den Editor zu gelangen.
• Suchen Sie in der linken Seitenleiste nach diesem Element und ziehen Sie es per Drag & Drop an die gewünschte Position auf Ihrer Seite.

• Suchen Sie das Element, um seine Einstellungen für weitere Anpassungen zu öffnen.

Konfigurieren der Registerkarte „Einstellungen“

Unter dem Einstellungen Auf der Registerkarte „Symbole“ können Sie die Sichtbarkeit des Symbols nach Wunsch konfigurieren:

Layout

Wählen Sie zwischen zwei Optionen für Ihre Schaltfläche: mit und ohne Symbol (nur Text).

Gutscheincode

Geben Sie Ihren Gutscheincode in das Feld ein.

Größe

• Länge und Höhe: Definieren Sie die Abmessungen der Schaltfläche, um sicherzustellen, dass sie auffällt, jedoch nicht aufdringlich ist.
• Polsterung: Passen Sie den Innenabstand innerhalb der Schaltfläche an, um Text oder Symbole besser auszurichten.

Hintergrund

Legen Sie eine Vollton-/Farbverlaufsfarbe oder ein Bild als Hintergrund fest, indem Sie:

• Geben Sie den Farbcode ein
• Wählen Sie aus den „Aktuelle Farben" oder "Empfohlen für Sie”-Liste
• Wählen Sie aus dem Farbmuster
• Verwenden Sie die Farbauswahl, um die Hintergrundfarbe festzulegen.

Shape

Passen Sie die Form an, indem Sie:

• Rand: Wählen Sie die Rahmenstile (Linie/Strich/Punkt) und ändern Sie die Rahmenfarbe und -stärke, um sie an Ihr Markendesign anzupassen
• Ecke: Passen Sie den Eckenradius für eine bessere Sichtbarkeit an.
• Schatten: Wenden Sie Schatteneffekte für Tiefe an.

Icon

Unter dem Icon Im Abschnitt „Einschalten“ können Sie Symbole auswählen, die in diesem Element angezeigt werden sollen.

• Option 1: Wählen Sie aus der GemPages-Systembibliothek

Wählen Sie den Symbolstil aus der Dropdown-Liste aus oder geben Sie den Symbolnamen in das Suchfeld ein, um Ihr bevorzugtes Symbol zu finden.

• Option 2: Laden Sie Ihre benutzerdefinierten Symbole hoch

Beziehen auf Dieser Artikel für weitere Details zum Hochladen benutzerdefinierter Symbole.

Hinweis: Für benutzerdefinierte Uploads werden nur SVG-Dateien unterstützt.

Ändern Sie dann die Symbolfarbe nach Ihren Wünschen und passen Sie die Größe und Polsterung des Symbols an, damit es zu Ihrem Markendesign passt.

Text

Wenn Sie Text in die Schaltfläche einfügen, können Sie ihn an Ihr Branding anpassen:

• Stile: Wählen Sie zur Hervorhebung Überschriftenstile aus.
• Schriftart: Wählen Sie eine Schriftfamilie, die zur Typografie Ihres Shops passt.
• Größe: Passen Sie die Textgröße an die Sichtbarkeit an.
• Fett/Kursiv/Unterstrichen: Betonen Sie diese Textstile.
• Font Gewicht: Steuern Sie die Textdicke.
• Linienhöhe: Optimieren Sie den Zeilenabstand für mehrzeiligen Text.
• Buchstaben-Abstand: Passen Sie den Abstand zwischen einzelnen Zeichen zur besseren Lesbarkeit an.
• Transformieren: Text formatieren auf Groß, Kleinden profitieren jedes Wort.

Ergebnisse

Passen Sie die Schaltfläche im Hover- und Klick-Zustand an.

• Schweben: Ändern Sie die Hintergrund- und Textfarben, wenn Benutzer mit der Maus über Ihre Schaltfläche zum Kopieren des Coupons fahren.

• Geklickt:

Das Ergebnis

Speichern und veröffentlichen Sie Ihre Updates und überprüfen Sie das Ergebnis im Live-Store.

Bewährte Vorgehensweisen für die Verwendung der Schaltfläche „Gutscheincode kopieren“

Um die Wirksamkeit zu maximieren Button „Gutscheincode kopieren“ In GemPages v7 ist es wichtig, es für eine optimale Benutzerinteraktion zu platzieren und zu gestalten. 

Hier sind einige Best Practices, die Ihnen dabei helfen, mehr Conversions zu erzielen:

Anzeige auf Landingpages oder Produktseiten

Aufmachung des Button „Gutscheincode kopieren“ auf Landingpages oder Produktseiten können eine äußerst effektive Möglichkeit sein, die Conversions zu steigern:

• Landing Pages: Besucher kommen hierher, um Sonderangebote zu entdecken. Ein Coupon-Button mit nur einem Klick reduziert den Aufwand und fördert den Kauf.
• Produktseiten: Durch die Platzierung der Schaltfläche in der Nähe des Preises oder der Option „In den Einkaufswagen“ erhalten Käufer einen schnellen Rabatt und erhöhen so die Wahrscheinlichkeit, dass sie einen Kauf abschließen.

Anzeige im E-Mail-Newsletter-Popup 

• E-Mail-Newsletter: Fügen Sie den Button zu Ihren E-Mails hinzu, um mit nur einem Klick auf Gutscheine zuzugreifen. So entfällt die manuelle Codeeingabe und der Vorgang wird optimiert.
• Pop-ups: Nutzen Sie Popups, um Kunden einen Coupon anzubieten, bevor sie die Seite verlassen oder nachdem sie gestöbert haben. Die Schnellkopierfunktion regt sie zum Bleiben und Kaufen an.

Häufig gestellte Fragen

1. Wie verbessert die Schaltfläche „Gutscheincode kopieren“ die Konversionsraten?

Es vereinfacht den Bezahlvorgang, indem es Kunden ermöglicht, den Code schnell zu kopieren und anzuwenden, was die Konvertierungen steigert.

2. Ist es in allen GemPages-Plänen verfügbar?

Ja, es ist in allen Plänen verfügbar.

3. Kann ich das Design des Buttons anpassen?

Ja, Sie können Stil, Farbe und Größe ganz einfach im GemPages-Editor anpassen.

Für weitere Unterstützung können Sie sich jederzeit per Live-Chat oder [email protected] an unser GemPages-Supportteam wenden.