EverWeb geeft u een paar manieren om iets te tonen wanneer een bezoeker klikt:
| U wilt | Gebruik |
|---|---|
| Een vak dat u zelf ontwerpt, zoals een aanbieding, een inschrijfformulier, extra tekst of een video, dat opent wanneer iemand op een knop klikt | Een Popup Window (pop-upvenster) dat wordt geopend door een On Click Action (actie bij klikken) |
| Een vak dat vanzelf opent, na een paar seconden of wanneer iemand scrolt | Een Popup Window met een Popup-trigger |
| Een foto die groot opent als erop geklikt wordt | De widget Responsieve afbeeldingengalerij of Afbeeldingen gallerij |
| Een andere pagina, een pdf of een video die opent in een venster boven uw pagina | Een link met Gedrag ingesteld op Open in Popup Scherm |
Pop-upvensters en On Click Actions hebben EverWeb 4.5 of hoger nodig.
Een pop-upvenster openen wanneer iemand op een knop klikt
- Open de pagina. Wilt u de pop-up op elke pagina, open dan in plaats daarvan uw Hoofd Sjabloon.
- Klik op Popup Window in de werkbalk (of kies Invoegen > Popup Window > New Popup Window, nieuw pop-upvenster).
- Voeg uw inhoud toe: klik op de knop + in de pop-up, of sleep tekst, afbeeldingen en widgets erin. Een pop-upvenster werkt als een Container.
- Geef het een naam: klik op het tandwiel in de eigen werkbalk van de pop-up, kies Naam…, typ een naam en druk op Return. U hebt de naam nodig in stap 9.
- Ga naar Details > Widget instellingen en zet Popup-trigger op Manual (handmatig).
- Klik op de pagina buiten de pop-up om het bewerken af te ronden.
- Selecteer de knop, de tekst of de afbeelding waarop bezoekers gaan klikken.
- Ga naar het tabblad Hyperlinks in Details (het vijfde pictogram) en open On Click Actions door op het kleine driehoekje te klikken.
- Zet Action (actie) op Show (tonen) en Element op de naam van uw pop-up, en klik dan op Toevoegen.
- Klik op Voorbeeld en probeer het uit.
Elke pop-up heeft een sluitknop (een X in een cirkel) in de rechterbovenhoek. Bezoekers kunnen ook buiten de pop-up klikken om hem te sluiten, zolang Sluiten bij klikken buiten popup is aangevinkt. Wilt u dat één knop de pop-up opent en sluit? Gebruik dan Schakelen (Toggle) in plaats van Show.
Om de pop-up later weer te bewerken, kiest u Invoegen > Popup Window en kiest u de pop-up, of klikt u met de rechtermuisknop op een leeg deel van de pagina en kiest u Popup Windows.
Een pop-up die vanzelf opent
Selecteer de pop-up en kies een Popup-trigger in Details > Widget instellingen:
| Popup-trigger | Wanneer hij opent |
|---|---|
| Immediate (direct) | Zodra de pagina opent |
| Vertraging | Na de Tijdvertraging-trigger, in duizendsten van een seconde (3000 is 3 seconden) |
| Scroll (scrollen) | Wanneer de bezoeker zo ver naar beneden scrolt als de Scroll-trigger aangeeft, in pixels |
| On Page Exit Intent (bij het verlaten van de pagina) | Wanneer het erop lijkt dat de bezoeker de pagina gaat verlaten |
| Manual (handmatig) | Alleen wanneer iemand klikt op iets met de actie Show of Schakelen |
Op dezelfde plek bepaalt Positie waar de pop-up verschijnt (zoals Centreren of Bottom Right, rechtsonder), en bepaalt Achtergrond overlay kleur de tint erachter. Typ onder Cookie-instellingen een Cookienaam en een Cookie verloop (dagen), zodat een bezoeker die de pop-up sluit hem dat aantal dagen niet opnieuw ziet. Zonder cookienaam opent hij bij elk bezoek.
Gebruik dit met mate: een pop-up op een Hoofd Sjabloon opent op elke pagina die dat sjabloon gebruikt. Op een telefoon wordt een pop-up smaller zodat hij op het scherm past.
Een foto vergroten als erop geklikt wordt
Galerijwidgets openen een foto groot boven uw pagina (een "lightbox"), met pijlen om naar de andere foto's te gaan:
- Responsieve pagina's: sleep de widget Responsieve afbeeldingengalerij vanaf het tabblad Widgets en voeg uw foto's toe. Klik om diavoorstelling te openen staat standaard aan. Met Achtergrondkleur diavoorstelling kunt u de achtergrond achter de grote foto wijzigen, bijvoorbeeld naar wit.
- Pagina's met Gecentreerd: gebruik de widget Afbeeldingen gallerij. Een klik op een miniatuur opent de grote foto, met knoppen voor zoomen en volledig scherm die u aan of uit kunt zetten in de Widget instellingen.
Voor één losse foto zet u die alleen in een galerij, of maakt u een pop-upvenster met Manual met de grote foto en geeft u de kleine foto de actie Show.
De widgets Afbeeldingsschuifregelaar en Carrousel spelen foto's af op de pagina zelf. Zie Een diavoorstelling toevoegen aan uw website: Afbeeldingsschuifregelaar, Carrousel, Diavoorstelling vullen of een galerij.
Een pagina, pdf of video openen in een pop-up
- Selecteer de knop, de tekst of de afbeelding.
- Ga naar het tabblad Hyperlinks en vink Maak hyperlink aan.
- Kies onder Link naar de optie Een van mijn pagina's, Een andere website of Een bestand, en kies wat er moet openen.
- Zet Gedrag op Open in Popup Scherm.
Maakt u pagina's die alleen bedoeld zijn om in een pop-up te openen, vink dan Toevoegen aan navigatie menu uit in Details > Pagina instellingen, zodat ze niet in uw menu verschijnen. Meer over links leest u in Linken naar een andere pagina, een website, een e-mailadres, een telefoonnummer, een pdf of een deel van een pagina.
Tekst met "Lees meer"
EverWeb 4.5 heeft geen "Lees meer"-functie die tekst op de pagina uitklapt, en geen instelling om een object verborgen te houden wanneer de pagina voor het eerst opent. U kunt op andere manieren een vergelijkbaar resultaat krijgen:
- Zet een korte inleiding op de pagina, voeg een knop Lees meer toe en zet de volledige tekst in een pop-upvenster met Manual dat de knop opent.
- Link de knop naar een aparte pagina met de volledige tekst.
- Op een blog toont de hoofdpagina het begin van elk bericht, en opent de titel van het bericht het volledige bericht.
Gerelateerde artikelen
- Een diavoorstelling toevoegen aan uw website: Afbeeldingsschuifregelaar, Carrousel, Diavoorstelling vullen of een galerij
- Linken naar een andere pagina, een website, een e-mailadres, een telefoonnummer, een pdf of een deel van een pagina
- Een responsieve pagina bouwen met containers, zodat alles netjes onder elkaar komt op een telefoon
- Dezelfde koptekst, menu en voettekst op elke pagina met een Hoofd Sjabloon