{"id":3249,"date":"2020-12-02T18:21:57","date_gmt":"2020-12-02T17:21:57","guid":{"rendered":"https:\/\/testing.eenvoudigfactureren.be\/info\/?page_id=3249"},"modified":"2021-01-14T09:32:46","modified_gmt":"2021-01-14T08:32:46","slug":"mail-layout-html","status":"publish","type":"page","link":"https:\/\/testing.eenvoudigfactureren.be\/info\/help\/mail-layout-html\/","title":{"rendered":"Eigen e-mail layout in HTML"},"content":{"rendered":"
\n
\n
\n
\n

De e-mail layout die standaard wordt gebruikt bij het verzenden van e-mails kunt u aanpassen om zo een eigen layout te gebruiken. In deze e-mail layout kunt u dan bijv. uw logo verwerken.<\/p>\n

Een eigen e-mail layout dient u in HTML toe te voegen. Online zijn er verschillende tools terug te vinden om zo een HTML layout op te bouwen zonder dat u hiervoor technische kennis nodig heeft.<\/p>\n

Hieronder vindt u een korte handleiding terug hoe u zelf zo een layout opbouwt in Stripo zodat u deze daarna kunt exporteren om te gebruiken in EenvoudigFactureren.<\/p>\n

\"\"<\/a><\/p>\n

Stap 1: Open een account op Stripo<\/h4>\n

Ga naar de website van Stripo<\/a> en open een nieuwe account. Er is een gratis optie beschikbaar waar u tot 2 layouts kunt opbouwen.<\/p>\n

Stap 2: Maak een nieuwe template<\/h4>\n

Klik op “New template” of begin vanuit een “Basic template” om een nieuwe template aan te maken.<\/p>\n

\"\"<\/p>\n

Voeg de elementen toe die u in de layout wenst te plaatsen. Zo kunt u uw logo toevoegen of een standaard boodschap voorzien. Voorzie een veld met de waarde %content% zodat deze in EenvoudigFactureren kan worden vervangen door de meegegeven boodschap.<\/p>\n

\"\"<\/p>\n

Stap 3: Exporteer layout<\/h4>\n

Eenmaal de layout klaar is kunt u deze exporteren. Met een gratis Stripo-account kunt u tot 4x per maand een export uitvoeren.<\/p>\n

Klik bovenaan op “Export” en selecteer “HTML” als exportwijze.<\/p>\n

\"\"<\/p>\n

Selecteer de optie “Download HTML file” en vink (optioneel) de optie “Minimize HTML” aan.<\/p>\n

\"\"<\/p>\n

Klik op “Export” om het bestand te downloaden.<\/p>\n

Stap 4: Toevoegen in EenvoudigFactureren<\/h4>\n

Nadat u het bestand heeft gedownload kan deze worden toegevoegd in EenvoudigFactureren. Open het bestand in een teksteditor (bijv. Notepad maar niet in Word) en kopi\u00eber de volledige inhoud.<\/p>\n

Ga in EenvoudigFactureren naar “Instellingen” > “E-mail instellingen” en bij “E-mail layout” selecteert u “Eigen layout”. Voeg de inhoud van het bestand toe bij “Eigen layout”. Vergeet niet om de aangepaste instellingen op te slaan via de knop “Instellingen bijwerken”.<\/p>\n

\"\"<\/p>\n

Super! Als u deze stappen succesvol heeft doorlopen zal de aangepaste e-mail layout worden gebruikt bij het verzenden van e-mails op EenvoudigFactureren.<\/p>\n

Variabelen<\/h4>\n

Variabelen die u ook kunt gebruiken in de e-mail teksten kunnen ook worden toegevoegd aan de eigen HTML layout. Zo kunt u de naam van uw klant, het openstaande bedrag of de gestructureerde mededeling verwerken in uw layout.<\/p>\n

Een overzicht van de beschikbare variabelen kunt u terugvinden op: Variabelen<\/a>.<\/p>\n

Betaalknop toevoegen<\/h4>\n

Gebruikt u een koppeling met POM<\/a> of Mollie<\/a> dan kunt u ook een betaalknop toevoegen aan uw eigen layout.<\/p>\n

Voeg in de HTML layout een knop toe en voeg als link de variabele %payment-link-url% toe. Deze variabele zal automatisch worden vervangen door de correcte betaallink. Andere variabelen zoals %total-remaining% (=openstaand bedrag) kunnen ook worden gebruikt.<\/p>\n

Om de betaalknop enkel toe te voegen indien er een te betalen bedrag is kunt u de betaalknop omringen door [payment-link] … [\/payment-link].<\/p>\n

Gebruikt u de POM-koppeling dan kunt u onderstaande betaalknop gebruiken volgens de specificaties van POM:<\/p>\n

\r\n[payment-link]\r\n<p style=\"font-family: Arial, Helvetica, sans-serif;font-size: 16px;color: #757575;line-height: 23px;mso-line-height-rule: exactly;margin-top: 0;margin-bottom: 24px;\">%pom-button-instructions%<\/p>\r\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\" style=\"line-height: 16px !important;\">\r\n    <tr>\r\n        <td>\r\n            <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\r\n                <tbody>\r\n                    <tr>\r\n                        <td style=\"border-radius: 5px;\" align=\"center\" bgcolor=\"#0066A1\"><a style=\"width: 220px; font-size: 18px; font-family: Helvetica; color: #ffffff; text-decoration: none; border-radius: 5px; padding: 17px; border: 1px solid #0066A1; display: inline-block;\" href=\"%payment-link-url%\" target=\"_blank\" rel=\"noopener\"> \u279c %pay-now% <\/a><\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n            <\/table>\r\n            <p style=\"text-align: left;\">\r\n                <span style=\"font-size: 13px; color: #202020; font-family: Helvetica; text-align: left;\">powered by <a style=\"color: #2baf2b; font-weight: normal; text-decoration: none;\" href=\"https:\/\/www.pom.be\" target=\"_blank\" rel=\"noopener\">POM<\/a><\/span>\r\n            <\/p>\r\n        <\/td>\r\n    <\/tr>\r\n<\/table>\r\n[\/payment-link]\r\n<\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
De e-mail layout die standaard wordt gebruikt bij het verzenden van e-mails kunt u aanpassen om zo een eigen layout te gebruiken. In deze e-mail layout kunt u dan bijv. uw logo verwerken. Een eigen e-mail layout dient u in HTML toe te voegen. Online zijn er verschillende tools terug te vinden om zo een … Lees verder “Eigen e-mail layout in HTML”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":404,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3249","page","type-page","status-publish","hentry","wpautop"],"_links":{"self":[{"href":"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-json\/wp\/v2\/pages\/3249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-json\/wp\/v2\/comments?post=3249"}],"version-history":[{"count":20,"href":"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-json\/wp\/v2\/pages\/3249\/revisions"}],"predecessor-version":[{"id":3404,"href":"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-json\/wp\/v2\/pages\/3249\/revisions\/3404"}],"up":[{"embeddable":true,"href":"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-json\/wp\/v2\/pages\/404"}],"wp:attachment":[{"href":"https:\/\/testing.eenvoudigfactureren.be\/info\/wp-json\/wp\/v2\/media?parent=3249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}