FROM CACHE - de_header

Buy Button - Warenkorb

Gelöst
CichonTrautmann
Tourist
9 0 1

Hallo zusammen,

ich nutze auf unserer kleinen Webseite zu jedem Produkt einen Buy Button. Nun benötige ich beim Checkout die Funktion, dass der Kunden ein Lieferdatum auswählen kann.

Habe dazu zum Beispiel die App "Delivery Date Pro" installiert. Jedoch wird mir im Warenkorb bzw beim Checkout keine Auswahlmöglichkeit angezeigt. Ist dies überhaupt bei dem Warenkorb/Checkout vom Buy Button möglich?

Danke für eure Hilfe.

1 AKZEPTIERTE LÖSUNG

Anerkannte Lösungen
Gabe
Shopify Staff
Shopify Staff
7475 1198 1943

Erfolg.

Hey @CichonTrautmann 

Danke für die URL - das sieht nicht schlecht aus! Nicht vergessen, dein Shop Passwortschutz zu aktivieren bevor es fertig ist.

Und lass uns mal euren optimalsten Use-Case hier anschauen da du jetzt das Shopify Online Store aktiviert hast. Vielmehr wäre aber meine Rolle hier dich in die richtige Richtung zu leiten, wo die besten Ressourcen findest um dein Ziel zu erreichen.

Nur so dass ich das richtig verstehe, du sagst: "kann ich eine Produktseite in meine HMTL Webseite als iFrame einbinden? Wenn ja wie". Leider hast du nicht genau beschrieben in welcher Richtung du das machen möchtest. Möchtest die verlinkte Shopify Seite in deine 3P Webseite als iFrame einbinden und anzeigen, oder andersrum?

Letztendlich sind Programmierer für beide oben genannte Optionen erforderlich da Daten über das iFrame übermittelt werden müssen, wie z. B. die ausgewählte Variante (3m², 5m² usw.) oder die Produktpositionen usw. Das ist nicht so einfach wie es scheint leider...

Aber um eine iFrame auf der Produktseite zu platzieren, muss man die product.liquid bearbeiten und dort den iframe einbauen. Der iframe kann wie jedes andere DOM-Element mit CSS positioniert werden. Man kann jedes Produkt dazu bringen, einen eindeutigen Iframe auszugeben, indem es im liquid platziert, wo man es haben will. Man kann das auch über eine individualisierte product.liquid-Vorlage machen. Das folgende ist, wie gesagt, ohne Gewähr und ich rate einen Programmierer wie @r8r oder @tewe zu konsultieren:

Füge zunächst deinen iframe-Code ganz unten in Ihren Produktbeschreibungen in der HTML-Ansicht ein. Stelle sicher, dass er sich unter dem Rest der HTML-Datei befindet und auskommentiert ist, etwa so:

<!-- iframe code goes here -->
<iframe src="http://myurlhere=X" /iframe>
...usw...

Dann innerhalb des product.liquid ein Element an der Stelle hinzufügen, an der es erscheinen soll und dann deinen Code einfügen, um den Iframe zu übernehmen.

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

Lösung in ursprünglichem Beitrag anzeigen

10 ANTWORTEN 10
Gabe
Shopify Staff
Shopify Staff
7475 1198 1943

Hey @CichonTrautmann 

Danke für die Frage und gerne helfe ich hier! Der Buy Button erlaubt es Produkte über andere drittanbieter Webseiten zu verkaufen und nur der Shopify Checkout steht dabei dann zur Verfügung. Ein Shop oder Warenkorb innerhalb Shopify steht da leider nicht zur Verfügung wenn man den Buy Button im Zusammenhang mit unserem LITE Plan verwendet. Ist das der Fall bei dir?

Somit wird eine App wie Delivery Date Pro unwirksam bleiben. 

  • Nun benötige ich beim Checkout die Funktion, dass der Kunden ein Lieferdatum auswählen kann.

Frage dazu: bietest du die lokale Zustellung oder Abholung an? Das wäre ggf. eine Möglichkeit. Deine Kunden können beim Checkout Zustellungsanweisungen angeben wie die Zustell Postleitzahl usw. und müssen eine Telefonnummer hinterlassen, damit du sie kontaktieren kannst. Um die erweiterten Zustellungs-Features anbieten zu können hilft unsere Local Delivery-App.

