Commerciële extensies: RSForms deel 2

uit de cursus Starten met Joomla (CMS)

Commerciële extensies: RSForms deel 2
Geef een waardering

Hallo vreemdeling,

wat leuk dat je onze site bezoekt. Bekijk gerust een paar video's en als het je bevalt kun je altijd abonnee worden.

Automatisch afspelen

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Starten met Joomla (CMS)

perm_identity Walter van Rooij | video_library 30 video's | query_builder 02:57:24

Volg nu de online cursus Joomla!

Leer hoe je complexe websites kunt maken, met diverse functionaliteiten als een contactformulier, fotogalerij, zoekfunctie tot het creëren van een meertalige website?

Met Joomla bouw je een complete en complexe website met allerlei functionaliteiten zonder dat je verstand hoeft te hebben van programmeren.

Joomla is een CMS (Content Management Systeeem)

Joomla behoort samen met WordPress en Drupal tot de meest populaire CMS systemen. Veel webbedrijven en -designers maken gebruik van een CMS om hierin complexe websites voor hun klanten te bouwen. Waarom zou je het wiel opnieuw gaan uitvinden als er CMS’en bestaan die het fundament voor de website al voor je klaarzetten.
Het grote voordeel van een CMS is dat de klant/opdrachtgever zelf zorg kan dragen voor de content van de website.

Wat ga je in deze online cursus leren?

Je leert allereerst hoe je het programma installeert op je eigen computer zodat je eerst lokaal de website kunt bouwen. Aan het einde van de cursus leer je hoe je de website migreert naar de server waarop de website gehost gaat worden. Je leert hoe je een template installeert en daarna de website gaat inrichten met artikelen, categoriën, menu-onderdelen, modules, plugins en componenten.

Je leert hoe je moet omgaan met de database waar de inhoud van de website in bijgehouden wordt. Hoe je veiligheidsmaatregelen neemt om de database en de website te backuppen. Kortom alle basisvaardigheden die je nodig hebt om een website met Joomla te bouwen, in te richten en online te zetten.

Voor wie is deze cursus bedoeld?

Wil jij leren websites te maken voor klanten en bedrijven die zelf hun site willen vullen met content? Je wilt het meteen goed aanpakken en een gebruikersvriendelijke website maken die goed gevonden kan worden. Dan maak je met Joomla een goede keuze. Je hebt geen enkele voorkennis nodig om deze online cursus te kunnen volgen. Uiteindelijk zul je wel baat hebben bij kennis van html en css. Maar dat kan ook prima na het volgen van deze cursus.

Deze les gaat over formulieren

door middel van de commerciële extensie RSForms

In een vorige les hebben we gezien

hoe we de extensie RSForm Pro installeerden.

In deze les zullen we gaan kijken hoe we de extensie inrichten

naar onze eigen wensen.

In een vorige les hebben we een van de twee standaardformulieren van RSForm Pro

geïnstalleerd en gekoppeld aan een button in de menubalk

die we de naam Testformulier hebben gegeven.

en hier zie ik hoe het eruit ziet.

Natuurlijk geldt dat ik een andere wens heb voor de inrichting van mijn formulier.

Ik ga naar de achterkant van de website.

en daar ga ik naar het Component

RSForm Pro

Daar kies ik voor Manage Forms.

en daar ga ik naar het RSForm Pro Example.

Hier ben ik terug bij het formulier voorbeeld.

Ik ga laten zien

hoe je items kan bewerken en hoe je items kan weggooien en toevoegen.

Om te beginnen zou ik de header

de inleidende tekst boven mijn formulier, graag willen wijzigen.

Daar is simpelweg een knop Edit voor. Die klik ik aan.

en daar is de gelegenheid om -weliswaar HTML-gecodeerd- mijn formulier te wijzigen.

Ik update.

en mijn header heeft nu een ander uiterlijk.

Onderdelen toevoegen kan natuurlijk ook.

Ik zou bijvoorbeeld willen dat de gebruiker van dit formulier

een telefoonnummer invoert.

Ik voeg daarvoor een Textbox toe.

ik noem het 'telefoon'

de aanhef die het heeft zal ook zijn: 'telefoon'

en de Default-value, de standaard waarde

en de Default-value, de standaard waarde

die in het veld zichtbaar zal zijn, zal zijn:

voer hier uw nummer in.

Een description is in dit geval niet nodig,

want het spreekt voor zich

wat mensen met een telefoonnummer-invoerveld moeten doen.

Ik Save en Close.

En ik zie dat formulier-element telefoon is toegevoegd.

Het staat helemaal onderaan het formulier, dat is niet de plaats die ik wens,

Ik plaats dit item een beetje omhoog en ik gebruik daarvoor de cursor-pijlen.

Een veld verwijderen kan natuurlijk ook.

Company-size en Position, twee voorbeeldvelden hier,

die wil ik niet, ik klik op Delete.

en nog een keer: Delete.

en vooruit, ik gooi nog wat meer weg.

Ik heb nu een heel basaal formulier over

en ik bewaar het.

Tijd om aan de andere kant het formulier te bewerken.

Het Properties-tabblad

het Properties-tabblad ging immers

over de aflevering van het formulier

bij de webmaster

die de gegevens moet beheren.

Ik klik op het tabblad Properties.

Twee reuze belangrijk zaken springen hierbij in het oog:

dat zijn de Admin-emails en de User-emails.

Ik begin met de Admin-emails.

