Nieuw hier? Ontvang gratis updates van WebwinkelSucces + het e-book "Webwinkel Tactieken Onthuld":

Facebook Landingspagina (HTML – iFrame Tab)

Facebook LogoSinds 11 Maart 2011 is het niet meer mogelijk om FBML-applicaties te gebruiken om je Facebook pagina vorm te geven. FBML is vervangen door het normale HTML. Naar mijn mening een hele verbetering! Hieronder een tutorial voor een Facebook landingpagina.

Gebruik je momenteel FBML? Geen paniek. De bestaande pagina’s worden niet aangepast of offline gegooid. Het is alleen niet meer mogelijk om deze pagina’s aan te passen. Toch raad ik aan om je pagina’s aan te passen aan de nieuwe eisen. Het is vele malen simpeler en je weet nooit wanneer Facebook helemaal met FBML stopt.

Facebook ‘Vind ik leuk’

Zoals je waarschijnlijk weet draait het bij Facebook om zoveel mogelijk ‘Likes / Vind ik leuk’ te krijgen zodat de berichten die jij op Facebook plaatst ook op hun Wall (prikbord) verschijnt.

Door je bezoekers direct naar je Wall (Prikbord) te sturen (zoals het standaard is ingesteld) is daarvoor niet de beste oplossing. Je kunt ze beter naar een aparte landingspagina sturen waar je ze uitnodigt om op de ‘Vind ik leuk’ knop te klikken.

Zo’n landingspagina zien de mensen direct wanneer ze jouw Facebook pagina bezoeken. Maar hoe stel je nu zo’n aparte landingspagina in en nog belangrijker, hoe krijg je deze vormgegeven?

Static HTML iFrame Tab voor Facebook

Onderstaand zie je een video waarin ik uitleg hoe je een HTML / iFrame landingspagina maakt. De applicatie die ik gebruik is Static HTML iFrame Tab. Deze applicatie staat je toe om 2 verschillende landingspagina’s te maken: 1 voor geen-fans, en 1 voor fans.

Bekijk onderstaande video en verhoog je ‘Vind ik leuk’ conversie:


Note: Het kan wat vertraging geven voordat de applicatie geheel werkt binnen Facebook.

Je kunt met deze applicatie alle HTML gebruiken die je maar wilt. Ik zelf kies ervoor om het simpel te houden en alleen afbeeldingen + een mailformulier te gebruiken.

Ik heb hieronder enkele handige HTML codes neergezet die je wellicht kan gebruiken.

Afbeelding laten zien

De maximale breedte die je kan gebruiken voor je afbeelding is 520 pixels. Ik raad je aan om de volledige breedte te gebruiken.

Hieronder de HTML tag om een afbeelding weer te geven:

<img src="http://www.webwinkelsucces.nl/images/facebook/facebook-fan.png">

Natuurlijk moet je de URL nog veranderen naar de locatie waar jij jouw afbeelding hebt geüpload.

Standaard link

Onderstaande code zorgt voor een link naar je pagina.

<a href="http://www.webwinkelsucces.nl">WebwinkelSucces.nl</a>

Ook hier moet je de URL natuurlijk nog veranderen.

De Facebook ‘Vind ik leuk’ of ‘Like’ Knop

Mocht je de Vind ik leuk knop willen gebruiken in je afbeelding dan kan je onderstaande afbeelding opslaan en gebruiken.

Facebook vind ik leuk Facebook Like

E-mailadressen verzamelen via Facebook

Ik raad je aan om net als mij als te zorgen dat je eerst de ‘Like’ binnenkrijgt om deze daarna te vragen naar hun e-mail. Ik doe dat door ze het Rapport niet direct te laten downloaden maar toe te sturen (dit kan natuurlijk ook met een kortingscode!).

Je kan hiervoor bijvoorbeeld MailChimp gebruiken. De code van het opt-in formulier kun je simpel toevoegen aan je Facebook pagina.

Facebook van WebwinkelSucces

Bekijk de Facebook van WebwinkelSucces en bekijk in het in de praktijk. Vergeet niet om ook even op de ‘Vind ik Leuk knop te klikken. ;-)

Ik zou het TOP vinden wanneer je deze post wilt delen via Twitter of Facebook! Klik op de onderstaande Twitter en/of Facebook button… Bedankt!

Sinds eind november 2011 is het niet voor iedereen meer mogelijk om een landingspagina als standaardpagina in te stellen (i.p.v. het prikbord). Ik weet helaas zo ook niet de oplossing. Mocht jij de oplossing weten post het in de comments!
Link Aanmelden

