Stijlvolle kaarten toevoegen aan je pagina is een interactieve ervaring

Geschreven door

in

Adding-Stylish-Maps-to-your-Page-is-an-Interactive-Experience-2Je kunt nu kaarten in je pagina-ontwerpen plaatsen met Page Builder Sandwich!

Het is vreemd om enthousiast te zijn over kaarten. Je pakt de Google Maps-URL en sluit deze in. Of je downloadt online een kaartplugin en plaatst een shortcode. Of misschien heeft je andere page builder er al een en kun je er altijd een toevoegen wanneer je wilt. Maar de reden waarom we zo enthousiast zijn, is dat we het toevoegen van kaarten naar een heel nieuw niveau hebben getild.

Hier is een voorvertoning:

De oude, saaie manier om een kaart toe te voegen

Zo voeg je een kaart toe met een typische page builder:

  1. Je sleept een nieuw kaartelement,
  2. Je vult de breedtegraad en lengtegraad in de velden in,
  3. Je vult andere waarden in de velden in zoals kaarthoogte, kaartbreedte, vinkt het selectievakje voor wegstijl aan, enz.,
  4. Klikt op voorvertoning, bekijkt hoe het eruitziet en besluit dat je iets moet veranderen om het er cooler uit te laten zien,
  5. Gaat terug naar de page builder en wijzigt de waarden, en herhaalt vervolgens stap 4 hierboven.

De Page Builder Sandwich-manier om een kaart toe te voegen

Kaarten op websites zijn interactief – je kunt over de kaart bewegen en in- en uitzoomen. Daarom dachten we: waarom halen we niet al het giswerk weg en stellen we mensen in staat om direct met de kaart te interageren tijdens het bouwen van de pagina?

Hier zie je hoe je een kaart toevoegt met Page Builder Sandwich:

  1. Je voegt een kaartelement toe,
  2. Je typt de breedtegraad en lengtegraad of het adres in waarop je de kaart wilt centreren,
  3. Je beweegt over de kaart en zoomt in of uit om het gewenste uiterlijk te krijgen,
  4. Voeg toffe kleuren toe aan je kaarten die bij jouw stijl passen,
  5. Klik op opslaan.

Onze manier is veel leuker en intuïtiever. Je communiceert in feite met de kaart zoals je dat met een normale Google Map zou doen.

Gekleurde kaarten of stijl ze met SnazzyMaps

Een geweldige functie die we hebben toegevoegd, is de mogelijkheid om je kaarten te tinten en van kleur te voorzien, en het is supereenvoudig om te doen. (Dit is alleen voor de premiumversie). Als je je kaart wilt inkleuren, klik je gewoon op onze kleurkiezer en kies je een kleur, waarna je kaart meteen verandert.

Hier is er een die we roze hebben getint:

Page Builder Sandwich ondersteunt ook uitgebreidere kleurenschema’s via SnazzyMaps. Ze hebben een enorme lijst met door gebruikers bijgedragen kleurenschema’s, en je kunt je eigen schema maken als je meer controle over de kleuren wilt.

Zoek gewoon het gewenste kleurenschema, kopieer de code en plak deze in Page Builder Sandwich. Het kleurenschema wordt meteen op je kaart toegepast.

Hier is een cool kleurenschema genaamd papuportal dark van SnazzyMaps:

Plaats kaarten waar je maar wilt

Er zijn nog veel meer toffe dingen die je met kaarten kunt doen – zoals ze toevoegen in rijen over de volledige breedte voor een dramatischer effect. Je kunt ze desgewenst ook toevoegen in een carrousel of binnen tabbladen (een functie die binnenkort beschikbaar is).

Als je Page Builder Sandwich nog niet hebt, kun je de premiumversie uitproberen door hierboven op de link “Live Demo”.