Quote Request Pro - Prijsaanvraagformulier voor maatwerkprijzen, sidebar-blok en zwevende knop voor PrestaShop

De bezoeker die geen prijs kan vinden

Sommige catalogi kunnen nu eenmaal geen vaste prijs tonen. Maatwerk, staffel- en B2B-prijzen, alles wat per project wordt gecalculeerd - het bedrag hangt af van het antwoord op een vraag die nog niemand heeft gesteld. Een bezoeker die op zo'n pagina belandt, heeft twee mogelijkheden: gokken of vertrekken.

Deze module geeft hem een derde. Een kort formulier op de productpagina maakt van "ik kon geen prijs vinden" een lead met een naam en een e-mailadres eraan vast.

Twee plekken om te vragen, één formulier

Het formulier verschijnt op twee plaatsen en beide draaien op dezelfde code, zodat een bezoeker gewoon gebruikt wat hij voor zich ziet.

Een sidebar-blok hangt in de linker- of rechterkolom van uw thema - bij de installatie registreert de module beide. Een zwevende knop ligt over de pagina heen en opent het formulier met één tik.

Die zwevende knop is belangrijker dan hij klinkt, en het is de moeite waard om ronduit te zeggen waarom. Een sidebar-blok kan alleen verschijnen waar uw thema daadwerkelijk een kolom tekent. Bij Hummingbird, het standaardthema van PrestaShop 9, beslaan de homepage en de productpagina's de volle breedte en hebben ze helemaal geen kolommen - een aan een kolom gehangen blok heeft dan nergens plek, juist op de pagina's waar iemand beslist of hij u om een prijs vraagt. De zwevende knop is niet van een kolom afhankelijk en dekt die pagina's dus af. Heeft uw thema wel een zijkolom, gebruik dan allebei; heeft het die niet, dan is de zwevende knop de module. Hij heeft hoe dan ook zijn eigen aan/uit-instelling.

Vraag alleen wat u echt nodig hebt

Drie dingen zijn altijd verplicht: de productomschrijving, een e-mailadres om op te antwoorden en het toestemmingsvinkje. Al het overige is een schakelaar op de instellingenpagina: de naam van de bezoeker, het adres, de woonplaats, het telefoonnummer, de gewenste hoeveelheid, de verzendbestemming, een keuze voor urgentie, een vinkje "ik heb al een PayPal-account" en een vinkje "dit zou mijn eerste bestelling zijn". Naam, adres, woonplaats, telefoon, hoeveelheid, bestemming en urgentie staan standaard aan; de twee vinkjes staan standaard uit.

Zet alles uit waar u toch niets mee doet. Een formulier met vier vragen wordt vaker afgemaakt dan een met negen, en wat u uitschakelt wordt niet opgeslagen, ook niet als iemand het alsnog meestuurt.

Ingelogde klanten vullen niets dubbel in

Is een klant ingelogd, dan haalt de module naam en e-mailadres uit zijn account en toont die velden helemaal niet. Aan gasten wordt allebei wel gevraagd. Het formulier dat een terugkerende klant ziet, is werkelijk korter dan dat van een onbekende bezoeker.

Elke aanvraag wordt bewaard, niet alleen gemaild

Aanvragen worden weggeschreven in de eigen databasetabel van de module voordat er ook maar één e-mail wordt geprobeerd, en komen op het tabblad Quote Requests (Prijsaanvragen) op de configuratiepagina te staan. U filtert op Alle, Nieuw of Afgehandeld, bladert per twintig door de lijst, opent elke aanvraag in een detailpaneel, markeert hem als afgehandeld of zet hem terug op nieuw, en verwijdert hem.

Het detailpaneel toont alles wat de bezoeker heeft verstuurd, met labels voor wat er in één oogopslag toe doet - Urgent, Heeft een PayPal-account, Nieuwe klant - plus de volledige producttekst en het IP-adres waarvandaan de aanvraag is verstuurd.

