Gebruikvoorbeeld
Er is een pagina met een download formulier voor informatie op de website dat een melding stuurt met een download link voor de informatie.
Onderaan de pagina staat een feedback formulier om een reactie geven op de download informatie: heeft het je geholpen of niet?
Nu is het handiger als er in de e-mail melding met download link ook een optie tot feedback zou zijn. Gelukkig kan dat in Gravity Forms vrij makkelijk.
In de pagina
- Er is een stukje extra javascript code om bij het feedback formulier. Daarnaast is het feedback formulier aangepast met dynamisch gevulde velden (parameter naam).
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<script> jQuery(function($) { var offset = 600; // Offset in pixels var hash = window.location.hash; if (hash == "#feedback") { $('html, body').animate({ scrollTop: $('#fb-container').offset().top + offset }, 1000); } }); </script> |
- De container met het feedback formulier krijgt een id (in ons geval #fb-container).
In het feedback formulier
- Bij het feedback veld wordt een dynamische parameter gemaakt. ik noem deze ‘fb’.
- Bij het e-mail adres veld wordt een dynamische parameer gemaakt. Ik noem deze: ‘em’.
In de e-mail melding (download formulier)
In de e-mail melding worden nu in ons geval 2 smileys geplaatst als plaatje met de betreffende links er op naar de eerdere informatie pagina. Je kan natuurlijk ook alleen linkjes met tekst gebruiken.
Het dynamisch maken van de feedback linkjes is eenvoudig te doen omdat er in Gravity Forms gebruik kan worden gemaakt van zogenaamde ‘samenvoeg tags’ in de meldingen editor. Je maakt dan een url in de vorm vande volgende link voor een negatieve reactie. Om deze voor positief toe te passen pas je de fb= aan naar ‘positief’. Let wel op dat dit de veld waarden zijn en dat je die dus in het feedback formulier ook zo moet instellen of je eigen waarden moet gebruiken.
{embed_url}/?fb=negatief&em={E-mailadres:3}#feedbackHiermee wordt de feebback keuze (positief/negatief) en het e-mail adres meegestuurd naar het feedbackformulier op de bovengenemde pagina. Door de #feedback hash in het url scrolt het javascript netjes naar het feedback formulier onderaan de pagina.
-
- positieve reactie
-
- negatieve reactie
-
- voorbeeld email
Zelf aan de slag?
Of wil je dat ik iets voor je realiseer? Ik hou van uitdagingen dus neem dan direct contact op met Herbert.
