Använda Bundlex med en sidbyggare (GemPages, PageFly, Shogun)

Om produktsidan är byggd med en sidbyggare som GemPages, PageFly eller Shogun använder du ett ankarkodavsnitt för att välja var Bundlex-widgeten ska visas. Klistra in det i ett anpassat HTML-block på produktsidan. Om widgeten saknas helt ska du även kontrollera appinbäddningen, det publicerade paketet och produktformuläret. Ankaret styr endast placeringen.

Varför en sidbyggare behöver ett ankare

Normalt identifierar widgeten ditt produktformulär och infogar sig själv före dess behållare. En sidbyggare kan ändra den layouten. Ankaret ger widgeten en specifik plats att renderas på, men Bundlex måste fortfarande hitta produktens formulär för att lägga i kundvagn och koppla erbjudandet till köpknappen.

Hämta kodavsnittet

Ankaret är ett färdigt kodavsnitt som kan kopieras i paketredigeraren.

1. Öppna paketet som du vill visa på sidbyggarsidan i Bundlex kontrollpanel.
2. Öppna fliken Avancerat.
3. Hitta alternativet Använder du en sidbyggare? och klicka på det för att expandera.
4. Klicka på Kopiera för att kopiera kodavsnittet till urklipp.

Kodavsnittet är alltid detsamma:

<div data-bundlex-widget></div>

Klistra in det i sidbyggaren

1. Öppna produktsidan i sidbyggarens redigerare (GemPages, PageFly, Shogun eller en annan byggare).
2. Lägg till ett anpassat HTML- eller kodblock på den exakta plats där du vill att widgeten ska visas, till exempel precis under priset eller ovanför knappen för att lägga i kundvagn.
3. Klistra in kodavsnittet i blocket.
4. Förhandsgranska produktsidan och spara sedan och publicera när widgeten är på rätt plats.

När appinbäddningen är aktiv och ingen matchande anpassad placeringsmålpunkt har prioritet renderas widgeten i det första ankaret. Ett appblock renderas i stället på sin egen blockposition. Behåll ankaret i sidans produktområde, nära köpreglagen.

Ett kodavsnitt fungerar för alla paket

Du behöver inte ett annat kodavsnitt för varje paket. Exakt samma <div data-bundlex-widget></div> används för alla. Bundlex avgör vilket paket som ska renderas utifrån produkten som visas på sidan, så ankaret styr endast var widgeten visas, aldrig vilket paket som visas. Klistra in det en gång på varje sidbyggarproduktsida där det behövs.

Placera det endast på den relevanta ytan

Lägg endast till ankaret på den sidyta där du faktiskt vill att widgeten ska visas. Om samma kodavsnitt hamnar på mer än en plats som laddas samtidigt, till exempel i en kundvagnspanel eller en snabbvisningspopup som upprepar produktens markup, kopplas widgeten till det första ankaret den hittar på sidan. Förutsägbar placering får du genom att lägga kodavsnittet på en enda relevant plats i stället för att sprida det över flera mallar.

Kontrollera både dator- och mobilversionen. Vissa byggare har separata produktformulär för dator och mobil på samma sida. En väljare eller ett ankare som når den dolda kopian kan fungera vid en bredd och misslyckas vid en annan. Kontakta supporten för att kontrollera båda layouterna om det händer.

Om widgeten inte flyttas efter att du har klistrat in kodavsnittet

Om widgeten inte har flyttats till den nya platsen:

• Kontrollera att du använder appinbäddningen och inte ett appblock som är placerat någon annanstans. En matchande anpassad placeringsväljare i inbäddningen har prioritet över ankaret.
• Gör en hård uppdatering av butikssidan: Cmd/Ctrl + Shift + R. Det kan läsa in inaktuella webbläsarresurser på nytt, men publicerar inte en utkastssida och åtgärdar inte en felaktig väljare.
• Bekräfta att sidan är publicerad och inte bara sparad i sidbyggarens redigerare.
• Kontrollera att du har klistrat in kodavsnittet exakt, utan extra tecken runt det.

Om widgeten fortfarande inte visas alls

Ankaret placerar endast widgeten. Följande vanliga villkor måste fortfarande vara uppfyllda för att den ska läsas in:

• Bundlex appinbäddning måste vara aktiverad för denna ankarmetod. Använd ett appblock om du vill att blocket ska styra placeringen i stället.
• Ett publicerat paket måste matcha produkten på sidan.
• Bundlex måste kunna identifiera rätt produktformulär och knapp för att lägga i kundvagn.

Om inbäddningen och den matchande rabatten är aktiva ska du kontrollera placeringsprioriteten och identifieringen av produktformuläret. Kontakta supporten med produktens URL om ankaret fortfarande är tomt.

Landningssidor fungerar annorlunda

Ankarkodavsnittet fungerar endast på produktsidor. Om du vill ha paketerbjudanden på en vanlig Shopify-sida (valfri /pages/-URL) lägger du till temats sektion Utvald produkt och placerar blocket Bundlex Bundles featured i den. Ställ in blockets Product till samma produkt som sektionen eller behåll dess Section Product-anslutning. Sektionen tillhandahåller köpformuläret och blocket läser in widgeten utan ett ankarkodavsnitt.

Kontrollera resultatet

1. Öppna den faktiska publicerade produkt-URL:en med både dator- och mobilbredd.
2. Bekräfta att en widget visas på avsedd plats, med rätt produkt och erbjudandepriser.
3. Välj ett erbjudande och lägg det i kundvagnen. Kontrollera huvudprodukten, varianterna, kvantiteterna och eventuella valda tillägg.
4. Fortsätt till kassan och kontrollera rabatten och delbeloppet innan du lägger beställningen. Om endast förhandsgranskningen i sidbyggaren fungerar ska du skicka den publicerade produkt-URL:en till supporten.

För en fullständig bild av hur Bundlex väljer placering, inklusive blocket för utvald produkt på landningssidor, den anpassade placeringsväljaren och temats appblock, se Var widgeten visas på produktsidan.