{"id":1028,"date":"2022-02-14T21:35:56","date_gmt":"2022-02-14T21:35:56","guid":{"rendered":"https:\/\/leeromgeving.fixityourself.be\/course\/clone-of-2-calendly\/"},"modified":"2024-01-03T15:16:45","modified_gmt":"2024-01-03T15:16:45","slug":"2-calendly-2","status":"publish","type":"tva_lesson","link":"https:\/\/leeromgeving.fixityourself.be\/?tva_lesson=2-calendly-2","title":{"rendered":"Calendly"},"content":{"rendered":"<h2>Inleiding<\/h2>\n<p>Calendly is een afspraken systeem waarmee klanten een afspraak kunnen inboeken met jou. Je kan het verbinden met Google Calendar en Zoom.<\/p>\n<p style=\"\">Je kan Calendly op verschillende manieren invoegen op je website:<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"884\" width=\"298\" data-init-width=\"722\" height=\"357\" data-init-height=\"864\" title=\"Screenshot 2022-02-13 at 23.36.58\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-13-at-23.36.58.png\" data-width=\"298\" data-height=\"357\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<p>Opties 1 en 2 worden in deze les overlopen. Beide manieren worden via het <strong>HTML element<\/strong> ingevoegd op een pagina.<\/p>\n<h2 style=\"\">Een Calendly kalender inline embedden<\/h2>\n<p>We gaan deze soort integreren op de contactpagina.<\/p>\n<ul>\n<li>Log in op het WP dashboard<\/li>\n<li>Klik links in het menu op&nbsp;<em>Pagina&#8217;s<\/em>&nbsp;<\/li>\n<li style=\"\">Klik bij de contactpagina op&nbsp;<em>Bewerk met Elementor<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"885\" width=\"608\" data-init-width=\"1830\" height=\"288\" data-init-height=\"866\" title=\"Screenshot 2022-02-13 at 23.43.28\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-13-at-23.43.28.png\" data-width=\"608\" data-height=\"288\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li>Voeg een nieuwe container toe OF voeg het HTML element toe in een bestaande container<\/li>\n<li>Nieuw element toevoegen: Klik op het plusteken onderaan in het midden van de pagina en vervolgens op de kolom container<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1640\" width=\"220\" data-init-width=\"338\" height=\"206\" data-init-height=\"206\" title=\"Plusje\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Plusje.png\" data-width=\"220\" style=\"\" loading=\"lazy\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"1641\" width=\"379\" data-init-width=\"1432\" height=\"410\" data-init-height=\"410\" title=\"Kolom container\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-22.01.11.png\" data-width=\"379\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li>Sleep eventueel de container naar de juiste plaats door het roze vak met de zwarte bolletjes vast te houden<\/li>\n<li>Klik rechts bovenaan bij de instellingen in de zwarte balk op het <strong>raster<\/strong><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1619\" width=\"283\" data-init-width=\"598\" height=\"218\" data-init-height=\"218\" title=\"Raster\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-21.22.47.png\" data-width=\"283\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li>Sleep het&nbsp;<em>HTML element<\/em> naar de juiste plaats en laat los wanneer je de roze balk ziet<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1829\" width=\"454\" data-init-width=\"1938\" height=\"978\" data-init-height=\"978\" title=\"Screenshot 2023-04-27 at 20.42.38\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-20.42.38.png\" data-width=\"454\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<blockquote><p>In deze cursus wordt niet het hele proces van Calendly zelf behandeld, zorg er dus voor dat alles al klaar staat.<\/p><\/blockquote>\n<ul>\n<li style=\"\">Log in op je Calendly account<\/li>\n<li style=\"\">Klik bij de gewenste kalender op&nbsp;<em>Share<\/em><\/li>\n<li style=\"\">Klik daarna op <em>Add to website &gt; Embed inline<\/em><\/li>\n<li style=\"\">Klik op <em>Continue<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"887\" width=\"286\" data-init-width=\"656\" height=\"248\" data-init-height=\"568\" title=\"Screenshot 2022-02-13 at 23.53.53\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-13-at-23.53.53.png\" data-width=\"286\" data-height=\"248\" style=\"\" loading=\"lazy\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"888\" width=\"387\" data-init-width=\"1446\" height=\"397\" data-init-height=\"1482\" title=\"Screenshot 2022-02-13 at 23.55.12\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-13-at-23.55.12.png\" data-width=\"387\" data-height=\"397\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li style=\"\">Pas (indien je abonnement dit toelaat) de kleuren aan en klik op&nbsp;<em>Copy code<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"889\" width=\"540\" data-init-width=\"1452\" height=\"521\" data-init-height=\"1402\" title=\"Screenshot 2022-02-13 at 23.57.30\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-13-at-23.57.30.png\" data-width=\"540\" data-height=\"521\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li>Ga terug naar de bewerkpagina in Elementor<\/li>\n<li>Plak de code in het HTML veld links in de instellingen<\/li>\n<li style=\"\">Klik links onderaan op <u><\/u><em>Updaten<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1830\" width=\"652\" data-init-width=\"3180\" height=\"1324\" data-init-height=\"1324\" title=\"Screenshot 2023-04-27 at 20.44.52\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-20.44.52.png\" data-width=\"652\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<h2 style=\"\">Een Calendly kalender als widget popup integreren<\/h2>\n<p>In dit voorbeeld gaan we de widget popup integreren op de hompage. Als je het op meerdere pagina&#8217;s wil, dan moet je het onderstaande proces per pagina herhalen. In feite werkt het op exact dezelfde manier als de inline embedded kalender, er wordt enkel een andere HTML code toegevoegd.<\/p>\n<ul>\n<li>Log in op het WP dashboard<\/li>\n<li>Klik links in het menu op&nbsp;<em>Pagina&#8217;s<\/em>&nbsp;<\/li>\n<li style=\"\">Klik bij de homepagina op <em>Bewerk met Elementor<\/em><\/li>\n<\/ul>\n<ul>\n<li>Voeg een nieuwe container toe OF voeg het HTML element toe in een bestaande container<\/li>\n<li>Nieuw element toevoegen: Klik op het plusteken onderaan in het midden van de pagina en vervolgens op de kolom container<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1640\" width=\"220\" data-init-width=\"338\" height=\"206\" data-init-height=\"206\" title=\"Plusje\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Plusje.png\" data-width=\"220\" style=\"\" loading=\"lazy\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"1641\" width=\"379\" data-init-width=\"1432\" height=\"410\" data-init-height=\"410\" title=\"Kolom container\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-22.01.11.png\" data-width=\"379\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li>Klik rechts bovenaan bij de instellingen in de rode balk op het <strong>raster<\/strong><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1619\" width=\"283\" data-init-width=\"598\" height=\"218\" data-init-height=\"218\" title=\"Raster\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-21.22.47.png\" data-width=\"283\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li>Sleep het&nbsp;<em>HTML element<\/em>&nbsp;in de sectie en laat los wanneer je de blauwe balk ziet<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1829\" width=\"454\" data-init-width=\"1938\" height=\"978\" data-init-height=\"978\" title=\"Screenshot 2023-04-27 at 20.42.38\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-20.42.38.png\" data-width=\"454\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<blockquote><p>In deze cursus wordt niet het hele proces van Calendly zelf behandeld, zorg er dus voor dat alles al klaar staat.<\/p><\/blockquote>\n<ul>\n<li style=\"\">Log in op je Calendly account<\/li>\n<li style=\"\">Klik bij de gewenste kalender op&nbsp;<em>Share<\/em><\/li>\n<li style=\"\">Klik daarna op <em>Add to website &gt; Widget popup<\/em><\/li>\n<li style=\"\">Klik op <em>Continue<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"887\" width=\"286\" data-init-width=\"656\" height=\"248\" data-init-height=\"568\" title=\"Screenshot 2022-02-13 at 23.53.53\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-13-at-23.53.53.png\" data-width=\"286\" data-height=\"248\" style=\"\" loading=\"lazy\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"891\" width=\"391\" data-init-width=\"1466\" height=\"399\" data-init-height=\"1496\" title=\"Screenshot 2022-02-14 at 00.07.58\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-14-at-00.07.58.png\" data-width=\"391\" data-height=\"399\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li style=\"\">Pas (indien je abonnement dit toelaat) de kleuren aan en klik op&nbsp;<em>Copy code<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"894\" width=\"538\" data-init-width=\"1466\" height=\"557\" data-init-height=\"1520\" title=\"Screenshot 2022-02-14 at 00.12.44\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-14-at-00.12.44.png\" data-width=\"538\" data-height=\"557\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li>Ga terug naar de bewerkpagina in Elementor<\/li>\n<li>Plak de code in het HTML veld links in de instellingen<\/li>\n<li style=\"\">Klik links onderaan op <u><\/u><em>Updaten<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"893\" width=\"226\" data-init-width=\"596\" height=\"390\" data-init-height=\"1028\" title=\"Screenshot 2022-02-14 at 00.10.59\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-14-at-00.10.59.png\" data-width=\"226\" data-height=\"390\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<p>In de HTML code kan je nog aanpassingen doen, bv de &#8220;Schedule time with me&#8221; tekst kan je simpelweg wijzigen naar je eigen tekstje, bv &#8220;Plan een afspraak&#8221;.<\/p>\n<p>Je kan hetzelfde doen met kleurcodes. Zo kan je de popup widget helemaal customisen.<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1831\" width=\"250\" data-init-width=\"564\" height=\"797\" data-init-height=\"797\" title=\"Screenshot 2023-04-27 at 20.48.46\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-20.48.46.png\" data-width=\"250\" style=\"\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"1832\" width=\"250\" data-init-width=\"568\" height=\"816\" data-init-height=\"816\" title=\"Screenshot 2023-04-27 at 20.49.09\" loading=\"lazy\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-27-at-20.49.09.png\" data-width=\"250\" style=\"\"><\/span><\/p>\n<blockquote><p>Het echte resultaat zie je op de site zelf, dus bekijk daar het voorbeeld.<\/p><\/blockquote>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"895\" width=\"241\" data-init-width=\"937\" height=\"143\" data-init-height=\"557\" title=\"Screenshot 2022-02-14 at 00.13.46\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-14-at-00.13.46-e1644794133924.png\" data-width=\"241\" data-height=\"143\" loading=\"lazy\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"896\" width=\"500\" data-init-width=\"2240\" height=\"309\" data-init-height=\"1384\" title=\"Screenshot 2022-02-14 at 00.14.00\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-14-at-00.14.00.png\" data-width=\"500\" data-height=\"309\" loading=\"lazy\"><\/span><\/p>\n","protected":false},"template":"","class_list":["post-1028","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\/1028"}],"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=1028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}