{"id":1026,"date":"2022-02-14T21:28:58","date_gmt":"2022-02-14T21:28:58","guid":{"rendered":"https:\/\/leeromgeving.fixityourself.be\/course\/een-popup-maken\/"},"modified":"2024-01-03T15:16:45","modified_gmt":"2024-01-03T15:16:45","slug":"een-popup-maken","status":"publish","type":"tva_lesson","link":"https:\/\/leeromgeving.fixityourself.be\/?tva_lesson=een-popup-maken","title":{"rendered":"Een popup maken"},"content":{"rendered":"<h2 style=\"\">Een popup maken<\/h2>\n<ul>\n<li>Ga naar het WP dashboard<\/li>\n<li>Klik links in het menu op&nbsp;<em>Templates &gt; Popups<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"871\" width=\"182\" data-init-width=\"320\" height=\"307\" data-init-height=\"540\" title=\"Screenshot 2022-02-13 at 22.16.44\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-13-at-22.16.44.png\" data-width=\"182\" data-height=\"307\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li style=\"\">Klik op&nbsp;<em>Nieuwe popup toevoegen<\/em> en vul de naam van de popup in (bv. Nieuwsbrief)<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1825\" width=\"614\" data-init-width=\"1910\" height=\"992\" data-init-height=\"992\" title=\"Screenshot 2023-04-27 at 20.18.20\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-20.18.20.png\" data-width=\"614\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li>De popup galerij wordt meteen geopend<\/li>\n<li>Kies een popup die je leuk vindt en voeg die in door op de roze knop <em>Invoegen<\/em> te klikken<\/li>\n<\/ul>\n<p>Afhankelijk van de template die je hebt ingevoegd, zullen er andere elementen in zitten: tekst, afbeeldingen, een titel, een formulier, iconbox,&#8230;<\/p>\n<ul>\n<li>Klik op het element\/container dat je wil bewerken<\/li>\n<li>Pas de inhoud van het element aan (tekst en\/of afbeelding)<\/li>\n<li>Doe links in de instellingen de nodige aanpassingen (tekstkleur, icoonkleur, achtergrondkleur, typografie, afbeeldingsgrootte, overlay, marges &amp; padding,&#8230;)<\/li>\n<li style=\"\">Verwijder indien nodig elementen die je niet gaat gebruiken<\/li>\n<\/ul>\n<blockquote><p>Hou er rekening mee dat als je meer tekst gaat invoegen dan in de oorspronkelijke template, dan gaat het er anders uitzien. Hetzelfde geldt voor het formaat van een afbeelding: is het een ander formaat, dan gaat het er anders uitzien.<\/p><\/blockquote>\n<h3><span style=\"text-decoration: underline;\">Conditions, Triggers en Advanced rules instellen<\/span><\/h3>\n<ul>\n<li>Klik op&nbsp;<em>Publiceren<\/em><\/li>\n<\/ul>\n<p>CONDITIONS<\/p>\n<p>Hier stel je in op welke pagina&#8217;s de popup moet verschijnen.<\/p>\n<ul>\n<li>Klik op&nbsp;<em>Add condition<\/em><\/li>\n<li style=\"\">Kies waar op de site je wil dat de popup verschijnt, bv. enkel op de homepage<\/li>\n<li style=\"\">Klik daarna op&nbsp;<em>Next<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1826\" width=\"606\" data-init-width=\"2400\" height=\"1048\" data-init-height=\"1048\" title=\"Screenshot 2023-04-27 at 20.23.33\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-20.23.33.png\" data-width=\"606\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<p>TRIGGERS<\/p>\n<p>Hier stel je in wat de popup triggert en hoeveel tijd er tussen moet zitten.<\/p>\n<ul>\n<li>Vink&nbsp;<em>On page load<\/em> aan en kies bv. voor 10 seconden. Dit wil zeggen dat de popup verschijnt wanneer de homepage is geladen, 10 seconden later<\/li>\n<li style=\"\">Klik vervolgens op&nbsp;<em>Next<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1827\" width=\"606\" data-init-width=\"2394\" height=\"898\" data-init-height=\"898\" title=\"Screenshot 2023-04-27 at 20.24.11\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-20.24.11.png\" data-width=\"606\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<p>ADVANCED RULES<\/p>\n<p>Hier kan je onder andere instellen dat iemand de popup bv. maar 1 keer te zien krijgt en niet telkens opnieuw wanneer die persoon terug naar de hompage gaat.<\/p>\n<ul>\n<li>Vink <em>Show up to X times<\/em> aan en kies voor <em>1 time<\/em>.&nbsp;<\/li>\n<li style=\"\">Klik vervolgens op <em>Save &amp; close<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1828\" width=\"606\" data-init-width=\"2338\" height=\"1340\" data-init-height=\"1340\" title=\"Screenshot 2023-04-27 at 20.25.15\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-20.25.15.png\" data-width=\"606\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<blockquote><p>Test de popup uit door naar je site te surfen, even te wachten en te kijken of de popup verschijnt. Het kan zijn dat de popup nog niet verschijnt omdat we nog in onderhoudsmodus werken.<\/p><\/blockquote>\n","protected":false},"template":"","class_list":["post-1026","tva_lesson","type-tva_lesson","status-publish","hentry","tva_courses-quick-fix","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/tva_lesson\/1026"}],"collection":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/tva_lesson"}],"about":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/types\/tva_lesson"}],"wp:attachment":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}