Ställ in beteendet efter klick

Click action avgör vad din offertknapp gör. Det är den viktigaste inställningen på fliken Button & widget, eftersom den avgör om kunderna slutför en förfrågan direkt eller fortsätter samla produkter först.

Välj klickåtgärd

1. Öppna knappinställningarna

   Gå till Quote settings i appen, klicka på Customize och öppna fliken Button & widget.

2. Hitta Click action

   Click action sitter strax under Button text, högst upp i avsnittet Quote Button Settings.

3. Välj en av de tre åtgärderna

   Välj Open quote form popup, Add product to quote cart eller Redirect to quote page. Tabellen och genomgångarna nedan förklarar var och en; Add product to quote cart är valet för butiker där en förfrågan oftast omfattar flera produkter. Titta på panelen Preview medan du växlar mellan dem.

   Caution

   När du väljer Add product to quote cart öppnas en panel Show popup message after adding product inuti det alternativet. Vid de andra två åtgärderna finns de fälten inte på sidan alls – se Bekräftelsemeddelandet nedan.

4. Spara och prova

   Så snart du ändrar alternativet visas Discard och Save uppe till höger i redigeraren Customize. Klicka på Save och klicka sedan på offertknappen i din egen butik för att se åtgärden i praktiken.

   Caution

   Stänger du redigeraren innan du har sparat frågar den först: “Discard all unsaved changes” – “If you discard changes, you’ll delete any edits you made since you last saved.” Välj Continue editing och spara, om du inte verkligen ville kasta ändringen.

Vad varje åtgärd gör

Alternativ	Vad kunden ser	Passar bäst för
Open quote form popup	Offertformuläret öppnas över sidan de tittade på.	Förfrågningar om en enskild produkt som du vill ha klara på stående fot.
Add product to quote cart	Produkten läggs i deras offertvarukorg och de fortsätter bläddra.	Kunder som begär offert på flera produkter samtidigt.
Redirect to quote page	De skickas direkt till din offertvarukorgssida.	Butiker där en förfrågan nästan alltid gäller en produkt och inget mer behöver läggas till.

Note

Om kunderna oftast begär offert på flera produkter är Add product to quote cart rätt val. Redirect to quote page avbryter bläddrandet vid varje klick.

Note

Ser du ett fjärde alternativ som heter Toast? Vissa butiker använder fortfarande appens tidigare butikskod, och de ser även Toast. Det gör samma sak som Add product to quote cart men bekräftar med ett litet toast-meddelande i stället för popupen. Om din Click action bara visar tre alternativ använder din butik den nyare butikskoden, och de tre ovan är allt du har.

Vad kunden upplever

De tre åtgärderna känns helt olika i butiken. Så här ser det ut för en besökare vid var och en.

Open quote form popup

Offertformuläret öppnas över sidan som kunden redan är på, så hen lämnar aldrig produkten. Fälten är de du byggde på fliken Quote form, och formuläret visar uppmaningen “Already have an account? Log in to auto-fill your contact and company information.”

Popupen håller kvar kunden på sidan hen läste.

Add product to quote cart

Produkten hamnar i kundens offertvarukorg och hen stannar precis där hen var. Ännu har ingenting nått dig: en förfrågan skickas först när kunden öppnar offertvarukorgssidan och skickar formuläret.

Två saker visar att det lyckades: bekräftelsepopupen som beskrivs nedan och den flytande widgeten i skärmkanten, märkt Quote (n), vars siffra ökar för varje produkt som läggs till.

Caution

Med den här åtgärden kan en kund lämna butiken med en offert som hen aldrig skickade. Ge kunden två vägar tillbaka: låt popupens Primary button (View Quote som standard) vara kvar och aktivera den flytande widgeten så att antalet Quote (n) följer med genom butiken. Se Flytande offertwidget.

Redirect to quote page

Kunden skickas direkt till din offertvarukorgssida på /pages/request-for-quote, med rubriken Request a Quote och raden “Tell us what you need and we will contact you soon.”, och produkten redan listad i Quote Cart.

Med Quote form appearance inställd på Multiple step kommer kunden till steg 1 Products selection och går vidare med Next step, medan Continue Shopping finns för den som ville fortsätta bläddra. Med Single page ligger hela formuläret på den enda skärmen. Hur som helst skickas förfrågan från den sidan – se Sidan Request a Quote.