Lees ook:
  1. Facebook en Twitter voor je webwinkel? Niet doen!
  2. Social Media
  3. Populaire Artikelen en Pagina’s
  4. Google Adwords
  5. Doelen stellen
Bekijk ook eens de populaire artikelen!
Reacties

  1. Maarten
    He Kees, Enig idee hoe je nu de volgorde tussen de toepassingen kunt veranderen?
    Reply
  2. Diederik Walhof
    Hoi Kees, Bedankt voor de demonstratie. Ik ga dit zeker gebruiken voor onze facebooksite! Bedankt
    Reply
  3. Kees van Dijk
    @Maarten, Aan de linkerkant waar de pagina's staan, staat 'bewerken'. Klik hier op en je kunt nu de volgorde aanpassen door de pagina's te verslepen. @Diederik, Bedankt voor je reactie. Het werkt voor mij vrij goed. Vooral in combi met mailinglist en een kortingscode. Je slaat dan twee vliegen in één klap: Je krijgt er een nieuwe 'fan' bij en je hebt ook direct zijn mailadres.
    Reply
  4. Kees Vogelesang
    Kees, Ik heb het getweet. Goed uitleg. Echter, er verschijnt geen pagina, nadat iemand op '''like'' heeft gedrukt. Ik heb het gevraagd aan wat mensen en die hebben mij screenshots gestuurd. Heb je een tip? Groet, Kees
    Reply
  5. Maarten
    He Kees, Weet je ook hoe ik een link kan toevoegen aan een afbeelding? :)
    Reply
  6. Jacqueline
    Beste Kees, Bedankt voor je leuke tips. Ik ben ze al aan het uitproberen. Ik ben wel benieuwd, of je nog een tip hebt om het "sterretje" in het icoontje van de link te vervangen door een eigen afbeeldingetje. weet jij of dat kan?
    Reply
  7. sven van hoof
    Hallo Kees, Ik heb je filmpje gezien ivm de fan en no fan pagina. Echter zit ik vast nu ik een afbeelding wil uploaden. Ik ken namelijks niets van html en krijge mijn foto niet geladen. Deze foto heb ik op mijn pc gesaved bij afbeeldingen. Hoe ken ik de juiste html code om deze te laden ? Vriendelijke groet, Sven Van Hoof
    Reply
    • Ramona
      Hoi Kees, Ik vind het een superduidelijke instructie, aangezien ik verder nooit met html codes werk. Nu heb ik netjes alle stappen gevolgd voor mijn bedrijfspagina, Dizimo Kindermerkkleding&Outlet, maar ik zie nog geen afbeeldingen bij de tab kortingscode. Ik heb de afbeeldingen geupload naar de webshop www.dizimo.nl, de html codes ingevoerd en opgeslagen, maar er komen geen afbeeldingen. Doe ik iets verkeerd of ligt dit aan facebook? Alvast bedankt voor jouw reactie,
      Reply
      • Kees van Dijk
        Dan is of de HTML code niet goed die je gebruikt of de url naar de afbeeldingen werkt niet. Probeer het anders de URL eerst even te testen in je browser. ;-)
  8. k
    Kan iemand mij vertellen hoe ik mn prikbord instel als eerste pagina in plaats van de info pagina??
    Reply
  9. Kees van Dijk
    @Sven Je zal je afbeelding eerst ergens 'online' moeten zetten. Meestal, wanneer je een eigen webwinkel heb zeker, kan je de afbeelding uploaden naar je server. Je kan daarna de afbeelding opvragen via de URL. Deze URL gebruik je dan om de afbeelding aan te roepen. @K - Pagina bewerken - Toestemmingen beheren - Ander tabblad in stellen ;-)
    Reply
  10. Floor
    Hi Kees, Goede tutorial! erg fijn. Ik dacht alleen dat je geen promotie meer mocht maken om mensen je facebook pagina te laten liken? Gr,
    Reply
  11. johan
    Zal toch wel mogen, hier staan wat richtlijnen http://www.facebook.com/promotions_guidelines.php
    Reply
  12. Paul van der Drift
    Super duidelijk en bruikbaar. Gelukt! Bedankt.
    Reply
  13. Dinah
    Hallo Kees, Bedankt voor je uitleg, heel helder. Ik heb het gelijkt toegepast. Nu wachten op meer fan's:-) Groet, dinah
    Reply
  14. Kees van Dijk
    Goed om te horen dat jullie wat aan de uitleg over de Facebook landingspagina hebben!
    Reply
  15. alexander
    Hoi, Helder en duidelijke video!! Bedankt!!!Ga er mee aan de slag. Hoe krijg ik zo'n formulier met naam en email onderaan?
    Reply
  16. Kees van Dijk
    @Alexander, Dat kan bijvoorbeeld via Mailchimp of Aweber.
    Reply
  17. alexander
    Dank je wel voor je snelle reactie. Ik kom binnen de huidige FB niet in de instellingen voor mijn toepassingen...........zoals de video vertelt......
    Reply
  18. Kees van Dijk
    @Alexander, Dat gebeurt mij ook wel eens. Meestal moet je dan een paar minuten tot uren geduld hebben. Blijkbaar duurt het even voordat alles is doorgevoerd op de Facebook-servers. ;-)
    Reply
  19. alexander
    Super zeg! reactie volgt wederom snel. Fijn! Kees ik bedoel wat je doet in de video van 08:19 (prikbord aanklikken etc.....)
    Reply
  20. Kees van Dijk
    @Alexander, Die button (Pagina bewerken) staat er bij mij gewoon. Je krijgt hem natuurlijk alleen te zien wanneer je een bedrijvenpagina hebt aangemaakt (dus geen persoonlijke pagina) en wanneer je er beheerder van bent.
    Reply
  21. pia
    Moet je de afbeelding voor no fans ook aan bepaalde formaten voldoen? Mijn afbeelding is nu denk ik te groot, want ik krijg scrollbalken..
    Reply
  22. pia
    Oh stom.. ik zie het al staan.. :S
    Reply
  23. Chantal
    Hoi Kees, bedankt voor deze top uitleg! Is het mogelijk om zelf een icoontje te uploaden om het standaard sterretje dat als icoontje wordt gebruikt te vervangen?
    Reply
    • Kees van Dijk
      Hallo Chantal, Volgens mij is het inderdaad mogelijk. Dit moet wel met een andere 'toepassing'. Wellicht heb je hier iets aan: http://www.youtube.com/watch?v=eIcG5VekxM0
      Reply
  24. alexander
    kees ik krijg het maar niet voor elkaar om na de 'like' het invulformulier voor emailadres voor elkaar te krijgen via mailchimp. HELP!
    Reply
    • Kees van Dijk
      Gewoon die code (die je krijgt van MailChimp) er in zetten en klaar. Moeilijker is het echt niet.
      Reply
  25. alexander
    @kees ja ziet er op zich heel makkelijk uit. check www.facebook.com/alexanderhairstylers aub. Krijg de engelse teksten er niet uit....
    Reply
    • Kees van Dijk
      Hier ziet het er wel goed uit. Ik zie een formulier met E-mailadres, Voornaam en Achternaam. Niets geks te zien.
      Reply
  26. alexander
    @kees bedankt voor je blik. Gaat mij om de engelse teksten voor de verplichte velden en de verzendknop. Krijg deze niet omgezet naar nederlands, jij nog een tip? Enne bedankt voor de 'like'!
    Reply
    • Kees van Dijk
      Ah! Op die manier. ;-) Dat zit ergens in de code van MailChimp zelf. Wellicht dat je ergens de taal kan veranderen o.i.d. bij MailChimp.
      Reply
  27. Jo
    Normaal gesproken stond er op mijn prikbord van die meldingen van mijn recente activiteiten, dan stond er bijvoorbeeld dat ik gereageerd had op iemands status of een prikbordbericht had gestuurd aan iemand, of bijvoorbeeld burgerlijke staat gewijzigd had of school had toegevoegd. Op een of andere manier is dat nu uitgegaan en ik weet niet hoe ik dat weer aan zet!!!
    Reply
    • Kees van Dijk
      Dit heeft volgens mij niets met de iFrame tab te maken maar wel met een update die Facebook laats doorvoerde. Updates worden nu anders beoordeeld en verschijnen soms rechtsboven ipv het prikbord.
      Reply
  28. Jodien
    Hey kees, Alle eerst een duidelijke uitleg! Helemaal top! Heb alleen nog 1 vraag: Als iemand lid wordt, dan kom je op de fan pagina! In jou geval je krijgt een gratis rapport toegestuurd. Hoe krijg je dat invul balken? naam: email adres:
    Reply
  29. luciano
    he kees, kan je mij uitleggen hoe ik mn prikbord instel als eerste pagina in plaats van de info pagina? zou je mij alsjeblieft dit kunnen uitleggen. alvast bedankt
    Reply
  30. Tony
    Hoi, De FBML app is nog wel te gebruiken zie ik. Hoe zit dat? En wat is het verschil tussen Static en de Normale? Al sje zoekt op FB naar FBML e nje voegt er 1 toe, dan is dat de Static. Links onder verschijnt deze dan. En tot slot, zou het misschien zo zijn dat het wel links onder verschijnt, maar je er geen pagina mee kunt maken of tabs? BVD
    Reply
  31. Tony
    Hoi, De FBML app is nog wel te gebruiken zie ik. Hoe zit dat? En wat is het verschil tussen Static en de Normale? Al sje zoekt op FB naar FBML en je voegt er 1 toe, dan is dat de Static. Links onder verschijnt deze dan. En tot slot, zou het misschien zo zijn dat het wel links onder verschijnt, maar je er geen pagina mee kunt maken of tabs? BVD
    Reply
  32. Wouter Zijlstra
    Hallo Kees, Ik heb eigenlijk dezelfde vraag als luciano hierboven. In jou video leg je het duidelijk uit. Alleen bij mij ontbreekt het menutje 'standaard weergegeven tab' . Voor de rest ziet het er exact uit als in jou video. Weet jij hoe dit kan? Groeten, Wouter
    Reply
  33. Mark
    Hoi kees, Ik kan niet instellen, bij toestemmingen beheren,welke pagina ik als startpagina wil hebben. Krijg nu altijd mijn prikboord te zien. gr. Mark
    Reply
  34. Kees van Dijk
    Bij mij werkt dit prima, net nog getest. Hier het gedeelte waar ik het uitleg: http://youtu.be/Kj0pHJDLtbc?hd=1&t=7m56s. Vergeet niet dat je als beheerder standaard al lid bent, je ziet dus altijd het prikbord als standaardpagina! Uitloggen en dan je Facebook bekijken omzeilt dit probleem.
    Reply
  35. Mark
    Beste Kees, Een vriend van mij zit naast me en die heeft de pagina nog niet geliked. Ik heb gekeken naar jouw instructie video maar krijg de optie Standaard tabblad nog steeds niet te zien, om vervolgens de welkom pagina als home pagina in te stellen. Pagina link: http://www.facebook.com/studenticoos - aantal beheerders: 3 M.v.g. Mark
    Reply
  36. Kees van Dijk
    Hey Mark, Dan weet ik het ook niet. Ik heb net op een aantal andere Facebooks gekeken waar we dit niet op toepassen en we kunnen overal de standaard landingspagina instellen. Mail mij anders even een screenshot van wat jij ziet wanneer je de pagina bewerkt.
    Reply
  37. Kees van Dijk
    Volgens mij ben ik er achter. Het ligt er aan wat voor een pagina je aangemaakt hebt. Een merk-, bedrijf- en lokaalbedrijfpagina is de juiste. Met een community pagina is het helaas niet meer mogelijk.
    Reply
  38. Steven
    Hier speelt hetzelfde probleem als bij Mark. Volgens mij heeft hij het ook nog niet kunnen oplossen, want bij studenticoos zie ik bij binnenkomst nog steeds het prikbord. Deze pagina http://www.facebook.com/bespaaroptijd is geen communitypagina, maar de mogelijkheid om een landingspagina in te stellen is er niet. Zie het screenshot: http://min.us/lquLNZuvmIJcu. Heeft iemand hetzelfde probleem gehad en al wel een oplossing gevonden?
    Reply
  39. Mieke
    Ik kan mijn standaard tabblad ook niet aanpassen. Is er al een oplossing voor gevonden? Mijn pagina is een bedrijf-lokaal pagina Bedankt voor de tip!
    Reply
  40. Wouter zijlstra
    Ik heb na erg lang zoeken een oplossing voor dit probleem, er is weinig over te vinden op het internet. het schijnt dat wanneer je een facebook account hebt aangemaakt in een bepaalde periode de optie "standaard tabblad" er niet is. Dit heb ik gevonden op een of andere amerikaanse site. Ergens in facebook is een optie met een verzoek aan facebook om je pagina dan te herindelen of zoiets. Maar dat schijnt lang te kunnen duren. De kortste klap is om een nieuwe pagina aan te maken en je likers opnieuw uit te nodigen, dit heb ik gedaan en ook kon ik weer gewoon mijn landingspagina instellen. Gelukkig? had ik nog niet zoveel likers :) Voor mensen met veel likers lijkt het me niet zo verstandig.het is trouwens wel zo dat wanneer iemand je pagina heeft geliked, diegene bij het volgende bezoek op je prikbordpagina terechtkomt. Alleen nieuwe bezoekers komen terecht op je landingspagina. Greetz Wouter
    Reply
    • Steven
      Dank voor je reactie. Fijn dat je meer informatie hebt gevonden. Vooralsnog sturen we mensen via de link http://on.fb.me/tijdtekort naar de landingspagina. Opnieuw beginnen is geen optie. Optie voor herindelen pagina ga ik opzoeken en aanvragen.
      Reply
  41. Mark
    Is het niet mogelijk om een nieuwe pagina aan te maken en dan vervolgens de ouwe pagina met de nieuwe pagina samen te voegen? En dat het probleem, standaard tabblad, dan is opgelost? En als ik een nieuwe FB pagina samenvoeg met een ouwe pagina behoud ik dan mijn username?
    Reply
    • Steven
      Interessante mogelijkheid Mark die ik graag zou willen onderzoeken. Maar met de handleiding erbij loop ik zelf al direct vast. Zie: https://nl-nl.beta.facebook.com/help/?faq=249601088403018. De button informatiebronnen of iets wat er op lijkt kan ik niet vinden. Vooralsnog moet ik je het antwoord schuldig blijven.
      Reply
  42. Wouter Zijlstra
    Ik vond nog een artikel hierover: http://rootwork.org/blog/2010/12/facebook-removes-default-landing-tab-new-nonprofit-pages
    Reply
  43. Peter
    Hallo, Weet iemand of het ook mogelijk is om een fanpagina dusdanig in te stellen dat er géén landingspagina voor fans is te zien en wel voor niet-fans? Ik heb het dus niet over twee aparte landingspagina's. Ik zou graag willen dat mijn fans gewoon direct naar het prikbord kunnen.
    Reply
    • Steven
      Nadat iemand fan is geworden komen ze niet meer op je landingspagina uit, maar direct op je prikbord. Dus je hoeft niet iets apart in te stellen.
      Reply
  44. Peter
    Je moet toch twee pagina's instellen? Volgens de clip althans..
    Reply
    • Steven
      Ja twee pagina's. Eén bij binnenkomst van de persoon die nog geen fan is. Na het 'liken' komt die persoon op de 'dank je wel pagina' waar je de persoon bv. een gratis e-book als dank voor de like kunt geven. Als de persoon de tweede keer op je pagina komt dan komt hij/zij direct op je prikbord terecht.
      Reply
  45. Peter
    Ik snap het, bedankt!
    Reply
  46. Erik
    Hoi Kees, hoe kan ik meer tabbladen toevoegen? Naast de welkomstab wil ik nog tabs met andere info toevoegen. Ik hoor het graag.
    Reply
  47. Remco
    Beste Kees, Om te beginnen heb ik amper tot geen verstand van HTML etc. Nu dacht ik na jouw voorbeeld het goed te doen, maar toch lukt het niet. Ik heb een random afbeelding genomen om te kijken of het lukt. Hier de onderstaande link: Als ik op preview klik, krijg ik een soort van foutmelding in vorm van een hele kleine gescheurde afbeelding. Zoals je ziet heb ik de afbeelding geüpload via een website, is dit een probleem? Ik hoop dat je mij hiermee verder kunt helpen. Groetjes.
    Reply
    • Steven Verwaard
      De link is weggevallen in je reactie. Maar de foutmelding die je beschrijft komt door een onjuiste verwijzing. Check nog eens of je verwijzing goed is, bijvoorbeeld of hoofdletters en kleine letters corresponderen.
      Reply
  48. Remco
    Het is gelukt! Dankje. Echter is er nog een probleem; hoe laat ik mensen automatisch mijn welkomstpagina zien? Als een persoon mijn pagina bekijkt, start hij op mijn prikbord. Hoe krijg ik dit voor elkaar?
    Reply
  49. Wouter Zijlstra
    En toen kwam facebook met de tijdlijn, en weg is de optie landingspagina instellen. net nu ik het mooi voor elkaar had :(
    Reply

Geef een reactie

Connect with Facebook

Geld verdienen met webwinkels? Gratis nieuwsbrief updates:
  • Leer hoe je een succesvolle webwinkel-business begint.
  • Ontdek welke marketingmethodes jou meer salaris bezorgen.
  • Plus, lees welke fouten ik heb gemaakt.
Schrijf je nu in om deze tips te krijgen...



Home » Webwinkel Marketing » Facebook Landingspagina (HTML – iFrame Tab)