Third-Party Images

Setup Flickr

10min

Overview & Purpose

Provide your customers access to their Yahoo photos from Flickr with simple API integration into your OnPrintShop store. Your customers can use their Flickr photos in the designer studio. Let your customers enjoy the benefits of a total photo-centric platform built for professionals.

How to integrate

Integrate Flickr into your Designer Studio with simple steps as shown below-

๏ปฟ1. Log in to Flickr๏ปฟ

  • Visit and login to the Flickr website with your Yahoo ID, if you already have an account, or else sign up to Flickr with a Yahoo ID:
Document image
๏ปฟ

After login, add the necessary details about your account in Account Setting and Save:

Document image
๏ปฟ

๏ปฟ2. Create an App๏ปฟ

To integrate API you need to create an App in Flickr and avail the API key and Secret key. For this, visit the Services page:

Document image
๏ปฟ
  • Here, you will find The App Garden service of Flickr. Click on Create an App link to create your first app. A screen like the below will appear:
Document image
๏ปฟ
  • Click on the Request an API Key link.
  • The Flickr Services screen will ask you whether your app is a commercial or non-commercial one, i.e. it is profitable or non-profitable:
Document image
๏ปฟ
  • Submit the form by clicking on APPLY FOR A COMMERCIAL KEY button as your agency works to make profits.
  • Further, in the form add details about your website enter basic details. Depending upon your previous choice i.e. whether you applied for Commercial Key or Non-Commercial Key the details asked will be asked.
  • Fill in the details carefully and click on the SUBMIT button to generate an API key.

๏ปฟ3. Generate the API key๏ปฟ

After the SUBMIT button, the App Garden will generate your Appโ€™s API key and Secret key as shown below:

Document image
๏ปฟ

Copy and Save the API key and Secret key.

๏ปฟ4. Configure API Key into Admin Panel๏ปฟ

To add the API key and Secret ID in Admin panel follow the below path-Admin > Store Configuration > External Service Settings > Social Sharing TAB > Flickr > โ€˜Actionโ€™ Dropdown > Edit:

Document image
๏ปฟ
  • Under the Settings section, add the API Key and API Secret ID saved in the above step.
  • Click on Save & Back.

๏ปฟ5. Designer Studio๏ปฟ

Once you have completed the Flickr integration in your store and your customers choose to upload an image from Image Gallery in the Designer Studio, they will see a Flickr button:

Document image
๏ปฟ
  • This means they can upload images in the designer studio from their Flickr account.
  • All they have to do is Connect to the Flickr account.
  • Once the customer clicks on Connect, they will be redirected to login into their Yahoo account.
  • After login, your customer will have to authorize access to your Flickr account:
Document image
๏ปฟ
  • After Authorization, the Flickr images are ready to use.

๏ปฟ