Adding Pictures to Acknowledgements, Documents and Forms

Follow

You may want to add a logo or other images to your acknowledgement templates or Form branding area. This article will guide you through how it is achieved.

In Donorfy you can't embed an image in an acknowledgement, document or Form, but you can provide a link to an image on the internet and the image will then appear. Why? Because the image needs to be available on the internet, and it needs to be accessible by any of the Donorfy users who need to send or print the document.

Images may well be assets that are already used in your website - your logo for example. Images on your website will have a URL - this is probably the easiest way to link an image. This also means that any changes of the logo will automatically be reflected in your Donorfy documents, without the need to change them all.

You can also use images that you have saved in your cloud storage solutions such as OneDrive, Google Drive and Dropbox. However, be aware that some locations may only be accessible to users when they are logged in to those solutions, so it may not be the best way to get images into your documents. If this is the case, then you would need to save the image(s) to a shareable folder where anyone outside of your organisation that has the link can view that image.

 

Tips for using Google Drive

You can share individual files in Google Drive, e.g an image. By default, it will be restricted to anyone with the Link. However, you will need to set the permission to be Anyone with the Link - this allows anyone on the internet to see that file. 

  1. Select the file you want to share.
  2. Click Share on the top right.
  3. Click the drop-down arrow. under Get Link.
  4. Choose to share the file with Anyone with the link.
  5. To decide what people can do with your file when you share it, select Viewer
  6. Click Copy link.

Due to Google's security processes, the URL will need to be modified slightly.

  • Paste your Link into Notepad
  • The URL you will have would be similar to the below example:

    https://drive.google.com/file/d/jgfiagfg8y3o2hrqjgfdui/view?usp=sharing
  • Replace: /file/d/
    with:
    /uc?export=download&id=

  • Remove: /view?usp=sharing
  • Your URL should then look something similar to the example below:

    https://drive.google.com/uc?export=download&id=jgfiagfg8y3o2hrqjgfdui

 

Next, to add your picture to your document, Campaign Donate Page or Form press the image button on the acknowledgement/Document Template or the Standalone text editor - as highlighted below - the image properties dialog will be shown. 

 

mceclip0.png

 

Copy your amended URL and paste it into the URL field and then set the height and width as you require. You can also position the image and add alt text to name the image. 

When you press OK your image will appear in your document.

Finally, save your changes.

 

If you find that your image does not display, this may be due to additional security measures that Google have applied to the image. If you use the decoder on the URL below, it will provide you with a new URL that can be used.
 
You will still need to use the sharing link that Google provides to enter into the decoder box.  Once the URL has been decoded for you copy the URL provided for the Direct Image Link and paste it into the Image URL box in Donorfy. You should find the image then displays.
 
Digital Inspiration website link: https://www.labnol.org/embed/google/drive/

 

Tips when using Dropbox

You can create a free Dropbox account and share a picture - see this for more info. From Dropbox copy the link to your picture.

Next in Donorfy go into settings and open the letter you want to add your picture to, press the image button - highlighted in yellow below - the image properties dialog will be shown - then

  • Paste the Dropbox link to your picture into the URL field - e.g. https://www.dropbox.com/s/i6jqmgjt1wshdjhsa6/myimage.png
  • Next, add raw=1 to the end of the link
    • if there is already something on the end of the link after the file name (e.g. ?dl=0) then add &raw=1 e.g. https://www.dropbox.com/s/i6jqmgjt1wshdjhsa6/myimage.png?dl=0&raw=1
    • Otherwise add ?raw=1 e.g. https://www.dropbox.com/s/i6jqmgjt1wshdjhsa6/myimage.png?raw=1
  • You can optionally set the width and height of the picture

When you press OK your image will appear in your document.

Finally, save your changes.

mceclip0.png

If you want to include a signature in a document you can create a scan of the signature and then upload the scan to Dropbox - include the scan as you would any other picture.

 

Box.com

This support article from Box.com runs through the settings required for sharing the images within Box.com - image sharing permissions 

Comments

0 comments
Please sign in to leave a comment.
Powered by Zendesk