{"id":7169,"date":"2024-05-02T13:44:48","date_gmt":"2024-05-02T11:44:48","guid":{"rendered":"https:\/\/churchtools.academy\/?post_type=docs&#038;p=7169"},"modified":"2025-12-11T12:54:04","modified_gmt":"2025-12-11T11:54:04","password":"","slug":"wie-fuge-ich-bilder-via-html-in-spendenbescheinigungsvorlagen-ein","status":"publish","type":"docs","link":"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/spenden\/wie-fuge-ich-bilder-via-html-in-spendenbescheinigungsvorlagen-ein\/","title":{"rendered":"Wie f\u00fcge ich Bilder via HTML in Spendenbescheinigungsvorlagen ein?"},"content":{"rendered":"\n<p>Du kannst mit ChurchTools auch Bilder in deinen Spendenbescheinigungen verwenden und so z. B. euer Logo oder sogar die Unterschrift eures Kassenwarts oder Vereinsvorstands in die Spendenbescheinigung einf\u00fcgen.<\/p>\n\n\n\n<aside class=\"wp-block-group ct-box ct-box-blue has-text-color has-background has-link-color wp-elements-74648fa9a9506de5179716347194bc98 is-vertical is-layout-flex wp-container-core-group-is-layout-002f1c27 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#e7c000;border-left-width:0.5rem;color:#3f3400;background-color:#ffe5644d;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong>Wichtig<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">Diese Anleitung erkl\u00e4rt dir, wie du Bilder via HTML in Spendenbescheinigungsvorlagen einf\u00fcgst.<br>Wir empfehlen dir allerdings deine Spendenbescheinigungsvorlage im ChurchTools Editor zu erstellen. Darin kannst du Bilder schnell und einfach direkt \u00fcber die Benutzeroberfl\u00e4che einf\u00fcgen.<br>Unsere Hilfeseite dazu findest du <a href=\"https:\/\/churchtools.academy\/help\/churchtools-module\/spenden\/30-wie-bearbeite-ich-die-vorlage-fur-spendenbescheinigungen\/\" data-type=\"docs\" data-id=\"7166\">hier<\/a>.<\/p>\n<\/aside>\n\n\n\n<h1 class=\"wp-block-heading\">Bild via Link einf\u00fcgen<\/h1>\n\n\n\n<p>Um ein Bild einzuf\u00fcgen, nutzt du folgenden HTML-Tag, <code>&lt;img src=\"https:\/\/.....\" \/&gt;<\/code> in den du die URL einf\u00fcgst, welche zu deinem Bild f\u00fchrt.<\/p>\n\n\n\n<aside class=\"wp-block-group ct-box ct-box-blue has-text-color has-background has-link-color wp-elements-74648fa9a9506de5179716347194bc98 is-vertical is-layout-flex wp-container-core-group-is-layout-002f1c27 wp-block-group-is-layout-flex\" style=\"border-radius:8px;border-left-color:#e7c000;border-left-width:0.5rem;color:#3f3400;background-color:#ffe5644d;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p style=\"margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0rem;margin-left:0.5rem\"><strong>Warnung<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">Die URL muss \u00f6ffentlich erreichbar sein, anderweitig kann das Bild in der Vorlage nicht abgerufen werden. Du kannst dies testen, indem du die URL im privaten\/anonymen Fenster deines Browsers aufrufst und pr\u00fcfst, ob dein Bild angezeigt wird oder nicht.<br><br>Wenn du eine <em>digitale Unterschrift<\/em> einf\u00fcgst, achte besonders darauf, dass die URL zu dem Bild nicht zuf\u00e4llig gefunden oder erraten werden kann, um diese sensiblen Daten besonders zu sch\u00fctzen!<\/p>\n<\/aside>\n\n\n\n<p>Als n\u00e4chstes ben\u00f6tigst du die URL, welche zu deinem Bild f\u00fchrt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Eigene Website<\/h2>\n\n\n\n<p>Wenn dein Bild schon auf einer Website ver\u00f6ffentlicht ist, z. B. das Logo auf eurer Gemeinde-Website, kannst du die URL kopieren, indem du einen Rechtsklick auf das Bild machst und <em>Bildadresse kopieren<\/em> ausw\u00e4hlst.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cloud-Speicher<\/h2>\n\n\n\n<p>Falls deine Gemeinde einen Cloud-Speicher hat, kannst du dein Bild auch darin ablegen und einen \u00f6ffentlichen Freigabelink generieren. Diesen Link kannst du dann in der Vorlage verwenden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">ChurchTools Wiki<\/h2>\n\n\n\n<p>Du kannst auch eine Kategorie im ChurchTools Wiki anlegen und definieren, dass die <em>Dateipfade \u00f6ffentlich aufrufbar<\/em> (1) sein sollen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"440\" height=\"538\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-82.png\" alt=\"\" class=\"wp-image-8582\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-82.png 440w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-82-245x300.png 245w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-82-360x440.png 360w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/figure>\n\n\n\n<p>Zus\u00e4tzlich kannst du diese Wiki-Kategorie im Men\u00fc ausblenden.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"440\" height=\"661\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-83.png\" alt=\"\" class=\"wp-image-8584\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-83.png 440w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-83-200x300.png 200w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-83-341x512.png 341w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/figure>\n\n\n\n<p>Dort kannst du dann dein Bild hochladen und den Link zum Bild kopieren, um diesen in der Vorlage zu nutzen.<\/p>\n\n\n\n<p>Solange kein anderer Benutzer \u00fcber die <em>Rechteverwaltung<\/em> berechtigt wird, diese Wiki-Kategorie zu sehen, kann niemand auf die Kategorie und darin enthaltenen Bilder zugreifen, ohne die direkte URL zu kennen.<br>Du kannst die Bilder noch zus\u00e4tzlich sch\u00fctzen, indem du sie nur f\u00fcr Personen sichtbar machst, die eine <em>Schreibberechtigung<\/em> f\u00fcr diese Kategorie haben.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"840\" height=\"455\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-84.png\" alt=\"\" class=\"wp-image-8586\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-84.png 840w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-84-300x163.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-84-768x416.png 768w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/05\/image-84-360x195.png 360w\" sizes=\"(max-width: 840px) 100vw, 840px\" \/><\/figure>\n\n\n\n<h1 class=\"wp-block-heading\">Bild via Data URI einf\u00fcgen<\/h1>\n\n\n\n<p>Anstatt das Bild \u00fcber einen Link einzuf\u00fcgen, kannst du es auch in einer <em>Base64-Kodierung<\/em> direkt in die Vorlage einbauen. Dabei wird das Bild in eine Zeichenkette kodiert und kann dann direkt im HTML\/CSS eingebunden werden. Wie das geht, erf\u00e4hrst du z. B. <a href=\"https:\/\/www.w3docs.com\/snippets\/html\/how-to-display-base64-images-in-html.html\">hier<\/a>.<\/p>\n\n\n\n<aside class=\"wp-block-group ct-artikel-zum-weiterlesen has-background is-layout-constrained wp-container-core-group-is-layout-89fd719a wp-block-group-is-layout-constrained\" style=\"border-radius:8px;background-color:#f9fafb;margin-top:24px;margin-bottom:24px;padding-top:32px;padding-right:24px;padding-bottom:32px;padding-left:24px\">\n<h4 class=\"wp-block-heading has-medium-font-size\">Artikel zum Weiterlesen<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/spenden\/30-wie-bearbeite-ich-die-vorlage-fur-spendenbescheinigungen\/\" data-type=\"docs\" data-id=\"7166\">Wie erstelle oder bearbeite ich Spendenbescheinigungsvorlagen?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/spenden\/30-platzhalter-fur-spendenbescheinigungen\/\" data-type=\"docs\" data-id=\"7164\">Platzhalter f\u00fcr Spendenbescheinigungsvorlagen<\/a><\/li>\n<\/ul>\n<\/aside>\n","protected":false},"excerpt":{"rendered":"<p>Du kannst mit ChurchTools auch Bilder in deinen Spendenbescheinigungen verwenden und so z. B. euer Logo oder sogar die Unterschrift eures Kassenwarts oder Vereinsvorstands in die Spendenbescheinigung einf\u00fcgen. Bild via Link einf\u00fcgen Um ein Bild einzuf\u00fcgen, nutzt du folgenden HTML-Tag, &lt;img src=&#8220;https:\/\/&#8230;..&#8220; \/&gt; in den du die URL einf\u00fcgst, welche zu deinem Bild f\u00fchrt. Als [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_category":[284],"doc_tag":[],"knowledge_base":[172],"class_list":["post-7169","docs","type-docs","status-publish","hentry","doc_category-spenden","knowledge_base-churchtools-module"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","acf":[],"year_month":"2026-04","word_count":310,"total_views":"3049","reactions":{"happy":"0","normal":"0","sad":"2"},"author_info":{"name":"Jasper Stehmeier","author_nicename":"jstehmeier","author_url":"https:\/\/churchtools.academy\/de\/author\/jstehmeier\/"},"doc_category_info":[{"term_name":"Spenden","term_url":"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/spenden\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Module","term_url":"https:\/\/churchtools.academy\/de\/help\/churchtools-module\/","term_slug":"churchtools-module"}],"knowledge_base_slug":["churchtools-module"],"_links":{"self":[{"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/docs\/7169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/comments?post=7169"}],"version-history":[{"count":8,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/docs\/7169\/revisions"}],"predecessor-version":[{"id":37970,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/docs\/7169\/revisions\/37970"}],"wp:attachment":[{"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/media?parent=7169"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/doc_category?post=7169"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/doc_tag?post=7169"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/churchtools.academy\/de\/wp-json\/wp\/v2\/knowledge_base?post=7169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}