Naar de hoofdinhoud

Welke blokken kan ik gebruiken bij het zelf maken van een MailBlue landingspagina (Pages)?

Leer meer over de verschillende blokken die je kunt gebruiken om zelf een landingspagina via MailBlue te maken.

Geschreven door Team MailBlue

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

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

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:

  1. Sleep het 'Rij'-blok vanuit de paginabewerker naar je pagina-indeling.

  2. Klik op het blok in de indeling om de stijl- en bewerkingsopties in het rechterpaneel te openen.

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:

  1. Sleep het 'Kolom'-blok naar je pagina-indeling.

  2. Klik op het blok in de indeling om de opmaak- en bewerkopties in het rechterpaneel te openen.

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?

  1. Sleep in de pagina-editor het 'Navigatie'-blok naar de lay-out van je pagina.

  2. '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.

  3. 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.

  4. 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'.

  5. 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

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:

  1. Sleep in de pagina-editor het 'Paragraaf'-blok naar je pagina-indeling.

  2. Dubbelklik op het blok, zodat je inhoud kunt toevoegen.

  3. 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.

  4. 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:

  1. Klik op de knop 'Thema' in de rechterbovenbalk.

  2. 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

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?

  1. Klik op 'Website' > 'Pagina's' om naar het overzicht met pagina's te gaan.

  2. Klik op de paginanaam of klik op 'Ontwerp bewerken' om naar de pagina-editor te gaan.

  3. Sleep het blok 'Kop' vanuit de pagina-editor naar het werkvlak van je pagina.

  4. Dubbelklik op het blok dat je net hebt toegevoegd.

  5. 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.

  6. 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.

  1. Klik op 'Thema' in de rechterbovenbalk.

  2. 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

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.

Schermafbeelding van het rechterpaneel in de paginabouwer met het 'Knop'-contentblok.

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:

  1. Sleep vanuit de pagina-editor het 'Knop'-contentblok naar je lay-out.

  2. Wil je de tekst op de knop aanpassen? Dubbelklik op het contentblok in je lay-out en typ de nieuwe tekst.

  3. 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

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.

Schermafbeelding van het rechterpaneel in de pagina-editor met het blok Afbeelding.

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?

  1. Sleep vanuit de pagina-editor het 'Afbeelding'-blok naar je pagina-indeling.

  2. 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.

    Schermafbeelding van het venster waarin je een afbeelding kiest, met de knoppen Afbeelding gebruiken en Uploaden.

  3. 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.

  4. Ben je klaar met het opmaken van het 'Afbeelding'-blok? Klik dan op de knop met het vinkje.

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?

  1. Sleep het 'Afbeelding en bijschrift'-blok vanuit de pagina-editor naar je pagina-indeling.

  2. 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.

  3. 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.

  4. Klik op het vinkje rechtsboven om je werk op te slaan.

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:

  1. Klik op 'Website' > 'Pagina's' om naar het pagina-overzicht te gaan.

  2. Klik op de paginanaam of klik op de knop 'Ontwerp bewerken' om naar de pagina-editor te gaan.

  3. Sleep vanuit de pagina-editor het 'Verdeler'-blok naar je paginalay-out.

  4. Klik op de toegevoegde verdelingslijn om de stijl- en bewerkingsopties in het rechterpaneel te openen.

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.

Voorbeeld van socialmedia-volglinks op een pagina

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?

  1. Klik op 'Website' > 'Pagina's' om naar de pagina-editor te gaan.

  2. Sleep het blok 'Volg-links' naar de lay-out van je landingspagina.

  3. 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

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.

Het 'Lijst'-blok in 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

Lijstitems aanpassen in het rechterpaneel

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:

  1. Sleep vanuit de pagina-editor het 'Lijst'-blok naar je pagina-indeling.

  2. Dubbelklik op het blok zodat je inhoud kunt toevoegen.

  3. 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.

    Voorbeeld van content typen in het 'Lijst'-blok

  4. 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.

    Bewerkingsopties voor het 'Lijst'-blok

  5. 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

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.

Schermafbeelding van het 'Insluiten'-blok in 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:

  1. Sleep vanuit de pagina-editor het 'Insluiten'-blok naar de indeling van je pagina.

  2. Klik op het blok in de indeling van je pagina om de code-editor te openen.

  3. Typ of plak de code in de code-editor tussen de twee paragraaftags <p> en </p>.

    Voorbeeld van code in het 'Insluiten'-blok

  4. Klik op het vinkje in de balk rechtsboven om je inhoud op te slaan.

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?

  1. Open de pagina-editor en sleep het 'Video'-blok naar de lay-out van je pagina.

    Schermafbeelding van het 'Video'-blok in de pagina-editor.

  2. 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>

  3. Ga naar het account van je videoplatform en zoek de video die je op je pagina wilt plaatsen.

  4. Zoek de insluitoptie van de video.

  5. Kopieer de insluitcode van de video.

  6. Ga terug naar je MailBlue-account.

  7. Verwijder de voorbeeldcode uit het rechterpaneel en plak de insluitcode van je videoplatform.

  8. 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.

mailblue-pages-dupliceer-blok-knop.png

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.

mailblue-pages-verwijder-blok-knop.png

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.

mailblue-pages-overzichtsmodus.png

Breedte

Je kunt de breedte aanpassen in aantallen pixels (PX) of in percentages (%). Klik op 'PX' om het te veranderen naar '%' en andersom.

mailblue-pages-breedte-aanpassen.png

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.

mailblue-pages-achtergrond-toevoegen.png

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.

mailblue-pages-tussenruimte-binnenkant.png

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.

mailblue-pages-rand-toevoegen.png

Hoeken

Hoeken worden ingesteld met pixels (PX) of in percentages (%).

mailblue-pages-hoeken-aanpassen.png

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.

mailblue-pages-sleep-schaduw-toevoegen.png

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.

mailblue-pages-tussenruimte-binnenkant.png

Opaciteit (doorzichtigheid)

Sleep de slider naar links of naar rechts om de opaciteit te veranderen.

mailblue-pages-opaciteit-aanpassen.png
Was dit een antwoord op uw vraag?