Contactblokken

Samenvatting

Een contactblok toont contactgegevens, een kaart of een contactformulier. Beide meegeleverde bibliotheken hebben er een categorie voor, en die heet in allebei Contact.

Dit artikel helpt je het juiste blok te vinden. Het opbouwen en uitlezen van een formulier hoort bij een andere hoofdcategorie.

Wanneer gebruik je dit?

Je gebruikt een contactblok onderaan een pagina of op een eigen contactpagina. Je kiest tussen drie soorten: gegevens met pictogrammen, een kaart, of een formulier.

Zoek je contactgegevens in de paginavoet, lees dan Footerblokken. Wil je een oproep met een enkel invulveld, lees dan CTA-blokken.

Hoe werkt dit in Mach3Blocks?

Je opent de blokkenpopin op de plek waar de gegevens moeten komen. De categorie Contact staat in beide bibliotheken in de lijst met categorieën.

Een kaart zit in vijf blokken. In Starbase zijn dat blok 20, 21 en 22, en in Nebula blok 19 en 192.

Een formulier zit in meer blokken. In Starbase zijn dat blok 20, 43, 83 en 110. In Nebula zijn het blok 17, 64, 65, 147, 148, 188 en 191.

Blok 20 is het enige blok met allebei. Blok 22 is niets anders dan een kaart, zonder kop, tekst of knop. De bron noemt dat blok leeg, en dat klopt niet.

Een kaart vraagt een sleutel van Google

De kaart werkt op je gepubliceerde website pas als de website een Google API-sleutel heeft. Die vul je in bij de instellingen van de website. Zonder sleutel blijft het vlak leeg.

Overzichtstabel met opties, waarden en standaard

De contactblokken van Starbase

Blok Wat het toont Kenmerken
Blok 20 Een formulier met koptekst en knop naast een kaart, in twee kolommen Licht, formulier, kaart, eigen script
Blok 21 Een koptekst naast een kaart, in twee kolommen Licht, kaart, eigen script
Blok 22 Alleen een kaart Licht, kaart, eigen script, geen keuze van kleurmodus
Blok 43 Een formulier met koptekst en knop, in twee kolommen Licht, formulier, één knop
Blok 48 Contactgegevens met pictogrammen, in twee kolommen Licht, tien pictogrammen
Blok 55 Contactgegevens met pictogrammen, in twee kolommen Licht, tien pictogrammen
Blok 83 Een formulier met koptekst en knop Licht, formulier, één knop
Blok 110 Een formulier met koptekst en knop Licht, formulier, één knop
Blok 180 Contactgegevens met pictogrammen Licht, tien pictogrammen
Blok 181 Contactgegevens met pictogrammen Licht, tien pictogrammen

De contactblokken van Nebula

Blok Wat het toont Kenmerken
Blok 16 Een contactsectie met drie items en pictogrammen Zeven pictogrammen, twee knoppen
Blok 17 Een contactformulier met twee items Formulier, twee pictogrammen, één knop
Blok 18 Een contactsectie met beeld Drie pictogrammen, acht afbeeldingen
Blok 19 Een contactsectie met een kaart Scroll-effect, kaart, eigen script
Blok 64 Een contactformulier met drie items Formulier, drie pictogrammen, twee knoppen
Blok 65 Een contactformulier met drie items Formulier, drie pictogrammen, één knop
Blok 147 Een eenvoudig contactformulier Formulier, één knop
Blok 148 Een contactformulier met beeld Formulier, scroll-effect, drie pictogrammen
Blok 188 Een contactformulier met twee items Formulier, zes pictogrammen, één knop
Blok 189 Een contactsectie met twee knoppen Twee pictogrammen, drie afbeeldingen
Blok 190 Een contactsectie met pictogrammen Vier pictogrammen, vier afbeeldingen
Blok 191 Een contactformulier met pictogrammen Formulier, vier pictogrammen, één knop
Blok 192 Een contactsectie met een kaart en drie items Drie pictogrammen, kaart, eigen script

De instelvelden van de kaart

Het product noemt dit element Content map of Achtergrond map. Selecteer de kaart in het blok. Op het tabblad Instellingen verschijnen dan zeven velden onder de kop Maps.

Volgorde Veld Soort
1 Adres Tekstvak
2 Zoom Keuzelijst
3 Zoom control Vinkje
4 Map type control Vinkje
5 Street view control Vinkje
6 Volledig scherm control Vinkje
7 Grijstinten Vinkje

Vier veldnamen zijn half Engels. Zo staan zij in het product, en zo staan zij hier.

Voorwaarden en rechten

Je bereikt de blokkenpopin alleen vanuit de editor van een pagina. Voor de meegeleverde blokken heb je het recht Bibliotheek blokken invoegen nodig.

Voor een kaart heeft de website een Google API-sleutel nodig. Die staat bij de instellingen van de website en niet in het blok.

De kleurmodus kies je bij het invoegen alleen met het recht Websites/presentaties stijlen. Bij blok 22 is er geen keuze.