{"id":9426,"date":"2024-05-02T13:44:48","date_gmt":"2024-05-02T12:44:48","guid":{"rendered":"https:\/\/churchtools.academy\/?post_type=docs&#038;p=9426"},"modified":"2025-09-11T16:24:25","modified_gmt":"2025-09-11T15:24:25","password":"","slug":"how-to-insert-pictures-in-donation-receipts","status":"publish","type":"docs","link":"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/donations\/how-to-insert-pictures-in-donation-receipts\/","title":{"rendered":"How to insert pictures in donation receipts"},"content":{"rendered":"\n<p>With ChurchTools you can also use images in your donation receipts and thus, for example, insert your logo or even the signature of your treasurer or association board into the donation receipt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Option 1: Insert pictures via URL<\/h2>\n\n\n\n<p>To insert an image via a weblink, use the following HTML-Tag, <code>&lt;img src=\"https:\/\/.....\" \/&gt;<\/code> in which you insert the URL that leads to your image.<\/p>\n\n\n\n<aside class=\"wp-block-group ct-box ct-box-blue has-background 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:#3e70ce;border-left-width:0.5rem;background-color:#f3f5f7;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>Note<\/strong><\/p>\n\n\n\n<p style=\"margin-top:0rem;margin-right:0.5rem;margin-bottom:0.5rem;margin-left:0.5rem\">1. The <em><strong>URL must be publicly accessible<\/strong><\/em>, otherwise the image in the template cannot be accessed. You can test this by opening up the URL in the private\/anonymous window of your browser and checking whether your image is displayed or not.<br>2. If you insert a <em><strong>digital signature<\/strong><\/em>, take special care that the URL to the image cannot be found by accident or guessed, in order to protect this sensitive data!<\/p>\n<\/aside>\n\n\n\n<p>There are several ways to generate the required URL or to save your image online.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Your own website<\/h3>\n\n\n\n<p>If your image is already published on a website, e.g. the logo on your church website, you can copy the URL by right-clicking on the image and selecting Copy Image Address.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cloud storage<\/h3>\n\n\n\n<p>If your church has a cloud storage, you can also store your image in it and generate a public share link. You can then use this link in the template.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">ChurchTools Wiki<\/h3>\n\n\n\n<p>You can also create a category in the ChurchTools Wiki and define that the file paths should be <em><strong>publicly accessible<\/strong><\/em> (1).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"340\" height=\"420\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/06\/image-351.png\" alt=\"\" class=\"wp-image-16408\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/06\/image-351.png 340w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/06\/image-351-243x300.png 243w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/figure>\n\n\n\n<p>In addition, you can <em><strong>hide<\/strong><\/em> this wiki category in the menu.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"340\" height=\"631\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/06\/image-352.png\" alt=\"\" class=\"wp-image-16410\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/06\/image-352.png 340w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/06\/image-352-162x300.png 162w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/06\/image-352-276x512.png 276w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/figure>\n\n\n\n<p>You can then upload your image there and copy the link to the image to use it in the template.<\/p>\n\n\n\n<p>As long as no other user is authorised to see this Wiki category via the <em><strong>permissions management<\/strong><\/em>, no one can access the category and the images it contains without knowing the direct URL.<\/p>\n\n\n\n<p>You can further protect the images by only making them visible to people who have <em><strong>writing permission<\/strong><\/em> for this category.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"940\" height=\"387\" src=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/06\/image-353.png\" alt=\"\" class=\"wp-image-16411\" srcset=\"https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/06\/image-353.png 940w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/06\/image-353-300x124.png 300w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/06\/image-353-768x316.png 768w, https:\/\/churchtools.academy\/wp-content\/uploads\/2024\/06\/image-353-360x148.png 360w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Option 2: Insert picture via Data URI<\/h2>\n\n\n\n<p>Instead of inserting the image via a link, you can also include it directly in the template in a <em><strong>Base64 encoding<\/strong><\/em>. In this case, the image is encoded in a character string and can then be integrated directly into the HTML\/CSS. You can find out how to do this <a href=\"https:\/\/www.w3docs.com\/snippets\/html\/how-to-display-base64-images-in-html.html\">here<\/a>, for example.<\/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\">Read more<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/donations\/19-how-to-create-donation-receipts\/\" data-type=\"docs\" data-id=\"9417\">How to create donation receipts<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/donations\/19-how-to-edit-the-templates-for-donation-receipts\/\" data-type=\"docs\" data-id=\"9419\">How to edit the templates for donation receipts<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/donations\/19-placeholders-for-donation-receipts\/\" data-type=\"docs\" data-id=\"9433\">Placeholders for donation receipts<\/a><\/li>\n<\/ul>\n<\/aside>\n","protected":false},"excerpt":{"rendered":"<p>With ChurchTools you can also use images in your donation receipts and thus, for example, insert your logo or even the signature of your treasurer or association board into the donation receipt. Option 1: Insert pictures via URL To insert an image via a weblink, use the following HTML-Tag, &lt;img src=&#8221;https:\/\/&#8230;..&#8221; \/&gt; in which you [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_category":[440],"doc_tag":[],"knowledge_base":[224],"class_list":["post-9426","docs","type-docs","status-publish","hentry","doc_category-donations","knowledge_base-churchtools-modules"],"pp_statuses_selecting_workflow":false,"pp_workflow_action":"current","pp_status_selection":"publish","acf":[],"year_month":"2026-04","word_count":330,"total_views":"2547","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Jasper Stehmeier","author_nicename":"jstehmeier","author_url":"https:\/\/churchtools.academy\/en\/author\/jstehmeier\/"},"doc_category_info":[{"term_name":"Donations","term_url":"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/donations\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Modules","term_url":"https:\/\/churchtools.academy\/en\/help\/churchtools-modules\/","term_slug":"churchtools-modules"}],"knowledge_base_slug":["churchtools-modules"],"_links":{"self":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/9426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/comments?post=9426"}],"version-history":[{"count":3,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/9426\/revisions"}],"predecessor-version":[{"id":39684,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/docs\/9426\/revisions\/39684"}],"wp:attachment":[{"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/media?parent=9426"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/doc_category?post=9426"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/doc_tag?post=9426"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/churchtools.academy\/en\/wp-json\/wp\/v2\/knowledge_base?post=9426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}