Dit is het onderdeel dat van de module gereedschap maakt in plaats van een formulier. Een haperende mailserver kost u op een slechte dag geen lead meer: de aanvraag staat al opgeslagen, en een mislukte verzending belandt in uw logbestanden in plaats van in beeld bij de klant.

Twee e-mails, niet één

De melding voor de winkelier gaat naar de adressen die u opgeeft - vul er gerust meerdere in, gescheiden door komma's, dan krijgen ze die allemaal.

De klant krijgt ook een e-mail. Die bevestigt dat zijn aanvraag is aangekomen en herhaalt wat hij heeft gevraagd. Dat is precies het verschil tussen een bezoeker die op uw antwoord wacht en een die aanneemt dat het formulier stuk was en ergens anders koopt.

Een meldingskaart op het Dashboard

Zodra er prijsaanvragen klaarstaan, verschijnt bovenaan het Dashboard van het back-office een kaart met het aantal en een directe link naar de lijst. De kaart verdwijnt vanzelf zodra elke aanvraag is afgehandeld of verwijderd, dus het is een takenmelding en geen permanent meubelstuk.

Zij hangt bewust aan de hook dashboardZoneOne (de bovenste zone van het Dashboard). De voor de hand liggende keuze, displayDashboardTop (bovenaan de beheerpagina), blijkt namelijk af te vuren op vrijwel elke beheerpagina met een KPI-balk - Prestaties bijvoorbeeld - waardoor de kaart u door het hele back-office zou volgen in plaats van te blijven op het Dashboard, waar zij thuishoort.

Geen CAPTCHA, en dat is geen concessie

Versie 1.x leverde nog een rekensommetje. Versie 2 haalt dat weg en beschermt het formulier op drie manieren, waarvan een echte bezoeker er geen enkele merkt:

Een honeypot-veld dat mensen nooit zien en bots wel invullen - en wordt het ingevuld, dan meldt het formulier vriendelijk dat alles gelukt is en gooit het de inzending stilletjes weg, zodat een bot geen enkel signaal krijgt dat hij betrapt is. Een ondertekend tijdtoken, een HMAC-SHA256-handtekening over het moment waarop het formulier werd opgebouwd, zodat een inzending wordt geweigerd als die sneller dan drie seconden na het laden van de pagina binnenkomt, of later dan een uur erna. En een IP-limiet die per verbinding hoogstens vijf aanvragen per uur accepteert.

Er valt niets in te stellen en er is geen puzzel op te lossen.

Het werkt ook met JavaScript uitgeschakeld

Is JavaScript beschikbaar, dan verstuurt het formulier op de achtergrond en verschijnt er een bevestiging in de plaats. Zonder JavaScript wordt het formulier gewoon gepost, verwerkt de server het op precies dezelfde manier, en komt de bezoeker terug op de pagina waar hij vandaan kwam, met bovenaan een succes- of foutmelding.

Het retouradres wordt vóór de doorverwijzing gecontroleerd tegen de hostnaam van uw eigen winkel, zodat het formulier niet te misbruiken is om iemand naar een andere site te sturen.

Een promotieafbeelding en uw eigen links

De instellingenpagina neemt een optionele promotieafbeelding aan - rechtstreeks te uploaden, geen bestandspaden om uit te puzzelen. De afbeelding wordt passend gemaakt binnen 400×280 pixels met behoud van de verhoudingen, en opnieuw gecodeerd in plaats van simpelweg neergezet, zodat er niets achter een geldig afbeeldingsbestand aan uw server binnengesmokkeld kan worden. JPG, PNG, GIF en WEBP tot 4 MB.

Daarnaast staan er drie links, elk per taal in te stellen: een link Meer informatie naar een pagina die uitlegt hoe uw offertes werken, en de URL's van uw Algemene voorwaarden en uw Privacybeleid. Laat u het voorwaardenveld leeg, dan linkt de module naar de CMS-pagina met algemene voorwaarden die al in uw winkel is ingesteld. Laat u het privacyveld leeg, dan wordt die link eenvoudigweg niet getoond. Een toestemmingsvinkje wordt altijd getoond en is altijd verplicht.

