Användning & inbäddning
Bädda in gåvoshopen på er egen webbplats, eller länka till den hostade sidan. Kodsnuttarna med er egen kortkod finns under checkoutens flik Användning.
Hostad sida
Varje gåvoshop har en sida hos Repejo. Dela länken eller QR-koden från fliken Användning. Ingen kod behövs.
Steg 1: Lägg till script-taggen
Lägg till följande i <head>
på er webbplats. Samma script-tagg används för alla Repejo-komponenter:
<script defer type="text/javascript" src="https://app.repejo.se/assets/checkout.js" data-organisation-id="ERT_ORG_ID" data-host="https://app.repejo.se"></script>
Steg 2: Välj komponent
Inbäddad produktlista (rekommenderas)
Alla produkter i ett rutnät som följer sidans bredd. Listan har en egen flytande varukorgsknapp, och varukorgen öppnas som en panel från högra kanten. Hela köpet sker i den panelen.
<repejo-physical-product-list short_code="ER_KORTKOD" host="https://app.repejo.se"></repejo-physical-product-list>
Flytande varukorgsknapp
En rund knapp med antalet varor i varukorgen. Den syns bara när varukorgen innehåller något, och den öppnar varukorgspanelen. Lägg den på webbplatsens andra sidor, så att köparen når varukorgen överallt. Bredvid produktlistan behövs den inte, eftersom listan redan har en.
<repejo-physical-product-cart-button short_code="ER_KORTKOD" host="https://app.repejo.se"></repejo-physical-product-cart-button>
Knappen ligger i nedre högra hörnet. Lägg till position="bottom-left"
för att flytta den till nedre vänstra hörnet.
Inbäddad checkout
Hela gåvoshopen i ett block: produkterna till vänster, varukorg och betalning till höger. På mobilen visas delarna under varandra.
<repejo-checkout short_code="ER_KORTKOD" host="https://app.repejo.se"></repejo-checkout>
Varukorgen sparas i webbläsaren
- Varukorgen sparas i köparens webbläsare, en per checkout. Den finns kvar om köparen laddar om sidan eller kommer tillbaka senare.
- Produktlistan och varukorgsknappen på samma webbplats delar varukorg.
- Varukorgen töms efter ett genomfört köp.
Tips: script-taggen behövs bara en gång per sida. Sedan fungerar alla Repejo-komponenter på sidan.