Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
The View Source weekly series offers 10-minute projects on intermediate and advanced web design topics, covering technologies such as HTML, PHP, jQuery, and CSS, as well as content management solutions like WordPress and integration with Twitter, YouTube, and more. Each movie in the course is self-contained and shows how to accomplish an interesting effect and/or technique. Example projects include creating datepickers and custom photo galleries, and mapping and geotagging with Google Maps.
Although I'm not a full-time photographer, I like to take panoramic photos of the different cities that I visit, and I often post them on Flickr. Occasionally, I'll get a request from somebody who sees the photos and wants to purchase them, and in the past I've used a really long process that requires a combination of sending them a contract, getting them to sign it, sending me money via PayPal. So I found this cool service called Fotomoto that takes care of all the e-commerce parts of selling your photos and lets you just kind of take the photos and post them on a web site. It works with a lot of different engines so you can very easily set up the site that you want with the photos and not worry about the fulfillment part.
You will need to sign up to Fotomoto to get started, but it's a free sign up so you don't need to pay them anything, so there are no monthly fees, no annual fees. After you sign up, you'll get a Login, and I'm going to log in to my account here, and once you log in, you'll have the option of setting up a store. So you have a Dashboard where you can log in and see everything in an overview. You can see the different stores that you have set up. And the cool thing about the stores is that when I want to add a photo, I don't have to upload the photo to Fotomoto, I simply add it to my web site and Fotomoto picks up the images automatically.
I can also take a look at my orders and mess around with the settings for my store. So if I click on Settings, you can see that I can specify which publishing platform I'm using. So I'm going to click on this; you can see that it supports a wide variety of scripts and different photo libraries. Once you setup a publishing platform, then you can get the script, and all you have to do is copy and paste that into your web site. Now, setting up a store is pretty easy, you just go to your Dashboard and click on Add Store, and you're going to need to give it a store name, and then give it a web site address for your store.
I can either choose to copy from previous pricing or say that I will enter new prices. You can control everything about your store, including how much you charge for each one of the photos. Of course, Fotomoto does take a cut of everything you sell, so just make sure that you're comfortable with the amount of money that you're going to be making, taking into account how much they're going to take, and the pricing varies depending on the product. You can also choose what kind of things you want to sell, and one of the nice things about Fotomoto is that unlike other things, it handles downloads, which is the primary thing that I do.
When somebody sees a photo that they like on Flickr, then usually they want to download a high-res version so they can produce whatever they want to, whether it's a card or put it in a brochure or something like that. So I like that Fotomoto has a download option. So from here you can choose which kind of prints you want and whether or not you want eCards. Usually I just set up downloads and maybe some type of prints. So you can set up a percentage profit margin, which you can later change for each individual item. And now you can select a Platform right here.
So you can select say, if you're using something like Galleria, which I use on my projects, I can say, None, I have a custom web site, and you can also select right here which Library you're using, and you can see that Galleria is listed right there. So I can say Finish, and it gives me a custom script for that particular library. So I can copy that script and say, I'm Done, Take me to the Dashboard, and I can simply go into my site and paste the script and I have a full store. Now, I've already done that on my web site, so you can see here's my store, and right on top of the photos I have a Download link and a Buy Print version, and all I have done to do that is, let me show you where I paste the script.
I'm going to view source on this page, so you can paste that script into your document and it will automatically show the buttons. Now, I've added a little bit of styling to my buttons, so I'm going to click here to show you that all I have is a few additional classes to add those on top of my photos. Now, once you add that into your sites, then all you have to do is click on one of these buttons. So I'll click on this Download button, Fotomoto will take over on top of my web site and allow me to buy different versions of the photos at different prices, which I can control on the interface.
So if I say Buy Print, it will do the same thing. Bring up the prints; bring up the different prices for the prints, which again, you can control from your store. So this is just a very, very easy and quick way of selling photos. There are a lot of different options out there, but I like that they don't have any annual fees or beginning fees, and they tie into a lot of different libraries and scripts, and it's something that you can use even with WordPress. So see you next time, and remember that when you want to learn how to do cool things on the web, the best way is to View Source.
There are currently no FAQs about View Source.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.