Embed a Sugar Sync shared file or picture into website

Wondered how to insert a shared document or a photograph on Sugar Sync Cloud storage directly into a website page?

Its simple.

Follow these steps.

STEP 1: Get the public link for the file which needs to be placed in the website.

Do a right click on the file which needs to placed on the website and select "Get Public Link". Upon clicking the link would be copied to the clipboard. Paste the link to editor where it can be changed. The public link would be something like this.

https://www.sugarsync.com/pf/A616121_61634464_393271


STEP 2: Modifying the public link

The link obtained in Step 1, needs to be modified for it work directly in a website.

Would need to change, two characters between two slashes ( / ). Need to change pf to piv. The modified url would look like this.

https://www.sugarsync.com/piv/A616121_61634464_393271

STEP 3: Placing the link into the website.

Copy the link from STEP 2, into the website. This would enable for the shared file to open directly on the page.

Example

If the shared file is an image then it can be used like this.

"<"img alt="Sugar Sync Test File" src="https://www.sugarsync.com/piv/A616121_61634464_393271" /">"

In above code replace

"<" with <
">" with >
https://www.sugarsync.com/piv/A616121_61634464_393271 with your own link

Embed a Dropbox shared file or photo or music file in a website

To embed a file or a photo or music file ( MP3 ) in a website, which is shared on Dropbox please follow the below steps.



STEP 1. Share a file and get the link for the same.


Link would be something like this.
https://www.dropbox.com/s/asdf1i2o3lkjhie/FileToEmbed.jpg
or
https://www.dropbox.com/s/asdf1i2o3lkjhie/FileToEmbed.jpg?dl=0


STEP 2. Modify the link

Option 1
In the link, please replace www with dl, new link would look something like this.

https://dl.dropbox.com/s/asdf1i2o3lkjhie/FileToEmbed.jpg

Option 2
In the link, please replace www.dropbox with dl.dropboxusercontent, new link would look something like this.

https://dl.dropboxusercontent.com/s/asdf1i2o3lkjhie/FileToEmbed.jpg

Note: Preferably remove from the end of the link "?dl=0"

STEP 3. Copy the link from Step 2 in the website.
This would force for the shared file / image / music file to open and display, without the need to download and open the file.

Previously such links used to be generated for the files placed in Dropbox Public Folder.

Please post a comment if the post was useful. Thank you.