Interactief kaartje

Wens je op je website een mooie weergave te publiceren van internationale partners? Of van getuigenissen van internationale studenten?

E-Campus ontwikkelde een mooie, interactieve kaart op basis van Google Maps, waarop je als redacteur zelf de contactpunten of getuigenissen kan toevoegen of verwijderen.

E-Campus zet de kaart klaar, met een (verborgen) beheerspagina waarop jij dan zelf de verschillende punten kunt ingeven.

Voor congressen hebben we een standaardkaartje waarop je hotels, venues en locaties voor sociale activiteiten kunt weergeven. Dit kaartje kan je meteen aanvragen bij E-Campus (annelies.debruyn@uantwerpen.be).

Andere kaartjes moeten misschien meer op maat gemaakt worden: neem eerst eens contact op met webredactie@uantwerpen.be.

Voorbeelden

Werkwijze interactieve kaart

  • Voorzie een pagina in de navigatiestructuur voor de interactieve kaart.
     
  • Contacteer E-Campus (annelies.debruyn@uantwerpen.be) 
     
  • Een locatie toevoegen?
    Ga na inloggen naar de pagina met de kaart. Onder deze pagina staat nog een andere, verborgen, beheerspagina. Meestal heeft die de slug /info/, je kan die zien door via je menu de navigatiestructuur op te vragen. Surf naar deze pagina door de URL handmatig aan te vullen in de URL-balk van je browser. Vul op de pagina de velden van het formulier in en duid de locatie op het kaartje aan. 

    Bij congreskaartjes heb je de keuze uit drie categorieën:
    VenueVenue
    HotelHotel
    Social eventSocial event 
     
  • Een locatie wijzigen of verwijderen? 
    Ga naar de pagina van het kaartje zelf => via editing data. 
     
  • Voorbeeld congreskaart: 

    Voorbeeld congreskaartje

 

Werkwijze getuigenissen 

Voeg getuigenissen toe:

  1. Webpagina aanmaken in de navigatie
    Maak eerst in de navigatie een webpagina voor de getuigenis, en werk de getuigenis uit in een tekstelement.
     
  2. Afbeelding maken voor het kaartje
    Maak een afbeelding aan op  210 pixels breed x 180 pixels hoog
    Laad de afbeelding op: ga naar de reeds aangemaakt getuigenis-pagina (uit stap 1) via de editor: ga in het tekstvak staan en maak een link naar de afbeelding via:  
    < afbeelding toevoegen < bladeren op server < uploaden < afbeelding selecteren (dubbelklikken) < je kopieert bovenaan de link in het pop-upvenster bij Informatie afbeelding < ‘url’. Dit venster hoef je niet op te slaan.
    -> Voor de gekopieerde link voeg je nog een stukje url toe: https://www.uantwerpen.be (De link heb je nodig bij Stap 3 ‘Image’: zie bij 3/)
    (Bij elke testimonial is een afbeelding vereist, anders wordt de pop-up weergegeven met een lelijk wit vlak. Mocht je geen afbeelding voorhanden hebben, kan je best een eigen default afbeelding zetten. )
     
  3. Getuigenis toevoegen op het kaartje
    Op de beheerspagina kan je de getuigenis toevoegen op de kaart. 
     < Bij ‘link’ copy/paste je de link van de aangemaakte pagina met de getuigenis
     < Bij ‘image’ plak je de link uit stap 2
     < Bewerken: de ingevoerde gegevens kan je bewerken via het interactief kaartje op de pagina zelf < data bewerken