Shutterstock

The Shutterstock integration provides access to an enormous library of images. When you identify an image to use, you import it into <bsp-snippet data-snippet-state="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1712240296086,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1712240296086,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"snippet":{"_ref":"0000017b-64ac-d86b-a77f-6dad65240000","_type":"d2a205aa-dd4d-3a6e-acf9-d4f7609d4d35"},"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":null,"_id":"0000018e-a979-d6f3-a3bf-fdff76050000","_type":"968481a3-3236-3bd5-82c4-ba78207b9d17"}"> and then add it to assets such as articles and galleries. <bsp-image data-state="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1712938536724,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1712938536724,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"image":{"image":{"_ref":"0000018e-d317-d0b9-a58e-ff9f51920001","_type":"0000015d-56b9-d2db-a5dd-f6fd6ed00007"},"_id":"0000018e-be1b-da3c-abfe-be1f94160000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ed0000b"},"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":null,"_id":"0000018e-be1b-da3c-abfe-be1f94160001","_type":"0000015d-56b9-d2db-a5dd-f6fd6ed00009"}">Shutterstock image viewed in Brightspot This section describes how to configure the integration in <bsp-snippet data-snippet-state="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1712587962795,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1712587962795,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"snippet":{"_ref":"0000017b-64ac-d86b-a77f-6dad65240000","_type":"d2a205aa-dd4d-3a6e-acf9-d4f7609d4d35"},"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":null,"_id":"0000018e-be32-da3c-abfe-be366d690000","_type":"968481a3-3236-3bd5-82c4-ba78207b9d17"}"> , make the corresponding settings in your Shutterstock console, and how to perform an integrated search. The integration requires a Shutterstock account. See <a href="https://shutterstock.com/" target="_blank" link-data="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1712942345839,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1712942345839,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"link":{"target":"NEW","attributes":[],"url":"https://shutterstock.com/","_id":"0000018e-4164-d9a2-afce-4bf747490000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ed00010"},"linkText":"shutterstock.com","theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs.linkStyle":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs._template":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs._preset":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":null,"_id":"0000018e-4164-d9a2-afce-4bf747490001","_type":"00000162-ab56-d787-af72-fb57299f0000"}">shutterstock.com . <h2 data-state="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1712596512553,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1712596512553,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":null,"_id":"0000018e-beb4-da3c-abfe-beb6eba30000","_type":"45fe84ac-6709-39c0-bdaa-04029f434665"}">Including Shutterstock in a Brightspot build <bsp-snippet data-snippet-state="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1712596584500,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1712596584500,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"snippet":{"_ref":"0000018e-beb5-db43-af8f-beff7fb00001","_type":"d2a205aa-dd4d-3a6e-acf9-d4f7609d4d35"},"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":null,"_id":"0000018e-beb5-db43-af8f-befff8f60000","_type":"968481a3-3236-3bd5-82c4-ba78207b9d17"}"> Artifact Description com.psddev:shutterstock Exposes the external type ShutterstockImage and fields in Edit Site to configure and run integrated search with Shutterstock. <h2 data-state="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1711463727353,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1711463727353,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":null,"_id":"0000018e-7b2f-d731-a3bf-ff6ffd1f0000","_type":"45fe84ac-6709-39c0-bdaa-04029f434665"}">Runtime prerequisites Developer configuration —Extend ExternalItemConverter to import the ShutterstockImage as a <bsp-snippet data-snippet-state="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1712671398051,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1712671398051,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"snippet":{"_ref":"0000017b-64ac-d86b-a77f-6dad65240000","_type":"d2a205aa-dd4d-3a6e-acf9-d4f7609d4d35"},"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":null,"_id":"0000018e-c32b-db43-af8f-f3eb8bd10000","_type":"968481a3-3236-3bd5-82c4-ba78207b9d17"}"> Image . Ops configuration —Configure a callback URL and referrer in Shutterstock. For details, see <a href="https://www.brightspot.com/documentation/creating-api-credentials-in-shutterstock" data-cms-id="0000018e-d2ca-d0b9-a58e-ffcfc1ee0000" data-cms-href="https://www.brightspot.com/documentation/creating-api-credentials-in-shutterstock" link-data="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1712941799660,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1712941799660,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"link":{"attributes":[],"item":{"_ref":"0000018e-d2ca-d0b9-a58e-ffcfc1ee0000","_type":"75918a10-b479-3fb1-bb84-6a57df4b0241"},"_id":"0000018e-bec8-da3c-abfe-beded1000000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ed10000"},"linkText":"Creating API credentials in Shutterstock","theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs.linkStyle":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs._template":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs._preset":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":null,"_id":"0000018e-bec8-da3c-abfe-beded1000001","_type":"00000162-ab56-d787-af72-fb57299f0000"}">Creating API credentials in Shutterstock . CMS configuration —Configure the site interfacing with Shutterstock. For details, see <a href="https://www.brightspot.com/documentation/configuring-the-shutterstock-integration" data-cms-id="0000018e-d2eb-d0b9-a58e-ffeff92a0000" data-cms-href="https://www.brightspot.com/documentation/configuring-the-shutterstock-integration" link-data="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1712941823991,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1712941823991,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"link":{"attributes":[],"item":{"_ref":"0000018e-d2eb-d0b9-a58e-ffeff92a0000","_type":"75918a10-b479-3fb1-bb84-6a57df4b0241"},"_id":"0000018e-bec9-db43-af8f-becb357c0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ed10000"},"linkText":"Configuring the Shutterstock integration","theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs.linkStyle":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs._template":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs._preset":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":null,"_id":"0000018e-bec9-db43-af8f-becb357c0001","_type":"00000162-ab56-d787-af72-fb57299f0000"}">Configuring the Shutterstock integration .

Artifact	Description
`com.psddev:shutterstock`	Exposes the external type `ShutterstockImage` and fields in Edit Site to configure and run integrated search with Shutterstock.