Workarounds bietet diese oder diese or diese App, was aber im Zusammenhang mit dem Lite Plan nicht gehen wird. Experten können da auch helfen!

Lass wissen, ob ich deine Frage damit beantwortet habe 🙂

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

CichonTrautmann
Tourist
9 0 1

Vielen Dank für das ausführliche Feedback.

Also die Webseite steht schon komplett und ich würde diese ungern komplett in einem Shop umsetzen wollen. Welche Lösung gibt es hier mit Shopify, dass ich nur die Produkt-Seiten im Shop umsetze? Denn die Auswahl eines Liefertages (Datum) ist sehr wichtig.

Danke

Gabe
Shopify Staff
Shopify Staff
7475 1198 1943

Hey @CichonTrautmann 

Das habe ich jetzt angeschaut und die Auswahl eines Lieferdatums lebt ausschließlich in der Theme Welt (wie z. B. im Cart - siehe Beispiel unten) und nicht in der Checkout Welt (u. a. da der Checkout nicht programmierbar ist aufgrund der PCI Regulations):

image.png

Da ihr den LITE Plan ($9) verwendet ist dies somit eine Limitation. Darf ich erstmal nach dem Use-Case fragen, warum die Auswahl des Lieferdatums unabdingbar ist für euren Checkout-Flow? Liefert ihr z. B. Blumen?

Wenn du mir das erläuterst kann ich vielleicht nach anderen Lösungen suchen. Ggf. kann man eine Lieferdatum-Auswahl auf die Produktseite deiner drittanbieter Website einprogrammieren die über einen Parallelweg eine Meldung auslöst die an euch versendet wird.

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

CichonTrautmann
Tourist
9 0 1

Toller Support hier, danke!

Von mir aus findet die Eingabe des Datum auch im Warenkorb statt oder auf der Seite. 

Es geht um eine Webseite die Container liefert. So kann der Kunde bestimmen, wann der Container zu mir nach Hause geliefert werden soll. Sonntags zum Beispiel nicht ;->

Hat den Vorteil, der Kunde kann entscheiden und der Betreiber muss nicht hinter her telefonieren und einen Termin abstimmen. Hoffe ich habe das deutlich erklärt.

So wie hier: https://www.ecoservice24.com/shop/de/baumischabfall

 

Gabe
Shopify Staff
Shopify Staff
7475 1198 1943

@CichonTrautmann 

Verstehe. Tipp: vielleicht könnte man auf eurer 3P (3rd party) Webseite auf der Produktseite ggf. den folgenden Hinweis einbauen (entweder in der Produktbeschreibung oder als Popup usw.):

  • Wir liefern die Container nur unter der Woche. Falls man einen speziellen Lieferungstermin mit uns arrangieren möchte, bitte verwenden sie dafür entweder unseren Chat Button unten oder schicken sie uns eine E-Mail an: xxxx@yyyy.de. Sie können uns auch auf unserer Social Media Page hier in Echtzeit erreichen...

Wäre das ein Workaround?

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

CichonTrautmann
Tourist
9 0 1

Leider nicht. Ein Auswahl mit Datum wäre super. Kann man denn in unsere Webseite (machen wir) ein Datumsfeld einsetzen und das wird dann mit der Bestellung übertragen? Geht das?

Gabe
Shopify Staff
Shopify Staff
7475 1198 1943

@CichonTrautmann 

Der Buy Button müßte dieses Datumsfeld dann auch über das API ans Shopify Backend übertragen können was, glaube ich, derzeit nicht beim Buy Button mit dabei ist. Alle Bestellungsdaten mit dem das Shopify Backend arbeitet findest du in der csv einer Bestellung oder im .json. Du kannst aber du kannst die Shopify Buy Button JS-Bibliothek verwenden, um anpassbare Shopify UI-Komponenten, wie z. B. Produktlisten und Carts, direkt in jede Website einzubetten. Die Bibliothek verwendet das JS Buy SDK, um sich mit einem Shopify-Shop zu verbinden und Ihnen Zugriff auf dessen Produkte und Kollektionen zu geben.

Mit Buy Button JS kann man die folgenden Komponenten zur Website hinzufügen:

  • Produktauflistungen und Sofort-Kaufen-Schaltflächen
  • Kollektionen von Produkten
  • Einen Cart

