Speed up Your Integration with Shutterstock UI


Construct a customizable search interface and go dwell along with your Shutterstock integration in days, not months, with our new developer software.

Pace and ease are essential elements for product integrations since engineering assets are finite and roadmaps are full.

To shave off time to your Shutterstock API integration, we created a brand new developer software referred to as Shutterstock UI. It delivers ready-to-use code snippets which might be designed to cowl the vast majority of person workflow eventualities for asset search whereas offering customization choices that can assist you tailor your Shutterstock integration to your person’s wants.

The truth is, we’ve already put Shutterstock UI to the take a look at. Our builders wanted to construct a person workflow for a Shutterstock API integration that helps picture search, shopping, and enhancing. The preliminary completion time was primarily based on time spent on comparable builds prior to now. However with Shutterstock UI, we had been in a position to full growth work 80% quicker.

Shutterstock UI Options

At the moment, Shutterstock UI provides the next options to speed up the event course of for integrating asset search.

Search and content material show capabilities

One of many first interplay customers could have with a Shutterstock integration is the asset search course of. Shutterstock UI helps you construct a search interface shortly with the next capabilities:

  • Outline the kind of asset to be displayed (photographs or movies).
  • Set the variety of property returned within the search outcomes.
  • Show or disguise the search field. You may as well set a default key phrase for the search field.
  • Show a “Present Extra” button to retrieve extra search outcomes.
  • Customise the peak and width of the interface. Shutterstock UI offers a responsive interface by default.

Branding choices

Shutterstock UI means that you can set the title and subtitle in your search interface. By default, the title and subtitle are dynamic parts that show the person’s search question and variety of property returned respectively. However you should use the textual content space for branding functions or to supply person directions.

Moreover, the search field and button colours will be personalized to suit your branding wants. 

Customise the subsequent steps within the person workflow after the search course of

As soon as a person has chosen a picture or video they’d like to make use of, you’ll be able to outline the logical subsequent step of their workflow. This step can differ relying on every platform’s use case. For instance, an e mail advertising platform may need to generate a preview of the picture for an e mail header, whereas an advert creation platform may need to give customers the choice so as to add textual content, filters, or crop the picture. 

To accommodate completely different workflow variations, Shutterstock UI means that you can set click on occasions to set off customized workflows. It provides three decisions:

  • Editor: opens the picture in Shutterstock Editor the place customers can shortly crop photographs, select from designer-made textual content templates, add their brand, and extra. 
  • Customized: you’ll be able to enter customized code to design a workflow that is smart to your customers. For example, you’ll be able to set off a customized animation, preview, or a licensing occasion. 
  • Default: opens the chosen picture on shutterstock.com. 

The way to entry Shutterstock UI

Accelerate Your Integration with Shutterstock UI — Screenshot of Shutterstock UI Wizard

Shutterstock’s UI is free. You possibly can take a look at it with this configuration wizard. For added documentation, please seek advice from this page in our developer docs.

Please be aware that it’s good to create a Shutterstock account and an utility to be able to get your API key, which is required to provoke Shutterstock UI. Making a Shutterstock account and utility are each free.

If you happen to don’t have a Shutterstock account or utility, you’ll be able to click here to create both

You probably have a Shutterstock account however haven’t created an utility, you’ll be able to click here to create your application. Alternatively, you’ll be able to create new purposes by logging into your Shutterstock account, clicking on the profile icon on the higher proper nook, then clicking on the account particulars tab. On the left column in your account particulars web page, you’ll discover a tab referred to as Builders which could have a Create New App button.

What’s subsequent

Accelerate Your Integration with Shutterstock UI — Illustration of development components floating next to a desktop displaying two images on its screen
Picture by Inkong Boutchalern.

We goal to maintain the Shutterstock platform open for builders and companies to innovate with our content material and expertise. To that finish, offering complete developer tooling that simplifies the combination course of is a vital a part of our roadmap.

At the moment, the Developer Platform staff is working with builders to outline and prioritize upcoming options for Shutterstock UI. You probably have questions or options, please let us know on our feedback forum.

Featured picture by Softulka.


Please enter your comment!
Please enter your name here