Multistore, en een module die zichzelf herstelt

Instellingen worden per winkel bewaard, zodat elke winkel in een multistore-installatie zijn eigen ontvangers, zijn eigen veldkeuzes en zijn eigen links heeft. Heeft een winkel om wat voor reden dan ook geen instellingenrij - later toegevoegd, of op een andere manier kwijtgeraakt - dan wordt die ter plekke aangemaakt, in plaats van dat het formulier voor die winkel stilletjes kapotgaat.

Het openen van de configuratiepagina zet meteen ook de hooks en het databaseschema van de module opnieuw goed en synchroniseert het opgeslagen versienummer. De Update-knop van PrestaShop zelf in de modulelijst kan mislukken door oorzaken waar geen enkele module iets aan kan doen; in plaats van daarop te vertrouwen, brengt de module zichzelf weer in de juiste staat elke keer dat een beheerder er daadwerkelijk naar kijkt.

Compatibiliteit

PrestaShop 1.7 tot en met 9, in acht talen: Nederlands, Engels, Frans, Duits, Italiaans, Pools, Spaans en Turks.

Eén eerlijke kanttekening: de e-mailsjablonen worden alleen geleverd in het Engels, Frans, Spaans en Turks. Het formulier dat uw bezoekers zien en het volledige back-office zijn in alle acht talen vertaald; de twee e-mails niet.

Vijf standaardhooks, geen overrides en geen aanpassing aan uw thema. PrestaShop 1.4, 1.5 en 1.6 worden niet meer ondersteund - versie 2.0.0 heeft ze laten vallen, samen met de oude rekensom-CAPTCHA in de browser en de meegeleverde PDF-handleiding, die is vervangen door het tabblad Tutorial in de module zelf.

Veelgestelde vragen

Moeten bezoekers een CAPTCHA oplossen?

Nee, en er is geen instelling om er een aan te zetten. De beveiliging bestaat uit een verborgen honeypot-veld, een met HMAC ondertekend tijdtoken dat inzendingen weigert die sneller dan drie seconden of later dan een uur na het laden van de pagina binnenkomen, en een limiet van vijf aanvragen per uur vanaf hetzelfde IP-adres. Een echte bezoeker merkt er niets van.

Waar verschijnt het formulier?

Op twee plaatsen. Een sidebar-blok komt in de linker- of rechterkolom van uw thema, en een zwevende knop ligt over de pagina heen en opent hetzelfde formulier. De zwevende knop heeft zijn eigen aan/uit-instelling; of het sidebar-blok verschijnt, hangt ervan af of het aan een kolom-hook is gekoppeld in Ontwerp → Posities én of uw thema op die pagina werkelijk een kolom tekent. Bij Hummingbird, het standaardthema van PrestaShop 9, hebben de homepage en de productpagina's helemaal geen kolommen, dus die pagina's dekt de zwevende knop af. Heeft uw thema op mobiel geen zijkolommen - en dat geldt voor veel thema's - dan is de zwevende knop wat uw bezoekers op de telefoon gebruiken.

Het formulier verschijnt niet in de webshop.

Open Ontwerp → Posities, zoek op priceandorder (de technische naam van de module) en controleer of die gekoppeld is aan een kolom-hook voor het sidebar-blok en aan de footer-hook voor de zwevende knop. Bij de installatie worden beide kolom-hooks gekoppeld, dus meestal speelt dit alleen bij een aangepast thema.

Verschijnt de zwevende knop wel en het sidebar-blok nooit, dan is de hook waarschijnlijk in orde en ligt het aan het thema: veel thema's tekenen alleen een linkerkolom, of helemaal geen kolom op pagina's over de volle breedte. Hummingbird tekent op categoriepagina's een linkerkolom en nergens een rechterkolom. Verplaats de module naar de kolom die uw thema werkelijk gebruikt, en vertrouw op pagina's over de volle breedte op de zwevende knop.

Welke velden kan ik weglaten?

