How to upload photo to Yola account?

  • 1
  • Question
  • Updated 5 years ago
  • Answered
How can I upload a photo to my Yola account and then what URL would I use to link to it (to be used on the website) ?
Photo of Henrik Olsson

Henrik Olsson

  • 1 Post
  • 0 Reply Likes

Posted 5 years ago

  • 1
Photo of Paul Alexander

Paul Alexander

  • 10 Posts
  • 2 Reply Likes
Hello Henrick,

There are several ways to upload photos to your Yola account. First, you can drag a Picture widget and place it on your page and click "Upload" to upload it that way, directly onto your webpage, or you can use your File Manager. To access File Manager, click the "Site" link in the upper left-hand corner of the sitebuilder, just next to the Yola logo. This will drop down a menu with more links, choose "File Manager..." and from there you can click "Upload" to upload files and images to your File Manager. The files uploaded to your File Manager are specifically kept with the website you are editing, therefore you cannot open your File Manager while editing another Yola website, even on the same account, and expect the files to appear there unless they have been separately uploaded to that website's File Manager.
Next, to answer your question about the URL used to link to the photo, you need to use a bit of html code. Here's the code snippet you need to use:

<img src="resources/filename.jpg">

Be sure to change the "filename" to the name of the photo in your File Manager that you wish to link to, and be sure that ".jpg" is changed to whatever file extension the photo is saved as. These file extensions can be .jpg, .gif, and so on, provided Yola supports the file extension. Also, keep in mind that when using this code, you can only pull photos from your file manager because "resources/" pulls from your File Manager, and nowhere else. If you have a photo in a folder in your File Manager, make sure to add the name of the folder after resources/. For example, say your photo is saved as "myphoto.jpg" into a folder named "Folder" in your File Manager. You must change the code accordingly to look like the code below.

<img src="resources/Folder/myphoto.jpg">

Hope this helps!