FROM CACHE - de_header

Back to Stock Klaviyo Button anzeige

Ib1988
Tourist
6 0 1

Hey liebe leute 

 

ich bin gerade dabei BACK IN STOCK einzurichten mit Klaviyo, kurze frage wie kann es als button einzeugen lassen. Da steht einfach nur ein Satz wo man raufklicken kann, wäre aber super als button zu haben 

 

Bildschirmfoto 2024-03-29 um 12.52.18.png

1 ANTWORT 1

Gabe
Shopify Staff
17369 2751 4057

Hey @Ib1988 

 

Danke für das Bild und bei so einem Fall wäre ein befristeter Vorschaulink oder Link zu einem Beispiel sehr hilfreich das schneller zu analysieren.

 

Um in Shopify über die Klaviyo-App einen "Benachrichtigen, wenn verfügbar"-Button statt nur eines Textlinks zu erstellen, musst du etwas CSS und vielleicht auch ein bisschen HTML anpassen. Der von dir abgebildete Button dient somit dazu, die Shopify-Buy-Buttons auszublenden sobald eine Variante ausverkauft ist, ist das richtig?

 

image.png

 

Um einen Clickable-Button daraus zu gestalten, könntest du folgenden Ansatz verfolgen:

  1. Identifiziere den HTML-Element oder die Klasse, die den "Benachrichtigen, wenn verfügbar"-Link darstellt. Dies kann variieren, je nachdem, wie Klaviyo und dein Shopify-Theme implementiert sind. Du musst vielleicht im Seitenquelltext oder in den Klaviyo-Dokumentationen nachsehen, um das genaue Element oder die Klasse zu finden, die für den Link verwendet wird.

  2. Füge benutzerdefiniertes CSS hinzu, um den Link wie einen Button aussehen zu lassen. Du kannst CSS verwenden, um fast jedem HTML-Element das Aussehen eines Buttons zu geben. Hier ist ein einfaches Beispiel, das du anpassen kannst:

 

<style>
.button-class {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}

/* Stil für den Hover-Effekt */
.button-class:hover {
    background-color: #0056b3;
}
</style>

 

Du müsstest button-class durch die tatsächliche Klasse oder ID des "Benachrichtigen, wenn verfügbar"-Links ersetzen. Wenn der Link zum Beispiel die Klasse notify-me-link hätte, würdest du .button-class durch .notify-me-link ersetzen.

 

Hoffe das hilft dir weiter - lass wissen falls nicht! 😉

---
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!

Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

 

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog