Een aanmeldformulier of shop-bestelformulier bestaat uit een fragment met HTML-code dat je moet integreren in de HTML-code van een pagina op je website. Deze tekst behandelt lijstmanager-formulieren maar is ook van toepassing op shoppingcart bestelformulieren.

Gebruik je WordPress?

Gebruik je WordPress voor je site en wil je een formulier toevoegen? Je kunt dan of het formulier handmatig toevoegen of onze WordPress plugin gebruiken. Let op: deze laatste mogelijkheid heb je alleen als je de Wordpress.org implementatie gebruikt! (Vraag dit na bij je website beheerder als je dat niet weet). Als je je site host bij Wordpress.com kun je de plugin niet gebruiken. Je moet dan de HTML code gebruiken en die op een landingspagina zetten waarnaar je op je website naar verwijst. Lees hierover verder onder het kopje 'Wordpress.com sites'.

Gebruik je OptinMonster?
OptinMonster is een WordPress plugin om formulieren te maken. OptinMonster kan ook Autorespond-formulieren tonen. Je hebt bij de lijstmanager de 'kale html' nodig: kijk bij tabblad Formulier | Code voor je website, kies bij veld Exporteer als.. voor de "Kale HTML" optie en klik op Exporteer. Zet deze code in OptinMonster op de plek bij 'configure'. Uiteraard moet OptinMonster wel geinstalleerd zijn in je WordPress omgeving.

Heb je Wordpress.org en wil je de plugin gebruiken? Lees dan door. Wil je het formulierhandmatig installeren? Lees dan door bij de sectie 'Formulier handmatig installeren in WordPress'.

WordPress plugin gebruiken

Ga naar menu Acties | lijstmanagers en open de betreffende lijstmanager. Ga naar tab Formulier, en dan subtab Code voor je website, en kies het export-type 'Download WordPress'. Dit is een generieke WordPress plugin waarmee je een of meerdere formulieren in een widget of pagina op je site kan plaatsen. Klik op Export om het wordpress-plugin.zip bestand op te slaan op je PC. Log dan in op je Wordpress administratie.

1. Ga naar linker menu 'Plugins | Add new'
2. Kies voor de optie 'Upload'
3. Upload het .zip bestand en klik op 'Install Now'
4. Ga dan naar linker menu 'Instellingen'. Daar zie je een menu-optie 'Autorespond'. Klik daar op en volg de aanwijzingen.
5. Als de plugin geactiveerd is, kun je op elke gewenste plek in je site een formulier opnemen.

Formulier handmatig installeren in WordPress

Ga naar menu Acties | lijstmanagers en open de betreffende lijstmanager. Ga naar tab Formulier, en klik op de sub-tab Code voor je website. Daar selecteer je de code en kopieert die naarhet klembord (CTRL-C op de PC of Cmd-C op de Apple). Log dan in op je Wordpress administatie. (De aanwijzingen hieronder zijn gebaseerd op een Engelstalige versie 3.2.0.)

1. Ga naar linker menu 'Appearance | Widgets'
2. In de middelste kolom zie je de 'Text' widget ('Arbitrary text or HTML')
3. Versleep die widget naar de rechter kolom onder de kop 'Sidebar 1'
4. Je kunt nu de widget 'openklappen' en HTML content toevoegen. Plaats hier de formuliercode (CTRL-V op de PC of Cmd-V op de Apple)
5. Klik op 'Save' en controleer of het formulier verschijnt op je website

Gebruik je Joomla 1.5?

Als je Joomla 1.5 gebruikt voor je website, kun je wel formulieren in artikelen opnemen maar Joomla verandert dan iets aan het formulier waardoor het formulier niet meer werkt. Daarom bieden we een plugin aan waarmee je makkelijk vanuit je content items kunt refereren aan het formulier. Je hoeft dan alleen een macro-code op te nemen in een Joomla artikel. De plugin zorgt er dan voor dat op die plek het formulier verschijnt. Stappen:

1. Download de plugin vanaf het lijstmanagerscherm (tab Formulier)
2. Upload de plugin in Joomla via de plugin / Extension manager (Joomla-menu Extensies | Installeer/deinstalleer): ga naar het upload-vak bovenaan, klik op Bladeren, kies bestand dat je in stap 1 hebt gedownload uit Autorespond en klik dan op Upload & installeer..
3. Kopieer of onthoud de macro-code die nu wordt getoond (je kan dit altijd later terugvinden)
4. Zet de plugin op actief: ga in Joomla naar menu Extensies | Pluginbeheer en kijk of je de regel vindt die begint met Autorespond Formulier Aanmeldformulier...". Daar klik je op het plaatje in de kolom Activeren zodat de plugin wordt geactiveerd
5. Zet de macro-code (inclusief de accolades!) in elk artikel waar je het formulier wilt laten verschijnen

