Storefront Notifications
Välj hur appens lyckade- och felmeddelanden visas i din butik – som toast, popup eller banner – med egen design och egna färger.
När kunder lägger produkter i varukorgen, ändrar i appens varukorgspanel, går till kassan eller använder en rabattkod visar appen ett kort meddelande om att det lyckades eller misslyckades i din butik. Med Storefront notifications väljer du hur de här meddelandena ser ut.
Det finns tre stilar:
- Toast – ett litet meddelande i ett hörn av skärmen.
- Modal – en popup mitt på skärmen med en OK-knapp. Den ligger kvar tills kunden stänger den.
- Banner – ett fält högst upp eller längst ned på skärmen.
Steg för att hantera
Section titled “Steg för att hantera”-
Öppna Storefront notifications
Section titled “Öppna Storefront notifications”Klicka på Add-on Features i appen, hitta Storefront notifications och klicka på Customize.
-
Välj standardstil
Section titled “Välj standardstil”I Notification style väljer du Default style: Toast, Modal eller Banner. Alla meddelanden använder den här stilen om du inte väljer en annan för deras funktion i nästa steg.
-
Välj stil per funktion (valfritt)
Section titled “Välj stil per funktion (valfritt)”Under Style per feature behåller du Default eller väljer en annan stil för en grupp meddelanden:
- Add to cart – produkter som appen lägger i varukorgen: från produktsidor, Quick Buy, Quick Order Form eller appens varukorgspanel Wholesale cart.
- Cart updates – ändringar i appens varukorgspanel Wholesale cart, till exempel när varukorgen uppdateras eller en adress sparas eller tas bort.
- Checkout & Pay later – kassafel samt lyckade- och felmeddelanden för Pay later-ordrar.
- Discount code – meddelanden från appens rabattkodsruta, till exempel när en kod godkänns eller inte gäller för produkterna i varukorgen.
Exempel: behåll Toast som standardstil och välj Modal för Checkout & Pay later, så att kunderna inte missar bekräftelsen för Pay later.
-
Anpassa varje stil
Section titled “Anpassa varje stil”Ange utseendet för varje stil i dess egen sektion. Lämna en färg tom om du vill använda standardutseendet.
Toast style
- Auto hide – aktiverat som standard. Stäng av det om du vill att varje toast ska ligga kvar på skärmen tills kunden stänger den.
- Design – Classic, Card, Soft eller Pill.
- Position – Top right, Top left, Bottom right eller Bottom left.
- Auto hide after – från 2 till 30 sekunder. Standardvärdet är 5.
- Success background, Error background och Text color.
Modal style
- Design – Classic, Card eller Dialog.
- Button background och Button text – färgerna på OK-knappen.
- Corner radius – från 0 till 40 px.
Banner style
- Auto hide – aktiverat som standard. Stäng av det om du vill att bannern ska ligga kvar tills kunden stänger den.
- Design – Classic, Soft eller Floating.
- Position – Top eller Bottom.
- Auto hide after – från 2 till 30 sekunder. Standardvärdet är 5.
- Success background, Error background och Text color.
-
Förhandsgranska och spara
Section titled “Förhandsgranska och spara”I Preview väljer du en Preview template och klickar sedan på Show success eller Show error för att se den stilen med dina inställningar. Förhandsgranskningen använder samma mallar som din butik.
Klicka på Save.
Bra att veta
Section titled “Bra att veta”- Kunder stänger en Modal med OK, knappen ×, genom att klicka utanför den eller med tangenten Esc. En modal stängs aldrig av sig själv.
- Upp till fem toasts kan visas samtidigt. När en sjätte kommer tas den äldsta bort.
- Bara en modal och en banner visas åt gången. Ett nytt meddelande ersätter det som visas.
- När en Pay later-order lyckas och lyckat-meddelandet visas tömmer appen varukorgen och laddar om sidan. Med Modal laddas sidan om när kunden stänger popupen, så att meddelandet hinner läsas först. Med Toast eller Banner laddas den om efter några sekunder.
- Meddelandenas text redigeras på samma sätt som annan text i butiken. Se Redigera och översätta innehåll för vissa av appens funktioner.
- Behöver du en annan visning av notiser? Klicka på Contact support i sektionen Notification style så hjälper vårt team dig.
Behöver du hjälp?
Section titled “Behöver du hjälp?”Om du stöter på några svårigheter när du följer de här stegen är du välkommen att kontakta oss direkt via e-postadressen [email protected].