Art Storefronts Support Center

Search for answers to your questions by entering keywords below, or look through our knowledge base.

Everything You Need To Know About Instagram to Print

Follow

If you are a Print Studio you may have decided to add on the Instagram to Print feature. This feature allows your customers to directly select images from their Instagram account to upload seamlessly to your site for you to print. This is a fantastic way to gain more traction and bring more customers in.

Creating Your Application

In this section, we’re going to cover how to create the actual application that we will need in order to progress toward getting Instagram to Print set up on your website.

  1. Navigate to https://www.instagram.com/developer and click Login.






  2. Enter your Username.






  3. Enter your Password.






  4. Click Log In.






  5. Click on the button labeled Manage Clients.






  6. Click on Register A New Client.






  7. Under Application Name, enter the name you want to use for this application. We recommend using the name of your Print Studio.
    Please Note: You cannot use the words Instagram, IG, Insta or Gram in the app name. If you attempt to do so the Instagram Developer site will reject your application.







  8. In Description, provide a brief description about what your Print Studio does. You can say something like your business prints fine art.






  9. In Company Name, enter the name of your company.






  10. In Website URL you need to enter your URL. If you have a custom domain you are using with your site, you MUST use the custom domain name. If you do not have a custom domain, you may use your Art Storefronts domain.
    Please Note: When entering any URL, whether it is a custom domain or not, it must always include http:// or this section will not work.







  11. Under Valid Redirect URIs you need to enter your URL and add /auth/Instagram/callback and press Enter on your keyboard. If you have a custom domain you are using with your site, you MUST use the custom domain name. If you do not have a custom domain, you may use your Art Storefronts domain.
    Please Note: When entering any URL, whether it is a custom domain or not, it must always include http:// or this section will not work.







  12. For Privacy Policy URL you can enter the URL for the Privacy Policy of your site. This is not a requirement, but it is a good idea to provide this sort of policy.






  13. Contact E-mail is where you’ll want to enter in the e-mail address you would like to use if Instagram needs to contact you.




  14. Last, click Register. This will prompt you to see that your registration is successful: mceclip0.png
     

Adding The Client ID and Client Secret To Your Art Storefronts Website

Now that we’ve created the application we need to add it to your Art Storefronts website.

 

  1. Click on the button labelled Manage.



  2. Copy the Client ID and save it for later.






  3. Copy the Client Secret and save it for later.




  4. Navigate to your Art Storefronts Control Panel and click on your Upload Store.
    image_url.png
  5. Click on the tab labelled API Accounts.

    image_url__1_.png
  6. Set the Available slider to On.
    mceclip1.png
  7. Under Client ID, paste the Client ID that was copied earlier. Under Client Secret, paste the Client Secret that was copied earlier.
    mceclip2.png
  8. Click Save.

    mceclip3.png 

Exiting Sandbox Mode

Now that we’ve created our application via the Instagram Developer website, you may notice that it says Sandbox mode on it. For Instagram to Print to work. You must submit your application for review with Instagram.

 

  1. Return to http://instagram.com/developer and click on Manage Clients.



  2. Click on Manage.






  3. Click on the tab labelled Permissions.






  4. Scroll down and click on the button labelled Start Submission.
    mceclip4.png
  5. On the next page, select the option labelled My app allows people to login with Instagram and share their own content.

  6. Under Are your app details correct, review the details and make sure there are no errors.
  7. Under API Use Case enter the following: “The app allows customers to upload their images from Instagram and print them so digital photos are now physical prints.”


  8. Under Video Screencast URL you’ll need to provide Instagram with a video showing how Instagram will be used with your ASF You’ll need to navigate to your website and go to the Upload Store. Then you’ll have to Import from Instagram, log in and show the upload process.
    Please Note: When you attempt to log in to your Instagram account you may be prompted to authorize the app that you created to use your account on this website. You will always want to click Authorize here.

    You can use a program like Screencast-O-Matic to record your video.

    If you need an example of what the video you submit should consist of, please see our example video.


  9. Under Do you need additional permissions, skip it as you will not.



  10. Under Submit for Review, click the button labelled Submit.


Please Note: After you’ve clicked Submit your application will go into review. You will need to check Instagram periodically to see the status of your application.

If it says Sandbox Mode, that means that the request was denied and within the client, you can review why it was denied. If it says Live it means the application was accepted and Instagram to Print will be live and available on your site.


 

Common Issues You May Encounter

You may find that you are seeing {"code”: 400, "error type": "OAuthException", "error_message" : "Redirect URI does not match registered redirect URI"} as an error message.

If you look in your address bar, you'll notice that this error message is coming from Instagram's website, and it's telling you that it can't authenticate your website as an authorized Instagram developer application.

This means you are likely testing your website from a different domain name than you have set up for your Instagram Developer account.  The domain you are using or testing on your website must match what you have submitted to Instagram, for Instagram to authenticate you.

The most common mistake made here is when our customers try to test the Instagram feature when previewing their website on the Art Storefronts subdomain, such as "yoursite.artstorefronts.com".  The problem here is that when the request is sent to Instagram, and their application tries to authenticate your website, there is a mismatch because they are expecting your request to come from "www.yoursite.com", or whatever domain name you submitted to them when setting up your Instagram Developer app (as per our instructional video above).

To resolve this, all you need to do is test and/or use the exact same domain name that relates to your Instagram Developer app.  When you do this, you won't see this error message any longer.

Please Note: When a customer is using Instagram to Print they may find that only 33 images appear. this is working as intended and is a limitation of Instagram's API.
Was this article helpful?
0 out of 0 found this helpful

Comments