Med den här åtgärden visas ingen bekräftelsepopup – offertsidan är själva bekräftelsen.

Bekräftelsemeddelandet

När en produkt har lagts till kan du visa en kort bekräftelse så att kunden vet att det lyckades.

Caution

De här fälten finns inuti åtgärden Add product to quote cart. Show popup message after adding product – och dess fält Message, Primary button, Secondary button och URL link – visas först när Click action är inställd på Add product to quote cart. Om du är på Open quote form popup eller Redirect to quote page och inte hittar dem är det därför: ändra klickåtgärden först.

Panelen har rubriken Show popup message after adding product, med en länk Preview till höger som visar popupen utan att du lämnar redigeraren. Fyll i de här fälten:

Fält	Vad det gör
Message	Bekräftelsens formulering. Standardvärdet är The product {{ product_title }} is added to your quote.
Primary button	Huvudknappen i popupen. Standardvärdet är View Quote.
Secondary button	Knappen som skickar kunden tillbaka till shoppingen. Standardvärdet är Continue Shopping.
URL link	"Where the secondary button sends customers. Defaults to your all-products collection."

Under Message listar appen Available variables: {{ product_title }}. Klicka på den för att kopiera den och klistra sedan in den i din text där produktens namn ska stå – We have added {{ product_title }} to your quote request. Det är den enda variabeln som meddelandet godtar.

Så ser popupen ut

I butiken visas den som en liten popup över sidan som kunden var på: ditt Message, med produkten nämnd i det, och två knappar – View Quote för att gå direkt till offerten och Continue Shopping för att fortsätta bläddra.

Popupen i en live butik, efter att en produkt har lagts till i en offert.

Note

URL link styr vad knappen Continue Shopping i popupen gör. Låt den peka på den kollektion som du faktiskt vill att kunderna ska fortsätta från, i stället för att lämna den på standardvärdet med alla produkter. Det är en liten ändring som håller kvar människor i rätt del av ditt sortiment.

Vart offerten går härnäst

När kunden har allt hen vill ha öppnar hen offertvarukorgssidan, fyller i formuläret och skickar förfrågan. Den kommer till Quote list i appen. Fälten som kunden fyllde i kommer från fliken Quote form.

Vad kunden ser när hen skickar den kommer från fliken Success message i samma redigerare: Success message innehåller bekräftelsen – Thank you, “Thank you for submitting a request a quote!” och Continue Shopping – och After submit kan skicka kunden någon annanstans i stället.

Skicka kunder till din egen sida efter att de har skickat

Om du har skrivit en egen tacksida skickar Redirect to custom URL kunderna dit i stället för att lämna dem kvar på bekräftelsen.

1. Öppna fliken Success message

   Gå till Quote settings i appen, klicka på Customize och öppna fliken Success message.

2. Hitta After submit

   Scrolla till avsnittet After submit och aktivera Redirect to custom URL.

3. Ange sidans webbadress

   Klistra in adressen till sidan som du vill att kunderna ska landa på – till exempel din egen tacksida, https://your-store.com/pages/thank-you. Kopiera den från sidans egen adressfält så att du vet att den fungerar.

4. Spara

   Klicka på Save uppe till höger i redigeraren, skicka sedan en testoffert från din egen butik och kontrollera att du landar på rätt sida.

   

Note

Låt Redirect to custom URL vara avstängd så stannar kunderna kvar på den inbyggda bekräftelsen, vilket fungerar bra för de flesta butiker. Använd omdirigeringen när tacksidan gör mer – instruktioner för orderspårning, en rabattkod, en merförsäljning.

E-postaviseringar ställs inte in här. Fliken Success message pekar bara vidare till dem: bekräftelsemejl till kunder och aviseringsmejl till administratörer hanteras i Other settings – se E-post som skickas till kunder.

Behöver du hjälp?

Om en klickåtgärd gör något annat än det den här sidan beskriver, berätta vilken du valde och vad som hände – se Kontakta supporten.

Nästa steg

• Flytande offertwidget – ett flytande sätt tillbaka till offertvarukorgen
• Ändra knappens text och färger – själva knappens formulering och utseende
• Sidan Request a Quote – offertvarukorgssidan som kunderna landar på