Gebruik je Joomla 2 of hoger?

Gebruik dan de 2.5+ plugins. Met de '2.5+ page-plugin' kun je makkelijk vanuit je content items refereren aan het formulier. Je hoeft dan alleen een macro-code op te nemen in een Joomla artikel. De plugin zorgt er dan voor dat op die plek het formulier verschijnt.

Wil je het formulier als widget gebruiken binnen Joomla, gebruik dan de '2.5+ widget'. Stappen:

1. Download de betreffende plugin vanaf het lijstmanagerscherm (tab Formulier, subtab 'Code voor je website')
2. Upload de plugin in Joomla via de Extension manager
3. Bij de page-plugin: Open de plugin via de plugin manager en kopieer eenmalig de HTML code vanuit Autorespond in het Formulier-veld.
4. Bij de widget-plugin: Open de module via de module manager en kopieer eenmalig de HTML code vanuit Autorespond in het Formulier-veld. Geef ook de positie aan waar de widget moet komen te staan en zet de status op Published.
5. Bij de page-plugin: kopieer of onthoud de macro-code die wordt getoond bij installatie (je kan dit altijd later terugvinden) en zet de plugin op actief (via de lijst van plugins)
6. Bij de page-plugin: Zet de macro-code omgeven door accolades in de tekst waar het formulier moet komen

Bestaand formulier aanpassen in Joomla (versie 2 en hoger)

Eerst ga je de formuliercode kopieren uit Autorespond. Open de betreffende lijstmanager en ga naar tabblad Formulier. Daar, in subtabblad 'Code voor je website', klik je onderin bij 'Exporteer als' de optie 'Download bestand met kale HTML' aan. Klik op de Exporteer-knop. Het bestand open je vervolgens met een tekst/editor en je kopieert de code naar hert klembord (CTRL-C).

Log nu in in Joomla. Ga naar menu Extensies, Modulebeheer. Zoek in de lijst naar de juiste module en open die. Ga nu naar de tweede sectie (in de NL versie is de titel 'Aangepaste inhoud'). Bij de tekst-editor staan allemaal knopjes. Klik op het vijfde knopje van links (met titel 'Source Code Editor') in de derde rij van boven. Zoek naar het stuk dat begint met "<form action" en eindigt met "</form>". Haal dit weg en klik CTRL-V zodat de tekst van het klembord hier wordt geplaatst.
Klik rechts bovenaan op "Opslaan en sluiten" en het gewijzigde formulier is bewaard!

Geen WordPress of Joomla?

Ga naar menu Acties | lijstmanagers en open de betreffende lijstmanager. Ga naar tab Formulier, en klik op de sub-tab Code voor je website. Daar selecteer je de code en kopieert die naar het klembord (CTRL-C op de PC of Cmd-C op de Apple).
Log nu in op het administratie-programma van je website, of open je FTP programma als je jouw sitepagina's via FTP upload naar de server. Plaats de formuliercode op de plek in je webpagina waar het formulier moet komen te staan. Heb je geen verstand van HTML? Dan kan je website-beheerder je hierbij helpen of dit voor je doen.

Wordpress.com sites

Het probleem bij WordPress.com is dat het niet is toegestaan om formulieren te plaatsen waarbij de verwerking ergens anders plaatsvindt (in ons geval dus op de Autorespond server). De oplossing is dat je een link op je site zet die verwijst naar een pagina waar het formulier op staat. Deze 'landingspagina' maak je aan op Autorespond. Maar eerst hebben we de formuliercode nodig.

Ga naar menu Acties | lijstmanagers en open de betreffende lijstmanager. Ga naar tab Formulier, en klik op de sub-tab Code voor je website. Daar kies je voor export-type 'Landingspagina'. Na klik op Exporteer wordt een nieuwe landingspagina aangemaakt in je administratie (of een) bestaande landingspagina wordt bijgewerkt).

Ga naar menu Content | Landingspagina's en selecteer de betreffende rij en klik op het potlood-icoontje (). Rechts verschijnt in het veld 'Link' de URL van de landingspagina. Deze URL kun je nu gebruiken om de link te maken in je Wordpress.com pagina waarmee mensen zich kunnen aanmelden.