Met deze editor kun je makkelijk bestel- of aanmeldformulieren maken zonder dat je kennis hoeft te hebben van HTML. Je kiest een basis-layout en past de overige zaken aan naar eigen wens. Hoe dit in zijn werk gaat wordt hieronder beschreven.
Werking: in de eerste drie tabs kun je allerlij zaken wijzigen die dan automatisch worden verwerkt. Je kunt op elk moment zien hoe je formulier er uitziet in de derde tab
Layout. Uiteindelijk kun je in de vierde tab de code kopieren om die vervolgens op je website te zetten.
| Je kunt een achtergrondplaatje in je formulier gebruiken maar omdat er vervolgens enkele technische handelingen moeten worden verricht (zie onderaan), raden we dit af voor gebruikers die geen verstand van HTML hebben. |
Deze editor vind je in de tab
Formulier van het lijstmanagerscherm en in de tab
Betaal-links van de productpagina.
Eerste tab: Voorbeelden
Kies uit negen verschillende layout's. Je kunt elke gekozen layout later nog helemaal aanpassen aan je eigen wensen. Klik op een voorbeeld en rechts verschijnt een beknopte uitleg. Klik op de knop
Voorbeeld gebruiken en het derde tab-blad verschijnt waar je de layout verder kunt aanpassen.
Tweede tab: Velden
Hier kun je aangeven welke velden in het formulier moeten komen. Per veld kun je de titel aan passen, aangeven of het veld verplicht ingevuld moet worden,en aangeven of het een 'hidden' veld is. Met deze verborgen velden kun je het veld meenemen in het formulier met een vastgestelde waarde. Het veld is echter niet zichtbaar voor de invuller.
Er zijn drie soorten velden: relatievelden, vrije velden en product-kenmerken. Dezelaatste categorie is alleen van toepassing bij shopping-cart gebruikers en zie je ookalleen terugkomen als je een bestelformulier maakt bij een product.
Veld toevoegen Klik op de knop
Voeg toe en selecteer het veld in het venster dat verschijnt. Klik daarop
Gereed en vervolgens verschijnt het veld in de lijst. Je kunt door het veld te verslepen de volgorde veranderen. Ook kun je dubbelklikken in de kolom
Betreft veld om de titel te wijzigen.
Veld-volgorde wijzigen Je kunt door een veld naar een andere prositie te verslepen, de volgorde wijzigen.
Let op: je moet daarna wel 1 x op het veld klikken om de wijziging door te voeren!
Derde tab: Layout
Hier zie je links steeds het voorbeeld. Rechts kun je allerhande zaken in de layout en Look & Feel aanpassen. Speel met alle instellingen en bekijk het effect ervanin het voorbeeld links. Goed om te weten: als je een achtergrondplaatje gebruikt kun je de instelling 'Achtergrondkleur formulier' niet gebruiken.
| Je kunt in de titeltekst een extra regel opnemen met een kleinere fontgrootte. Dit wordt ook zo gebruikt in twee voorbeelden. |
Let op: Je kunt achtergrondplaatjes gebruiken maar omdat het formulier uiteindelijk op je eigen site staat, moet dit plaatje ook op je eigen website staan. Hoe dit werkt kun je hier onderaan lezen.
| Wil je een achtergrondplaatje juist weghalen uit een layout, klik dan op de 'Wijzig' knop in de rechter 'Achtergrondplaatje' sectie en maak het bovenste veld leeg. Er wordt dan geen plaatje gebruikt. |
Vierde tab: Code voor je website
Ben je tevreden met het resultaat? Dan kun je de code kopieren of downloaden. We bieden plugins om het formulier te kunnen installeren op een WordPress of Joomla site. Deze plugins kun je hier downloaden waarna je ze zelf moet installeren op je website.
Plaatje op je eigen website zetten
Je kunt in de vierde tab via de knop
Plaatje het plaatje downloaden naar je eigen PC of mac. Plaats het plaatje daarna op je eigen website en zorg dat je de URL ervan weet. Die URL moet je namelijk in de formuliercode plaatsen. In de formuliercode zoek je naareen fragment dat begint met '
background-image:url('https://www.e-act.nl/adm/utils/formimg'.Vervang de URL (het gedeelte dat begint met '
https://www.e-act.nl') door jouw URL. Plaats daarna de code op je website en test of het plaatje zichtbaar is. Bij Joomla en WordPress plugins kan deze wijziging pas worden gedaan nadat de plugin is geinstalleerd(je kan dan pas bij de code). Nogmaals: dit is iets voor mensen met ervaring met HTML en indien nodig Wordpress, PHP en/of Joomla. Indien gewenst kan Autorespond dit verzorgen tegen een kleine vergoeding.