Ich weiss das Experten Shops geholfen haben Delivery-Date IF-Statements zum Beispiel u. a. in die Lieferschein Vorlagen (über Meta Felder) einzubauen. Siehe ein Code Beispiel unten (ob das in eurem Fall geht wage ich zu bezweifeln, da ihr die Meta Felder an die Parameter des Buy Button gebunden seid):

 

 {% if attributes.mw-delivery-date %}
    <p><b>Delivery date:</b></p>
    <p>{{ attributes.mw-delivery-date }}</p>
    {% if attributes.mw-delivery-time %}
        <p>Delivery time: {{ attributes.mw-delivery-time }}</p>
    {% endif; %}
        <br />
    {% if attributes.mw-delivery-comment %}
        <p>Comments: {{ attributes.mw-delivery-comment }}</p>
    {% endif %}

 

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

Gabe
Shopify Staff
Shopify Staff
7475 1198 1943

Hey @CichonTrautmann 

Tut mir leid ich hatte das Notes Feld vergessen, dass in jeder Bestellung mit dabei ist (siehe Spalte AS in der Tabelle anbei im Anhang unterhalb dieses Eintrags). Im Wesentlichen kann man {{ note }} in das Code einfügen, an der man die Bestellnotizen übertragen möchte! Informationen zu diesem und anderen Objekten findest du in unserem Liquid-Referenzhandbuch hier.

Wie wäre es also den Kunden es erlauben die Delivery Date als Anmerkung auf der Produktseite einzugeben und über dem Buy Button an Shopify zu übermitteln? Siehe hier: 

image.png

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

CichonTrautmann
Tourist
9 0 1

Hallo 

danke für die Mühen. Ich möchte das nun anders lösen. Ich habe das Onlineshop Paket nun gebucht...kann ich eine Produktseite in meine HMTL Webseite als iFrame einbinden? Wenn ja wie

zB: https://entsorgung-viersen.myshopify.com/products/absetzcontainer-fur-bauschutt

Gabe
Shopify Staff
Shopify Staff
7475 1198 1943

Erfolg.

Hey @CichonTrautmann 

Danke für die URL - das sieht nicht schlecht aus! Nicht vergessen, dein Shop Passwortschutz zu aktivieren bevor es fertig ist.

Und lass uns mal euren optimalsten Use-Case hier anschauen da du jetzt das Shopify Online Store aktiviert hast. Vielmehr wäre aber meine Rolle hier dich in die richtige Richtung zu leiten, wo die besten Ressourcen findest um dein Ziel zu erreichen.

Nur so dass ich das richtig verstehe, du sagst: "kann ich eine Produktseite in meine HMTL Webseite als iFrame einbinden? Wenn ja wie". Leider hast du nicht genau beschrieben in welcher Richtung du das machen möchtest. Möchtest die verlinkte Shopify Seite in deine 3P Webseite als iFrame einbinden und anzeigen, oder andersrum?

Letztendlich sind Programmierer für beide oben genannte Optionen erforderlich da Daten über das iFrame übermittelt werden müssen, wie z. B. die ausgewählte Variante (3m², 5m² usw.) oder die Produktpositionen usw. Das ist nicht so einfach wie es scheint leider...

Aber um eine iFrame auf der Produktseite zu platzieren, muss man die product.liquid bearbeiten und dort den iframe einbauen. Der iframe kann wie jedes andere DOM-Element mit CSS positioniert werden. Man kann jedes Produkt dazu bringen, einen eindeutigen Iframe auszugeben, indem es im liquid platziert, wo man es haben will. Man kann das auch über eine individualisierte product.liquid-Vorlage machen. Das folgende ist, wie gesagt, ohne Gewähr und ich rate einen Programmierer wie @r8r oder @tewe zu konsultieren:

Füge zunächst deinen iframe-Code ganz unten in Ihren Produktbeschreibungen in der HTML-Ansicht ein. Stelle sicher, dass er sich unter dem Rest der HTML-Datei befindet und auskommentiert ist, etwa so:

<!-- iframe code goes here -->
<iframe src="http://myurlhere=X" /iframe>
...usw...

Dann innerhalb des product.liquid ein Element an der Stelle hinzufügen, an der es erscheinen soll und dann deinen Code einfügen, um den Iframe zu übernehmen.

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