Shopify ist ein Webshop-as-a-Service-Anbieter. Es ist sehr einfach, Shopify mit unserer Plattform zu verbinden, da sowohl Retraced als auch Shopify eine einfache API zur Verbindung anbieten.
Voraussetzungen
Du musst mindestens ein Produkt haben (das in deinem Shop öffentlich verfügbar ist), das eine SKU besitzt und mit einer Lieferkette auf der Retraced-Plattform verknüpft ist, sowie eine aktive Produktstory haben.
Wir benötigen Folgendes von dir:
Deine Shopify-Shop-URL, die in etwa so aussieht: mybrand.shopify.com
Deine tatsächliche Shop-URL wie: mybrand.com
Wir werden diese URLs dann auf die Whitelist setzen, da nur autorisierte Webseiten Informationen von unserer API anfordern können.
Installation
1. Erstelle eine Retraced-Hilfsdatei
Erstelle in deinem Theme-Code im Snippets-Ordner eine Datei mit dem Namen retraced.liquid. Gib dort Folgendes ein:
<script name="retraced-tag">
window.retraced = {
initialSku: "",
shop: "",
locale: "{{ shop.locale }}" || (window.navigator ? window.navigator.language : "en"),
variants: []
};
{% if product %}
window.retraced.variants = {{product.variants | json}};
window.retraced.initialSku = "{{ product.selected_or_first_available_variant.sku }}";
{% endif %}
{% if shop %}
window.retraced.shop = "{{shop.permanent_domain}}";
{% endif %}
</script>
<script async type="text/javascript" src="https://rtcd.me/shop-components.js"></script>
2. Füge das Include in dein Theme ein
Öffne deine theme.liquid-Datei und füge vor dem </head>-Tag Folgendes ein:
{% include 'retraced' %}
3. Füge unsere Komponenten an beliebiger Stelle hinzu
Das hängt von deinem Theme ab. Du musst nur eine oder mehrere (oder alle) unserer Komponenten irgendwo in deinem DOM platzieren. Typischerweise ist das in der product.liquid-Datei:
<retraced-cards></retraced-cards>
Or use any other (or multiple or all!):
<retraced-icons></retraced-icons>
<retraced-button-verified></retraced-button-verified>
Das war's! Schau dir unseren Widget-Platzierungsleitfaden an, um den idealen Ort für die Retraced-Widgets und Shop-Komponenten festzulegen!