op deze plek kan ik er voor zorgen dat de juiste ontvanger wordt geadresseerd.

Een aantal andere zaken

staat tussen accolades

de email-value, de full-name-value,

dat wil zeggen

dat deze waardes worden overgenomen

wanneer hij of zij zijn eigen full name invult en een email-adres achterlaat.

het subject of onderwerp wat er bij de webmaster in de email terecht zal komen

zal 'contact' zijn.

En ten slotte interessant in dit venster:

er is een email-tekst

die bepaalt

wat er precies in de email terechtkomt van de webmaster

die bij het email-adres info@houseofmedia.nl hoort.

Ik klik op de knop.

en ik zie dat daar gecodeerd en wel een aantal waardes zijn gegeven

die corresponderen met de namen

van de formulier-elementen die ik in mijn formulier heb opgenomen.

ik zie ook dat er een aantal waardes niet meer relevant zijn,

omdat ik die heb verwijderd. Dat doe ik hier dus ook.

want ze maken helemaal geen onderdeel meer uit van dit formulier.

de aanhef pas ik aan

Ik heb ook een item toegevoegd,

het tekstveld 'telefoon'. Die codes heb ik hier ook ingetypt.

Even een belangrijk detail:

zoals je kunt zien is hier gecodeerd weergegeven

hoe de email voor de webmaster er straks uit zal gaan zien.

Het formulier-item FullName

heeft een Caption met de naam FullName.

En die Caption ontvangt de Webmaster straks in zijn Email.

daarna volgt er een dubbele punt

en daarna volgt de FullName Value

de waarde, ofte wel datgene wat de gebruiker van het formulier invult.

Precies hetzelfde geldt voor het formulier-item Telefoon.

Ook daar komt de naam van de Caption in de email tevoorschijn,

gevolgd door een dubbele punt, en daarna

wordt de telefoon-value weergegeven. Ofte wel

wordt de telefoon-value weergegeven. Ofte wel

wordt de telefoon-value weergegeven. Ofte wel

datgene wat de gebruiker van het formulier in het formulier invult.

Zoals je kunt zien maakt het dus niets uit of je nederlandse of engelse termen gebruikt,

maar is het van belang dat de Values en de Captions overeenkomen.

Ik Save en Close.

En ook hier Save ik

en ik ga kijken bij de User-email.

Dit zijn de settings die gelden

aan de gebruikerskant van het formulier.

immers: de gebruiker van een formulier

krijgt ook in zijn email een bevestiging van wat hij in het formulier heeft ingevuld.

de gebruiker vindt de mail terug in zijn mailbox

met deze aanhef.

We zouden die kunnen veranderen in

'uw aanvraag bij House of Training'

Deze kop zou een betere zijn.

en vervolgens geldt ook hier

dat de klant een tekst in de betreffende email vindt.

en die ziet er als volgt uit:

Daar vindt de gebruiker zijn eigen naam terug

en vervolgens deze tekst

en een verwijzing naar het door de klant opgegeven

voorkeur-tijdstip

maar dat element hebben we in het formulier niet opgenomen.

dus deze hele zin zou ik beter kunnen aanpassen

en ervan maken:

'we nemen binnenkort contact met u op'

en dan nemen we meteen de aanhef 'Dear' ook even mee.

in iets van deze strekking. Ik Save en Close.

Nog een laatste zaak om te regelen: ik ga naar de Form-info.

Daar kan ik zien

dat wanneer een bericht verzonden wordt

wanneer er een Submission plaatsvindt, een verzending,

er ook een 'Thank-You'-message

een 'Bedankt-bericht' wordt vertoond.

Hoe dat bericht eruit ziet moet ik hier ook nog even regelen.

Daar pas ik een aantal zaken aan.

Merk op dat ik in de laatste zin

de contact-by-variabele uit het formulier weggooi

omdat immers dat onderdeeltje

ook uit de voorkant van het formulier is weggehaald.

Ik vervang deze regel

door een wat algemenere. Nu ben ik klaar. Ik Save en Close.

en ook hier Save ik en Close ik.

Tijd om het formulier te gaan proberen.

Om het formulier te testen ga ik naar de voorkant van de website.

Ik zie dat het formulier qua uiterlijk veranderd is

het correspondeert met de wijzigingen die ik heb aangebracht.

Ik geef mijn email-adres op,

en ik voer mijn telefoonnummer in.

Daar gaat-ie. Ik druk op Submit.

Ik heb het formulier verzonden en ik zie vervolgens de 'bedankt'-message verschijnen.

Dat is een mooie service naar de gebruiker.

Ik wil tot slot nog een ding laten zien:

namelijk dat een mooie extra service van RSForms Pro is

dat alle berichten die verstuurd worden in een database terechtkomen.

waar ze altijd naleesbaar blijven.

en waar de contactgegevens van alle geïnteresseerden bewaard zijn.

Daarvoor ga ik naar de achterkant van de website.

Ik ga daarvoor naar Components > RSForm en ik kies

manage Submissions.

en daar kan ik selecteren voor welk formulier ik de inzendingen wil zien.

en daar zie ik dat er één inzender is

inclusief de daarbij behorende gegevens.

Ik kan ze dus niet verliezen ik kan ze niet kwijtraken,

Ik kan ze dus niet verliezen ik kan ze niet kwijtraken,

en ik kan ze mogelijk in de toekomst hergebruiken.

Tot zover de demonstratie van de RSForms-Pro.