Collecting an Image Link from Google Drive and Dropbox

Elevate your Tithely Church App content by seamlessly adding images to blogs, notes, and banners. This quick guide demystifies obtaining valid image URLs, crucial for enhancing your digital ministry. Learn a simple trick to ensure your images display correctly, and how to navigate potential pitfalls with web pages that don't offer direct image URLs. Whether using Google Drive, Dropbox, or other sources, follow these steps to enrich your app with compelling visuals, making your content more engaging and visually appealing.

 

If you’re using the Tithely Church App, you can add images to your blogs, notes, and banner images, which can enhance the visual appeal of your content. In some cases, you'll need an image URL, which is essentially the location of the image on the internet. However, it's important to note that some web pages may appear like they contain an image URL when they actually don't.

To obtain a valid image URL, there's a quick and easy trick you can use. Simply right-click on the image you want to use and select “Open Image in New Tab”. The image will then open in a new tab, and the URL in the address bar will be the correct image URL.

Another way to tell whether or not a page contains a valid image URL is to check if there is anything else on the page beside the image. For instance, if you notice other elements on the page, it's likely not a valid image URL. As an example, Dropbox pages often contain additional elements, making it difficult to obtain a valid image URL.

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!

Collecting an Image Link from Google Drive

  1. Open the preferred image in a new window.
  2. Copy the ID for the image (example in dark blue below)
    The URL you'll see will look similar to https://drive.google.com/file/d/1D-Huq95lcDOT7rWctsvGRI-kYXynl3gQ/view
    The ID from this URL is 1D-Huq95lcDOT7rWctsvGRI-kYXynl3gQ
  3. Add the above ID to the following link: https://drive.google.com/uc?id=
    Example:
    https://drive.google.com/uc?id=1D-Huq95lcDOT7rWctsvGRI-kYXynl3gQ
  4. Add that URL to the Image Link option in the Dashboard and it will work as your direct image link!

Collecting an Image Link from Dropbox

  1. Upload the image to Dropbox
  2. Hover over the image and select Share. Once you see the pop-up, at the bottom select Create Link.
  3. 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.
  4. You've got an image link! Feel free to add it wherever needed.
Was this article helpful?
0 out of 0 found this helpful