How to Get an Image URL

One of the many great features in the Tithely Church App is the ability to add images to areas such as Blogs, Notes, and banner images. This is done by using the image URL. To put it simply, this is where the image is hosted on the internet. Often a page will look like it is an image URL when it is actually just a web page that has the image embedded in it.


There is actually a very simple trick to getting an image URL! If you right click an image, the option “Open Image in New Tab” should pop up. Click that and the image will open in a new tab. If you copy that URL, it should be the correct one!


Another trick in knowing whether or not it is an image URL or not is if there is anything on the page around or behind the photo. If there is, such as in the example below, it’s probably not a valid image URL. (The example we’re using here is Dropbox.)


As you can see, there are clickable options off to the side of the image. But if you open the image in a new tab, you’ll get the image below, which is the correct link.


As you can see, there is nothing but a black screen to the sides of the image.

Now you’re on your way to having awesome images and content in your Tithely Church App!


Below are some more specific step by step options!


Adding an Image Link from Google Drive:


Step One - Open the preferred image in a new window.

Step Two - Copy the ID for the image - 1D-Huq95lcDOT7rWctsvGRI-kYXynl3gQ - out of the URL you see -

Step Three - Add the above ID to the following link - HERE - So that it looks like this -

Step Four - Add that URL to the Image Link option in the Dashboard and it will work as your direct image link!



Adding an Image Link from Dropbox:


Step One - Upload image to Dropbox

Step Two - Hover over the image and select Share. Once you see the pop up, at the bottom select Create Link.

Step Three - Copy the link, paste it into a new browser window, without loading the page change the www to DL, and then copy that new link. To test it out you can load the page to see the image. What you should see is the image alone with blank space around it.

Step Four - You've got an image link! Feel free to add it wherever needed :)

Was this article helpful?
0 out of 0 found this helpful