Alles behalve de productomschrijving, het e-mailadres en het toestemmingsvinkje. Adres, woonplaats, telefoon, hoeveelheid, verzendbestemming, urgentie, de PayPal-vraag en de vraag over de eerste bestelling zijn stuk voor stuk een schakelaar. Ook de naam van de bezoeker is een schakelaar, en die wordt bij ingelogde klanten automatisch overgeslagen, net als hun e-mailadres.

Waar komen de aanvragen terecht?

Bij de notificatieadressen die u instelt - meerdere, gescheiden door komma's, als u dat wilt - en op het tabblad Quote Requests op de configuratiepagina van de module. Daar filtert u op Alle, Nieuw of Afgehandeld, bladert u er per twintig doorheen, opent u elke aanvraag in een detailpaneel, markeert u hem als afgehandeld en verwijdert u hem. Aanvragen worden opgeslagen voordat er een e-mail uitgaat, zodat een mailprobleem er nooit een kan laten verdwijnen.

Krijgt de klant een bevestiging?

Ja. Er gaan twee e-mails uit: een naar u en een naar degene die het formulier heeft ingevuld, met een bevestiging van wat hij heeft gevraagd. De e-mail aan de klant bestaat in het Engels, Frans, Spaans en Turks.

Er komt geen notificatie-e-mail binnen.

Controleer eerst het ontvangstadres bij de instellingen - is er geen adres ingesteld, dan verschijnt er een waarschuwing naast de module in de modulelijst. Kijk daarna in uw spamfolder en controleer onder Geavanceerde instellingen → E-mail of uitgaande mail überhaupt werkt. Elke mislukte verzending wordt vastgelegd onder Geavanceerde instellingen → Logs, en de aanvraag zelf staat hoe dan ook op het tabblad Quote Requests.

Een bezoeker zegt dat het formulier zijn aanvraag heeft geweigerd.

Dat is vrijwel altijd de automatische spambeveiliging. De inzending kwam minder dan drie seconden na het laden van de pagina binnen, of meer dan een uur erna, of het was de zesde vanaf die verbinding binnen een uur. Vraag hem de pagina te herladen en het opnieuw te proberen.

Ik zie de meldingskaart op het Dashboard niet.

De kaart verschijnt alleen op het Dashboard zelf, en alleen zolang er nog minstens één aanvraag op Nieuw staat. Staan er aanvragen klaar en blijft de kaart toch weg, kijk dan in Ontwerp → Posities bij de hook dashboardZoneOne en zorg dat priceandorder daar gekoppeld en ingeschakeld is - dat wordt los van de hooks in de webshop geregeld.

Werkt het als de bezoeker JavaScript heeft uitgeschakeld?

Ja. Het formulier valt terug op een gewone paginaverzending, de server verwerkt die precies zo, en de bezoeker komt terug op de pagina waar hij was, met een bevestiging of een foutmelding. Er gaat niets verloren.

De promotieafbeelding lijkt uitgerekt of wordt geweigerd.

Uitgerekt hoort zij niet te zijn - de afbeelding wordt passend gemaakt binnen 400×280 pixels met behoud van de verhoudingen, nooit vervormd. Weigeringen komen meestal door het bestandstype of de grootte: JPG, PNG, GIF en WEBP worden geaccepteerd, tot 4 MB.

De link naar de Algemene voorwaarden of het Privacybeleid ontbreekt of klopt niet.

Stel ze allebei expliciet in bij de instellingen, per taal, en begin elke URL met http:// of https:// - iets anders weigert de module. Een leeg voorwaardenveld valt terug op de eigen CMS-pagina met algemene voorwaarden van uw winkel; een leeg privacyveld verbergt die link eenvoudigweg.

Wat gebeurt er met mijn instellingen als ik upgrade vanaf 1.x?

Die worden automatisch meegenomen. Uw schakelaars per veld verhuizen naar het nieuwe schema, uw ontvangstadres blijft behouden, de logtabel voor prijsaanvragen wordt toegevoegd en achtergebleven configuratiesleutels uit heel oude installaties worden opgeruimd.