SwimOffice Admin - Webmaster

If you want to put a slide show on your home page, see first article below.

There are many ways to add photo albums and slideshows to your website. The basic process is to use some kind of photo storage site, generate embed code for an album or slideshow, then paste the code on a page in your SwimOffice site.

We will show you how to do so using Flickr and a slideshow generator called FlickrEmbed. Both are free.

  1. Navigate to https://www.flickr.com and Sign In, or click Sign Up if you don't have an account and follow the process.
  2. Upload desired photos on Camera Roll page.
  3. For all the photos you want to share on your SwimOffice site, you will need to make them public. Click the eyeball icon > Public.
    Flickr Camera Roll
  4. Click all photos you would like to share on your SwimOffice site.
  5. Click Add to album at bottom.
  6. Click Create new album.
    New album dialog
  7. Name the album, give it an optional description and click Create album.
    Add these photos to an album
  8. Click Done.
  9. Click Albums.
  10. If you want to put a slideshow on your site, skip down to Method 2: Create slideshow code. Otherwise, continue to Method 1.

Method 1: Link to album

This will generate code that places a thumbnail of your album on your SwimOffice site. When someone clicks it, it will open the album in Flickr. The downside is it takes people away from your site.

  1. Hover over the album you just made and click the Share icon.
    Flickr albums
  2. Click Embed.
    Share album to
  3. Change the size if desired.
  4. Click and copy the code in the field (Ctrl+C on Windows, Command+C on Mac).
  5. Open your SwimOffice site in a new browser tab and skip down to the Paste code in SwimOffice section.

Method 2: Create slideshow code

This will generate code that places a slideshow directly on your SwimOffice site.

  1. Click the album you just made.
  2. Select the URL in your browser's address bar and copy it (Ctrl+C on Windows, Command+C on Mac).
    Flickr album URL
  3. Navigate to https://flickrembed.com/.
  4. Scroll down to IMAGE SOURCE, click the dropdown and select Fetch Photos from Flickr Photoset / Album.
  5. Paste the URL you copied into the Enter PhotoSet / Album ID / Full URL field.
    FlickrEmbed Image Source
  6. Make any other customizations and click PREVIEW & GET CODE.
  7. Copy the code in the Step 1 field.
    Step 1 and Step 2 FlickrEmbed code
  8. Leave this tab open because you will need to come back to copy the code in the Step 2 field.
  9. Open your SwimOffice site in a new browser tab.

Paste code in SwimOffice

  1. In your SwimOffice site, navigate to the page where you want to display the album.
  2. Click Edit in the upper right.
  3. Click Source button.
  4. Put the cursor where you want the album or slideshow to appear and paste the code (Ctrl+V on Windows, Command+V on Mac).
    Content Editor Source view
  5. If you are adding a slideshow,
    1. Go back to the FlickrEmbed site.
    2. Copy the code in the Step 2 field.
    3. Switch back to your SwimOffice site.
    4. Paste the second set of code.
  6. Click Save Changes, OK.

See Also
Create a photo slide show on my home page
Customize/Link Command home page Buttons
Add Photos to a Team Website Page