Fotomoto Shopping Cart & E-commerce
April 30th, 2011By mjau-mjau14 Comments
Fotomoto is a shopping-cart module that integrates a full featured photo- and printing e-commerce solution into your Imagevue gallery. Fotomoto handles the entire process of product selection, shopping cart, checkout, electronic payments, printing- and shipping for you and your customers. You can sell prints, cards and electronic downloads while all prices and products are managed from your Fotomoto Dashboard. Signing up for Fotomoto is FREE, although they require a commission from the products they sell from your website.
Imagevue Fotomoto Demo›Fotomoto Tour›www.fotomoto.com›
How Fotomoto works in Imagevue
One of the best things about the Fotomoto module, is how easy and seamlessly it integrates with Imagevue. All you need to do is click to sign up from your Imagevue Admin, and you are ready to go! There is no need to upload images, as they are automatically added to your Fotomoto Dashboard when they are viewed in your Imagevue gallery. You can thereafter proceed to set product- and pricing options from your Fotomoto Dashboard. After someone orders a print or e-download from your Imagevue gallery, Fotomoto will require a high-resolution version of the file suitable for print or download – Either you will receive an e-mail with instructions on how to upload the file, or you can use the Auto Pickup feature so that Fotomoto can automatically access the high resolution version. You will be able to see all your sales from the Order Page in your Fotomoto Dashboard, and payments are made to you by either cheque or PayPal.
Related Fotomoto Links:
How Fotomoto works on your website
How to set product- and pricing options for your images
How to prepare a print-ready high-res file after a customer makes an order
How to get paid for the products sold using Fotomoto
How to get started
Fotomoto is FREE to use, so you can try it out and disable it afterwards if you don’t want to use it. To get started, follow these steps:
1. Sign up and enable Fotomoto
First step is to sign up for a Fotomoto account and activate Fotomoto in Imagevue. Simply go to your Imagevue admin, and click the “Fotomoto” button in the main menu. Fill in your name + e-mail, and simply click “Create Fotomoto Account”. Your Fotomoto account will be created automatically, and you will also receive a confirmation e-mail from Fotomoto with your account details. Fotomoto will automatically be activated in your Imagevue gallery, and your Fotomoto Site Key will be stored in your settings.
You can now view your gallery and see that Fotomoto is activated, although you may also wish to go through the following steps:
2. Enable buy buttons
- After activating Fotomoto in Imagevue, buy-buttons will automatically be added to your imagebuttons, maincontrols and to your right-click context-menu. If you are missing the buttons in any of these locations, or if you for some reason want them removed from any of these locations, you can go to Imagevue settings and add or remove them manually.
- You can also add Fotomoto purchase options as text-links above the images:settings › image.text.text3.enabled
You may of course also change any other settings for the text3 element through theme- or settings. You may wish to change the layout so they instead appear below the image, or maybe you want to change the font style in the theme CSS.
3. Visit your Fotomoto Dashboard
- Login to your admin Fotomoto Dashboard here: http://my.fotomoto.com/
- After images have been added to your Fotomoto Dashboard, you can set product- and pricing options, and create collections
- If you are using the audioplayer in Imagevue, you may need to re-position the checkout cart into the bottom right corner of the screen. In your Fotomoto Dashboard, go to Settings › Store Appearance, and then under “Shopping Cart Appearance”, choose “Position: Bottom Right” and click “Save Appearance”.
- You can change the captions/titles of the buttons from your Fotomoto Dashboard under Settings › Store Appearance – Hover mouse over any of the buttons in the preview and click “Change Label”.
FAQ
- How do I disable Fotomoto for specific folders?
There are two ways to disable Fotomoto for specific folders in your Imagevue gallery:- 1. From your Imagevue Admin, navigate to any of the folders where you want to disable Fotomoto, and add the following code to the folder-parameters:
fotomoto.enabled=falseThis will prevent the images in this folder from being added to your Fotomoto Dashboard, and also disable Fotomoto buttons for this folder.
- 2. The second option, is to go to your Fotomoto Dashboard and set the “Not for sale” collection as default collection. All new photos will be added to this collection, and Imagevue will not display purchase buttons for any images that are not for sale. You can also “move” all your existing images from any other collection to the “not for sale collection”. Your only task would then be to actually manage what images to add/keep in your “For Sale” collection(s). More about Fotomoto Collections ›
- 1. From your Imagevue Admin, navigate to any of the folders where you want to disable Fotomoto, and add the following code to the folder-parameters:
Notes
- All Fotomoto product-options displayed in your Imagevue gallery are loaded- and synchronized with the available products set for each image from your Dashboard
- If a photo is set “not for sale” from your Fotomoto Dashboard, the fotomoto-related purchase buttons will be removed from the Imagevue interface. The same also happens if Fotomoto is disabled for a specific folder.
- Fotomoto only works with Imagevue X2.7 or newer
- Fotomoto also works with the Html-version of Imagevue – View Demo
- You can change a few Fotomoto display settings in then Imagevue settings:settings › fotomoto
Support
- For more information about Fotomoto, visit the Fotomoto Support pages:
http://support.fotomoto.com/ - You can ask questions, report problems or share ideas in the Fotomoto Forums:
http://getsatisfaction.com/fotomoto/ - Fotomoto FAQ (Frequently Asked Questions)
How Fotomoto works on you website
How to set product- and pricing options for your images
Using “Collections” to price groups of images differently
Print product descriptions
Selling Downloads- and Licenses
How to use “Auto-Pickup” to automatically find your high-res files
How to use Fotomoto with watermarked images
How to get paid for the products sold using Fotomoto
How to prepare a print-ready high-res file after a customer makes an order
Using Fotomoto FAQ
Fotomoto Troubleshooting FAQ
Customer Service FAQ (for buyers)
how do they pay for this ?
Visitors who are purchasing pictures through the Fotomoto module, have the option to pay by credit card. Funds are placed directly into the gallery owners Fotomoto account, where they can of course be withdrawn.
Hallo!
Since the automatic creation of a Fotomotoacount didn´t work I created an acount on the Fotomoto Website. Now I can´t get the right “Fotomoto Site Key” to activate this feature In Imagevue.
How can I get the right key?
Thank you for the right info!
What do you mean the automatic creation didn’t work? Can you be a bit more specific as to exactly what happened? If you sign up directly from Fotomoto, you will be receiving an e-mail with your site_key …
You should find your key in the email from Fotomoto.
Could you please tell more about what didn’t work exactly? What browser/os you are using?
Well. I find my key under my Fotomoto Account.
Go to Settings>Store Settings>Store Information>Store ID
Okay, with “automatic creation” the following was ment: From the Adminpanel in Imagevue I tried to create an account for fotomoto. I filled in First Name / Last Name and so on. After having clicked on “Create Fotomoto Account” I received the Message “Responce timeout, try again please” in Imagevue. I am using Imagevue 2.7 with IE9.
After that I created an Account for Fotomoto on their website. They sent me an email to activate the new account. Having done this I didn´t receive a further email with the “Fotomoto Site Key” (also not in the Spamfolder).
On the Website of Fotomoto I went to my account and there to SETTINGS.
I thougt if I go to “Publish Settings” there, I could get a proper Script (GET SCRIPT) which I pasted in “Fotomoto Site Key” in the Imagevue Admin.under “already have a Fotomoto account.”.
Unfortunately there is no description on your Website which tells me how to manage this, if I already have an Fotomotoaccount..
Greetings and thanks for respondind so fast!
.
Hello,
When i install FOTOMOTO on my website, i have a problem with this windows :
“The widget is not in API Mode ”
What does it means ?
This is a response from the Fotomoto service. Where do you get this message? Keep in mind that if you have a custom html document you are using for Imagevue (instead of the default imagevue index.php), then you will need to add the fotomoto javascript manually.
Hello,
To show you, i put the javascript manually on my first page and you can see now the window if you try my website “www.laurent-jamin.fr”
Best regards
Laurent JAMIN
I have put “api=true” at the end of the script in my first page and i have no message now but the icon “fotomoto” does not work anymore.
Do you have a solution ?
Best regards
Laurent JAMIN
Sorry, but you need to embed the code as we have done it in the imagevue gallery, because it requires a few more lines of javascript to communicate with the flash. See how it works here:
http://www.laurent-jamin.fr/imagevue.php#/content/Vacances/12_Egypte-2011/04_Egypte.JPG
View the source, and you will need to add jQuery and also the fotomoto code as it is added there. Unfortunately, if you are creating your own custom html, you need to follow some strict lines of code to also include the proper JS that Imagevue requires to run all operations like Fotomoto. Best is to just view the source in the link above, and use this as reference to build your own page.
There are some way to remove fotomoto in admin? I don’t need this in one of my sites and I’d remove any reference to this in the admin area.
Thanks.
You can edit the file assets/css/imagevue.admin.css, and add the class:
.fotomoto {display: none;}
Save, re-upload the file, and remember to empty your browser cache … The Fotomoto button should be removed.