Je kunt drag-and-drop blokken gebruiken om elke landingspagina die je creëert in MailBlue aan te passen. Door dit te doen kun je tekst toevoegen en aanpassen, foto's en videos weergeven, contactgegevens verzamelen en meer.
Type paginablokken
Je kunt uit alle blokken hier beneden kiezen om je landingspagina te creëren en aan te passen.
Naam | Omschrijving |
Sectie | Voeg een sectie toe aan jouw pagina en voeg er andere inhoudsblokken aan toe. |
Rij | Voeg een rij toe aan jouw pagina en voeg er andere blokken aan toe. |
Kolom | Voeg een kolom toe aan jouw pagina en voeg er andere blokken aan toe. |
Navigatie | Voeg navigatie toe aan jouw pagina en leid bezoekers rond. |
Paragraaf | Tekst toevoegen, bewerken en opmaken. |
Kop | Voeg een opvallende kop toe aan jouw pagina. |
Knop | Voeg een knop toe waarmee bezoekers bestanden kunnen downloaden of omleiden naar jouw website. |
Inline formulier | Voeg een inschrijfformulier toe aan jouw pagina dat contactgegevens verzamelt. |
Afbeelding | Voeg een afbeelding toe aan jouw pagina. |
Afbeelding met bijschrift | Voeg een onderschrift toe aan je afbeeldingen. |
Verdeler | Voeg een horizontale lijn toe aan jouw pagina en deel je pagina op in verschillende secties. |
Links om te volgen | Voeg sociale pictogrammen toe aan jouw pagina zodat bezoekers je kunnen volgen op sociale media. |
Aftellen | Voeg een aftellende klok toe aan jouw pagina om een gevoel van urgentie te creëren. |
Lijst | Voeg een lijst met opsommingstekens toe aan jouw pagina. |
Insluiten | Voeg custom code toe aan jouw pagina. |
Video | Voeg een video toe aan jouw pagina. |
PayPal | Voeg een 'Koop' knop toe aan je pagina middels een PayPal connectie. |
Meer uitleg over de specifieke blokken kun je lezen door de onderstaande onderdelen open te klappen.
Sectie
Sectie
Met een 'Sectie'-blok voeg je verschillende soorten contentblokken toe aan je pagina, zoals navigatiebalken en knoppen. Nadat je een sectie hebt toegevoegd, kun je onder andere de grootte, achtergrond, rand en hoeken aanpassen. Net als andere blokken kun je een 'Sectie'-blok toevoegen, bewerken, dupliceren en verwijderen op elke pagina of paginasjabloon.
Wat kan ik met een 'Sectie'-blok?
Een 'Sectie'-blok bevat andere contentblokken. Elk blok dat je op je pagina wilt gebruiken, moet binnen een sectie worden geplaatst.
Je kunt de volgende blokken binnen een sectie plaatsen:
'Rij' (kan ook contentblokken bevatten)
'Kolom' (kan ook contentblokken bevatten)
'Tekst' (alinea)
'Knop'
'Inschrijfformulier'
'Afbeelding en bijschrift'
'Links om te volgen'
'Lijst met opsommingstekens'
'Video'
'Navigatie'
'Koptekst'
'Formulier'
'Afbeelding'
'Scheidingslijn'
'Aftellen'
'Insluiten'
Je kunt geen 'Sectie'-blok toevoegen aan een bestaande sectie.
Je kunt onbeperkt secties toevoegen aan een pagina. Een pagina moet wel minimaal één sectie bevatten. Start je met een leeg paginasjabloon? Dan is de verplichte sectie al voor je toegevoegd.
Hoe voeg ik een 'Sectie'-blok toe aan mijn pagina?
Sleep het 'Sectie'-blok naar je pagina-opmaak om een sectie toe te voegen.
Rij
Rij
Je kunt rijen toevoegen aan elke landingspagina die je in MailBlue maakt met het 'Rij'-blok. Nadat je een rij hebt toegevoegd, kun je het formaat aanpassen en andere blokken toevoegen, zoals tekst, knoppen of video. Net als andere blokken kun je een 'Rij'-blok toevoegen, bewerken, dupliceren en verwijderen op elke pagina.
Waarvoor gebruik ik het 'Rij'-blok?
Het 'Rij'-blok staat in het rechterpaneel van de paginabewerker. Dit blok kan andere blokken bevatten. Je kunt bijvoorbeeld de volgende contentblokken toevoegen aan een 'Rij'-blok:
Tekst (alinea)
Knop
Inschrijfformulier
Afbeelding en bijschrift
Volglinks
Lijst met opsommingstekens
Video
Navigatie
Kop
Formulier
Afbeelding
Scheiding
Afteller
Insluiten
Je kunt de blokken 'Sectie', 'Kolom' en 'Rij' niet toevoegen aan een kolom. Er is geen limiet aan het aantal kolommen dat je aan een pagina kunt toevoegen.
Hoe voeg ik een rij toe aan mijn pagina?
Volg deze stappen om een rij toe te voegen aan je pagina-indeling:
Sleep het 'Rij'-blok vanuit de paginabewerker naar je pagina-indeling.
Klik op het blok in de indeling om de stijl- en bewerkingsopties in het rechterpaneel te openen.
Kolom
Kolom
Je kunt kolommen toevoegen aan elke landingspagina die je in MailBlue maakt met het 'Kolom'-blok. Net als andere blokken kun je een 'Kolom'-blok toevoegen, bewerken, dupliceren en verwijderen van elke pagina of paginatemplate.
Wat is het 'Kolom'-blok?
Het 'Kolom'-blok staat in het rechterpaneel van de pagina-editor. Dit blok kan andere contentblokken bevatten. Je kunt bijvoorbeeld de volgende contentblokken toevoegen aan een 'Kolom'-blok:
'Tekst (paragraaf)'
'Knop'
'Inschrijfformulier'
'Afbeelding en bijschrift'
'Volg-links'
'Opsomming met bullets'
'Video'
'Navigatie'
'Koptekst'
'Formulier'
'Afbeelding'
'Scheidslijn'
'Aftellen'
'Insluiten'
Je kunt de volgende blokken niet aan een kolom toevoegen: 'Sectie', 'Rij' en 'Kolom'.
Er is geen limiet aan het aantal kolommen dat je aan een pagina kunt toevoegen.
Hoe voeg ik een kolom toe aan mijn pagina?
Zo voeg je een kolom toe aan je pagina-indeling:
Sleep het 'Kolom'-blok naar je pagina-indeling.
Klik op het blok in de indeling om de opmaak- en bewerkopties in het rechterpaneel te openen.
Navigatie
Navigatie
Het 'Navigatie'-blok helpt bezoekers om door je landingspagina en website te navigeren.
Gebruik je dit blok om bezoekers een bestand te laten downloaden of een afbeelding te laten printen? Dan worden alleen de bestandstypen jpg, png en pdf ondersteund. De maximale bestandsgrootte is 5 MB.
Wat moet ik weten over het 'Navigatie'-blok?
Met dit blok kun je bezoekers naar een sectie op je pagina laten springen, een bestand laten downloaden, of een link laten openen en meer wanneer zij op een navigatie-item klikken.
Net als andere blokken in de paginabouwer is het 'Navigatie'-blok beschikbaar in het rechterpaneel. Hier kun je de grootte aanpassen en vormgeving toevoegen. Je kunt een 'Navigatie'-blok toevoegen, bewerken, dupliceren en verwijderen.
Hoe voeg ik het 'Navigatie'-blok toe aan mijn pagina?
Sleep in de pagina-editor het 'Navigatie'-blok naar de lay-out van je pagina.
'Home' verschijnt als standaard navigatietekst. Wil je deze tekst aanpassen? Dubbelklik op de tekst in de lay-out van je pagina en typ je nieuwe tekst over de standaardtekst heen. Je kunt de modale werkbalk gebruiken om je tekst op te maken, bijvoorbeeld met hoofdletters, onderstreping, cursief, vetgedrukt of een andere lettergrootte.
Wil je extra items aan je navigatiebalk toevoegen? Klik in het rechterpaneel naast 'Navigatie-items' op de knop '+'. Er wordt dan een nieuw navigatie-item toegevoegd aan het blok in je lay-out.
Items die je toevoegt aan het 'Navigatie'-blok hebben standaard geen actie. Er gebeurt dus niets wanneer iemand erop klikt. Stel daarom een actie in:
Klik één keer op het blok in de lay-out van je pagina.
Het rechterpaneel opent en toont alle stijl- en actie-items. Klik in het rechterpaneel op het navigatie-item waaraan je een actie wilt toevoegen.
Er opent een venster met een dropdownveld. Klik op het dropdownveld en klik op de actie die je wilt toepassen op het navigatie-item. Je kunt kiezen uit: 'Link openen', 'Spring naar sectie', 'Bestand downloaden', 'Afbeelding printen', 'Telefoon bellen' en 'E-mail verzenden'.
Klik op het vinkje om je wijzigingen op te slaan.
Voor de optie 'Spring naar sectie' moet je een ID toevoegen aan de sectie waarnaar je wilt verwijzen.
Paragraaf
Paragraaf
Met het 'Paragraaf'- of 'Tekst'-blok kun je geschreven informatie en links aan je landingspagina toevoegen. Je kunt de tekst ook opmaken en het lettertype en de lettergrootte aanpassen.
Wat kan ik met het 'Paragraaf'-blok?
Het 'Paragraaf'-blok is beschikbaar in het rechterpaneel van de pagina-editor.
Nadat je het 'Paragraaf'-blok hebt toegevoegd, kun je de grootte aanpassen en opmaak toevoegen. Net als andere blokken kun je een 'Paragraaf'-blok toevoegen, bewerken, dupliceren en verwijderen op elke pagina of paginasjabloon.
Er is geen limiet aan de hoeveelheid tekst die je aan je pagina kunt toevoegen. Standaard staat tekst ingesteld als alinea. De lettergrootte voor alinea's wordt bepaald door het thema van je pagina.
Hoe voeg ik het 'Paragraaf'-blok toe aan mijn pagina?
Zo voeg je het 'Paragraaf'-blok toe aan je pagina-indeling:
Sleep in de pagina-editor het 'Paragraaf'-blok naar je pagina-indeling.
Dubbelklik op het blok, zodat je inhoud kunt toevoegen.
Typ de inhoud die je wilt weergeven over de standaard plaatshoudertekst heen. Je kunt de werkbalk gebruiken om je tekst op te maken. Je kunt de inhoud bijvoorbeeld vet maken, cursief maken of onderstrepen.
Klik op de vinkje-knop in de rechterbovenbalk om je inhoud op te slaan.
Wil je de tekst later bewerken? Open dan de pagina-editor, dubbelklik op de tekst die je wilt aanpassen en typ de nieuwe tekst.
Hoe pas ik de tekststijl aan?
Wanneer je tekst toevoegt of bewerkt op je pagina, verschijnt er een modale werkbalk. Deze kun je gebruiken om opmaak aan je tekst toe te voegen.
Deze opmaakopties zijn beschikbaar:
Lettertype-tag: kies alinea (P) of kop (H1, H2, H3, H4, H5 of H6). De grootte van elke tag wordt ingesteld onder het thema van je pagina.
Lettergrootte (ten opzichte van de lettertype-instellingen van het thema van je pagina)
Vet
Cursief
Onderstrepen
HOOFDLETTERS
Tekst links, gecentreerd, rechts of uitgevuld uitlijnen
Regelhoogte
Letterafstand
Hyperlink
Tekstkleur
Hoe wijzig ik het lettertype van mijn pagina?
Je kunt het lettertype voor je pagina op elk moment wijzigen. Dit doe je via het tabblad 'Thema' in de pagina-editor.
Lettertypewijzigingen gelden voor alle tekst op je pagina. Je kunt het lettertype wijzigen voor zowel koppen als bodytekst op je pagina.
Zo wijzig je het lettertype:
Klik op de knop 'Thema' in de rechterbovenbalk.
Ga naar 'Lettertypefamilie'. Klik op de dropdown 'Kop' en klik op het lettertype dat je voor koppen wilt gebruiken. Klik daarna op de dropdown 'Bodytekst' en klik op het lettertype dat je voor tekst in de body van de pagina wilt gebruiken.
Wijzigingen in het lettertype worden automatisch opgeslagen.
Kop
Kop
Het blok 'Kop' staat in het rechterpaneel van de pagina-editor.
Nadat je een kop hebt toegevoegd, kun je de grootte aanpassen en opmaak toevoegen. Net als andere blokken kun je een blok 'Kop' toevoegen aan elke pagina of paginasjabloon, bewerken, dupliceren en verwijderen.
Je kunt zoveel koppen toevoegen als je wilt. Een nieuwe kop staat standaard op <h2>, maar je kunt dit wijzigen naar elk koptype dat in het thema van je pagina is ingesteld.
Hoe voeg ik een kop toe aan mijn pagina?
Klik op 'Website' > 'Pagina's' om naar het overzicht met pagina's te gaan.
Klik op de paginanaam of klik op 'Ontwerp bewerken' om naar de pagina-editor te gaan.
Sleep het blok 'Kop' vanuit de pagina-editor naar het werkvlak van je pagina.
Dubbelklik op het blok dat je net hebt toegevoegd.
Typ de kop die je wilt tonen over de standaardtekst. Je kunt de werkbalk gebruiken die verschijnt om opmaak toe te passen op je tekst.
Klik op het vinkje in de rechterbalk om de kop op te slaan.
Wil je de kop later bewerken? Open dan de pagina-editor, dubbelklik op de kop die je wilt bijwerken en typ de nieuwe kop.
Welke opmaakopties kan ik gebruiken voor een kop?
Wanneer je een kop toevoegt of bewerkt, verschijnt er een zwevende werkbalk. Hiermee kun je opmaak aan je kop toevoegen.
De beschikbare opmaakopties zijn:
Teksttag: kies 'Alinea' (P) of een kop ('H1', 'H2', 'H3', 'H4', 'H5', 'H6'). De grootte van elke tag wordt ingesteld in het thema van je pagina.
Lettergrootte (ten opzichte van de lettertype-instellingen in het thema van je pagina)
Vet
Cursief
Onderstrepen
Alle hoofdletters
Tekst links, gecentreerd, rechts of uitgevuld uitlijnen
Regelhoogte
Letterafstand
Hyperlink
Tekstkleur
Hoe wijzig ik het lettertype van mijn kop?
Om het lettertype op je pagina te wijzigen, geef je onder het tabblad 'Thema' het lettertype op dat je wilt gebruiken. Lettertypewijzigingen gelden voor alle tekst op je pagina. Je kunt het lettertype wijzigen voor koppen en lopende tekst op je pagina.
Klik op 'Thema' in de rechterbovenbalk.
Onder 'Lettertypefamilie':
Klik op de dropdown 'Kop' en klik op het lettertype dat je voor koppen wilt gebruiken.
Klik op de dropdown 'Hoofdtekst' en klik op het lettertype dat je voor tekst in het tekstgedeelte van de pagina wilt gebruiken.
Wijzigingen die je op het lettertype toepast, worden automatisch opgeslagen.
Knop
Knop
Met dit contentblok maak je call-to-actions voor bezoekers van je pagina. Wanneer bezoekers op de knop klikken, kun je ze bijvoorbeeld een bestand laten downloaden, een e-mail laten sturen en meer.
Belangrijk: Gebruik je deze knop om bezoekers een bestand te laten downloaden of een afbeelding te laten printen? Dan worden alleen jpg-, png- en pdf-bestanden ondersteund. De maximale bestandsgrootte is 5 MB.
Net als andere contentblokken in de paginabouwer is het 'Knop'-contentblok beschikbaar in het rechterpaneel.
Zodra dit contentblok aan je lay-out is toegevoegd, kun je de grootte aanpassen en opmaak toevoegen. Je kunt een 'Knop'-contentblok ook toevoegen, bewerken, dupliceren en verwijderen.
Je kunt onbeperkt knoppen toevoegen aan je pagina of paginasjabloon.
Hoe voeg ik het 'Knop'-contentblok toe aan mijn pagina?
Zo voeg je een knop toe aan je paginalay-out:
Sleep vanuit de pagina-editor het 'Knop'-contentblok naar je lay-out.
Wil je de tekst op de knop aanpassen? Dubbelklik op het contentblok in je lay-out en typ de nieuwe tekst.
Wil je de knopstijl bewerken en een knopactie instellen? Klik op het contentblok in je lay-out. Het rechterpaneel laadt alle stijl- en actie-opties voor je knop.
Afbeelding
Afbeelding
Let op: Heb je je MailBlue-account na 4 mei 2023 aangemaakt? Dan worden je afbeeldingen gehost in de contentbeheerder. Je kunt afbeeldingen uploaden, verwijderen en ordenen via 'Website' > 'Content'.
Het 'Afbeelding'-blok staat in het rechterpaneel van de pagina-editor.
Net als andere blokken kun je een 'Afbeelding'-blok aan elke pagina-indeling toevoegen, bewerken, dupliceren en verwijderen.
Je kunt zoveel 'Afbeelding'-blokken toevoegen als je wilt. Houd er wel rekening mee dat afbeeldingen veel geheugen kunnen gebruiken. Hierdoor kan je pagina langzaam laden voor bezoekers.
MailBlue ondersteunt afbeeldingsbestanden in jpg, png en gif. De maximale bestandsgrootte is 5 MB.
Hoe voeg ik een afbeelding aan mijn pagina toe?
Sleep vanuit de pagina-editor het 'Afbeelding'-blok naar je pagina-indeling.
Er opent een venster waarin je de afbeelding kiest die je wilt gebruiken:
Klik op de afbeelding.
Klik op de knop 'Afbeelding gebruiken'.
Je kunt ook een afbeeldingsbestand uploaden naar de bestandsbeheerder door op de optie 'Uploaden' te klikken.
De pagina-editor toont de gekozen afbeelding in het blok. Klik op het blok in je pagina-indeling om de stijl- en bewerkingsopties te openen. Je kunt deze opties gebruiken om 'ALT-Tekst' toe te voegen, een klikactie toe te voegen en meer.
Ben je klaar met het opmaken van het 'Afbeelding'-blok? Klik dan op de knop met het vinkje.
Afbeelding met bijschrift
Afbeelding met bijschrift
Het 'Afbeelding en bijschrift'-blok staat in het rechterpaneel van de pagina-editor.
Je gebruikt dit blok om tekst naast een afbeelding te plaatsen. De tekst kan rechts of links van de afbeelding staan. Standaard gebruikt het bijschrift de lettergrootte voor alinea's die is ingesteld in het thema van je pagina.
Ondersteunde afbeeldingsbestanden zijn jpg, png en gif. De maximale bestandsgrootte is 5 MB. Gebruik niet te veel 'Afbeelding en bijschrift'-blokken op één pagina, omdat dit veel geheugen kan gebruiken en de pagina daardoor langzamer kan laden voor bezoekers.
Net als andere blokken kun je een 'Afbeelding en bijschrift'-blok toevoegen, bewerken, dupliceren en verwijderen in elke pagina-indeling.
Hoe voeg ik een afbeelding en bijschrift toe aan mijn pagina?
Sleep het 'Afbeelding en bijschrift'-blok vanuit de pagina-editor naar je pagina-indeling.
Er opent een venster waarin je de afbeelding selecteert die je wilt gebruiken. Doe dit zo:
Klik op de afbeelding
Klik op de knop 'Afbeelding gebruiken'
Je kunt ook een afbeeldingsbestand uploaden naar bestandsbeheer door op de optie 'Uploaden' te klikken.
De pagina-editor toont de geselecteerde afbeelding in het blok.
Dubbelklik op de tekst die rechts van de afbeelding staat om deze te selecteren
Typ het bijschrift dat je naast de afbeelding wilt tonen
Je kunt de werkbalk in het venster gebruiken om opmaak toe te passen op het bijschrift.
Klik op het vinkje rechtsboven om je werk op te slaan.
Verdeler
Verdeler
Met het 'Scheidingslijn'-blok voor landingspagina's kun je visuele ruimte in je paginalay-out verdelen.
Wat kan ik met het 'Verdeler'-blok?
Verdelers, of scheidingslijnen, worden gebruikt om content in je paginalay-out visueel te verdelen. Hierdoor wordt de pagina makkelijker leesbaar.
Tip: Zodra het 'Verdeler'-blok is toegevoegd, kun je de grootte en styling aanpassen. Je kunt het blok ook toevoegen, bewerken, dupliceren en verwijderen zoals andere blokken.
Hoe voeg ik een verdeler toe aan mijn pagina?
Zo voeg je een verdeler toe aan je paginalay-out:
Klik op 'Website' > 'Pagina's' om naar het pagina-overzicht te gaan.
Klik op de paginanaam of klik op de knop 'Ontwerp bewerken' om naar de pagina-editor te gaan.
Sleep vanuit de pagina-editor het 'Verdeler'-blok naar je paginalay-out.
Klik op de toegevoegde verdelingslijn om de stijl- en bewerkingsopties in het rechterpaneel te openen.
Links om te volgen
Links om te volgen
Met socialmedia-volglinks moedig je bezoekers van je landingspagina aan om ook via andere kanalen contact met je te leggen. Met het blok 'Volg-links' voeg je socialmedia-links toe aan je landingspagina.
Waarvoor gebruik ik het blok 'Links om te volgen'?
Met het blok 'Volg-links' voeg je links naar socialmediaprofielen of -pagina's toe aan je landingspagina. Klikt een bezoeker op een link? Dan wordt deze naar je profiel of pagina op dat kanaal gestuurd.
Nadat je het blok aan de lay-out van je landingspagina hebt toegevoegd, kun je de stijl, grootte, lay-out en uitlijning van de socialmedia-iconen aanpassen. Je kunt de iconen ook zwart, wit of in kleur weergeven.
Je kunt kiezen uit 18 socialmedia-volglinks:
Dribbble
E-mail
Facebook
GitHub
Google+
Instagram
LinkedIn
Medium
Pinterest
Reddit
RSS
SoundCloud
Spotify
Tumblr
Twitter
Vimeo
Vine
YouTube
Hoe voeg ik socialmedia-volglinks toe aan mijn landingspagina?
Klik op 'Website' > 'Pagina's' om naar de pagina-editor te gaan.
Sleep het blok 'Volg-links' naar de lay-out van je landingspagina.
Klik op het blok in de lay-out van je landingspagina om de stijl- en bewerkingsopties in het rechterpaneel te openen.
Tip: Standaard toont MailBlue een Facebook- en Twitter-icoon zodra je het blok aan je landingspagina toevoegt.
Hoe pas ik het blok 'Links om te volgen' aan?
Het blok 'Volg-links' heeft de volgende stijl- en bewerkingsopties:
Sociale websites
Hier voeg je links naar je socialmediaprofielen toe, stel je ze in, wijzig je de volgorde en verwijder je links uit het blok. Elk nieuw blok 'Volg-links' start met Facebook en Twitter. Stel de URL van elk kanaal in op de bedrijfspagina's of pagina's waar je verkeer naartoe wilt sturen. Je kunt sociale websites van links naar rechts of van boven naar beneden ordenen. Gebruik de greep links, de twee verticale lijnen, om de volgorde te wijzigen. Voeg een site toe door op de grijze '+' te klikken. Verwijder een bestaande site door rechts daarvan op de rode 'x' te klikken.
Stijl
Socialmedia-iconen zijn standaard wit en staan in een gekleurde cirkel. Kies de optie aan de rechterkant als je wilt dat de iconen van je kanalen losstaand worden weergegeven.
Grootte
Kies een van de drie groottes voor je kanaaliconen: klein, gemiddeld of groot.
Lay-out
Kies of je socialmedia-volglinks verticaal, van boven naar beneden, of horizontaal, van links naar rechts, wilt stapelen.
Uitlijnen
Kies een van de drie uitlijningen: links, midden (standaard) of rechts.
Sociaal thema
Nieuwe socialmedia-volglinks gebruiken standaard de kleuren van het merk. Je kunt ze ook zwart of wit maken.
Lijst
Lijst
Je kunt het 'Lijst'-blok gebruiken om tekstonderdelen op je landingspagina weer te geven. Zo maak je overzichtelijke tekst die bezoekers van je pagina makkelijk kunnen lezen.
Hoe voeg ik het lijst-blok toe?
Het 'Lijst'-blok staat in het rechterpaneel van de pagina-editor.
Zodra je dit blok aan je pagina-indeling toevoegt, kun je:
De voorbeeldtekst vervangen door je eigen tekst
Extra items aan je lijst toevoegen door in het rechterpaneel onder 'Lijstitems' op de plusknop (+) te klikken
Voor elk item dat je toevoegt standaard een rood pijlpictogram gebruiken
De pictogrammen aanpassen door erop te klikken en een andere afbeelding te kiezen in 'Bestandsbeheerder'
De breedte en uitlijning van de pictogrammen aanpassen
Net als andere blokken kun je de grootte van het blok aanpassen, styling toevoegen en het blok toevoegen, bewerken, dupliceren of verwijderen uit je pagina-indeling.
Je kunt zoveel 'Lijst'-blokken aan een pagina toevoegen als je nodig hebt. Standaard gebruikt een lijst de lettergrootte van de stijl 'Alinea' (<p>). Je stelt deze lettergrootte in bij 'Thema's' op je pagina.
Hoe voeg ik het 'Lijst'-blok toe aan mijn pagina?
Zo voeg je het 'Lijst'-blok toe aan je pagina-indeling:
Sleep vanuit de pagina-editor het 'Lijst'-blok naar je pagina-indeling.
Dubbelklik op het blok zodat je inhoud kunt toevoegen.
Typ de inhoud die je wilt weergeven over de standaard voorbeeldtekst heen. Je kunt de werkbalk die verschijnt gebruiken om je tekst op te maken. Je kunt de inhoud bijvoorbeeld dikgedrukt, cursief of onderstreept maken.
Gebruik de bewerkingsopties in het rechterpaneel om een ander lijstpictogram te gebruiken, de pictogrambreedte te wijzigen en de uitlijning van het pictogram aan te passen.
Klik op de vinkjeknop in de balk rechtsboven om je inhoud op te slaan.
Wil je de lijst later bewerken? Open dan de editor van de pagina, dubbelklik op de lijst die je wilt bijwerken en typ de nieuwe tekst.
Insluiten
Insluiten
Je kunt het 'Insluiten'-blok gebruiken om codefragmenten in de indeling van je pagina in te sluiten. Zo kun je bijvoorbeeld een Spotify-afspeellijst, Vimeo-video, Facebook-status en meer toevoegen.
Waar vind ik het 'Insluiten'-blok?
Het 'Insluiten'-blok is beschikbaar in het rechterdeelvenster van de pagina-editor.
Zodra je het 'Insluiten'-blok aan de indeling van je pagina hebt toegevoegd, kun je de grootte aanpassen en vormgeving toevoegen. Net als andere blokken kun je het 'Insluiten'-blok toevoegen, bewerken, kopiëren en verwijderen.
Wil je scripttags insluiten? Gebruik dan de scriptvelden voor de koptekst en hoofdtekst op het tabblad 'Aangepaste code' van je 'Pagina-instellingen'.
Je kunt het 'Insluiten'-blok ook gebruiken om je MailBlue-formulier aan je pagina toe te voegen. Toch is het aan te raden om hiervoor het 'Ingesloten formulier'-blok te gebruiken.
Hoe voeg ik het 'Insluiten'-blok toe aan mijn pagina?
Zo voeg je het 'Insluiten'-blok toe aan de indeling van je pagina:
Sleep vanuit de pagina-editor het 'Insluiten'-blok naar de indeling van je pagina.
Klik op het blok in de indeling van je pagina om de code-editor te openen.
Typ of plak de code in de code-editor tussen de twee paragraaftags <p> en </p>.
Klik op het vinkje in de balk rechtsboven om je inhoud op te slaan.
Video
Video
Let op: automatisch afspelen van video's wordt niet ondersteund op MailBlue-landingspagina's.
Hoe gebruik ik het 'Video'-blok?
Met dit blok voeg je een video toe aan je landingspagina, zodat bezoekers deze kunnen bekijken. Je plaatst hiervoor de insluitcode van de video in de code-editor van het blok. Deze code-editor verschijnt in het rechterpaneel wanneer je op het blok in de lay-out klikt.
De video's die je toevoegt, kunnen op elke videohosting-site staan. Na het toevoegen worden ze ingesloten in een iframe. MailBlue host video's namelijk niet zelf, in tegenstelling tot afbeeldingen.
Je kunt zoveel video's aan je pagina toevoegen als je wilt. Houd er wel rekening mee dat video's veel geheugen kunnen gebruiken. Hierdoor kan je pagina langzaam laden voor bezoekers.
Hoe voeg ik een video toe aan mijn MailBlue-landingspagina?
Open de pagina-editor en sleep het 'Video'-blok naar de lay-out van je pagina.
Klik op het blok in je lay-out om de blokeditor in het rechterpaneel te openen. Je ziet een regel code die lijkt op:
<iframe width="560" height="315" src="https://www.youtube.com/embed/j6M0vP1rWm4" frameborder="0" allowfullscreen></iframe>
Ga naar het account van je videoplatform en zoek de video die je op je pagina wilt plaatsen.
Zoek de insluitoptie van de video.
Kopieer de insluitcode van de video.
Ga terug naar je MailBlue-account.
Verwijder de voorbeeldcode uit het rechterpaneel en plak de insluitcode van je videoplatform.
Klik rechtsboven op de knop met het vinkje om je werk op te slaan.
Het toevoegen, verwijderen en verplaatsen van paginablokken
Blokken toevoegen
Om een component aan je pagina toe te voegen, sleep je het blok naar de gewenste plek op je landingspagina.
Verplaats blokken
Als je eenmaal een contentblok aan je pagina hebt toegevoegd, kun je deze gemakkelijk verplaatsen. Klik met je muis op het gewenste blok en sleep deze naar de plek waar je deze wil plaatsen.
Dupliceer blokken
Je kunt alle blokken die je toevoegt, dupliceren. Om dat te doen klik je op het component dat je wilt dupliceren en klik vervolgens bovenin het rechtermenu op de 'Dupliceer' knop.
Kopieer en plak blokken
Het is mogelijk contentblokken te kopiëren en plakken door de sneltoets ⌘C en ⌘V op Mac te gebruiken of Ctrl-C en Ctrl-V op andere PC's.
Verwijder blokken
Om een component te verwijderen van je ontwerp, klik je op het blok, klik vervolgens op de prullenbak bovenin het rechtermenu.
Paginablokken aanpassen
Veel blokken hebben unieke functies en instellingen, maar alle blokken bevatten een gelijke mogelijkheden tot aanpassen. Je vindt de mogelijkheden tot aanpassen in het rechtermenu nadat je een blok hebt geselecteerd.
Zichtbaarheid
Maak het blok zichtbaar op desktop, mobiel of beiden. Klik op het icoontje om de zichtbaarheid aan of uit te zetten. Boven in het midden van het scherm kun je de weergaven wijzigen naar mobiel en weer terug naar desktop.
Breedte
Je kunt de breedte aanpassen in aantallen pixels (PX) of in percentages (%). Klik op 'PX' om het te veranderen naar '%' en andersom.
Achtergrond
Voeg zoveel achtergronden toe als je wilt. Ze stapelen zich in de volgorde waarin je ze toevoegt. Je kunt de volgorde veranderen door het drag-and-drop systeem.
Tussenruimte binnenkant
Typ een nummer in het veld om ruimte te creëren tussen het formulier blok en het gedeelte waarin het staat. Het vergroten van de tussenruimte zal het gedeelte vergroten op je pagina. Je kunt kiezen welke zijdes van het formulier tussenruimtes hebben.
Rand
Randen worden ingesteld met px. Je kunt kiezen welke zijdes van het formulier randen hebben. Je kunt één van de volgende randen kiezen: glad, gestreept of gestippeld.
Hoeken
Hoeken worden ingesteld met pixels (PX) of in percentages (%).
Sleep schaduw
Voeg zoveel sleepschaduw toe als je wilt. Ze stapelen zich in de volgorde waarin je ze toevoegt. Het is mogelijk de volgorde te veranderen door het drag-and-drop systeem.
Schaduw binnenkant
Voeg zoveel schaduw binnenkant toe aan het blok als dat je wilt. Ze stapelen zich in de volgorde waarin je ze toevoegt. Je kan de volgorde veranderen door het drag-and-drop systeem.
Opaciteit (doorzichtigheid)
Sleep de slider naar links of naar rechts om de opaciteit te veranderen.

