Skip to content

Latest commit

 

History

History
204 lines (122 loc) · 9.36 KB

adobe-stock-manage.md

File metadata and controls

204 lines (122 loc) · 9.36 KB
title redirect_to
Using Adobe Stock Images

Adobe Stock images can be used in place of uploading your own image content. One common use case is, when creating a new page, it is desirable to upload and place image content.

The new [Media Gallery]({% link cms/media-gallery.md %}) provides a direct integration with Adobe Stock, making it easy to license your images directly from the gallery page.

Access the Adobe Stock search grid

The Adobe Stock search panel is accessible when you [add or edit a page]({% link cms/page-add.md %}), when you [create or edit a category]({% link catalog/category-create.md %}), or when you [insert images via the Content Editor]({% link cms/editor-insert-image.md %}).

{:.procedure} To search Adobe Stock assets and add a stock image to a page:

  1. On the Admin sidebar, go to Content > Elements > Pages.

  2. Click Add a New Page.

    If you want to edit an existing page, you can use the Action column to click Select and choose Edit.

  3. Expand ![Expansion selector]({% link assets/icon-display-expand.png %}) the Content section and do the following:

    • If you have the [WYSIWYG editor enabled]({% link cms/editor-configure.md %}), click Show/Hide Editor and then click Insert Image.

    • If you have [Page Builder enabled]({% link cms/page-builder-setup.md %}), expand the Media panel and drag an Image placeholder to the target container. Then click Select from Gallery.

      ![]({% link cms/assets/pb-media-image-drag.png %}){: .zoom} Dragging an image to the Page Builder stage

  4. Click Search Adobe Stock.

{:.procedure} To search Adobe Stock assets and add a stock image to a category:

  1. On the Admin sidebar, go to Catalog > Categories.

  2. Click Add Root Category or Add Subcategory.

    If you want to add the image to an existing category, click the category name in the list on the left.

  3. Expand the Content section, and under Category Image click Select from Gallery.

  4. Click Search Adobe Stock.

{:.procedure} To search Adobe Stock assets and add a stock image from the WYSIWYG Editor:

  1. Click Show/Hide Editor.

  2. Click Insert Image.

  3. Click Search Adobe Stock.

    ![Adobe Stock search results]({% link cms/assets/adobe-stock-search-grid.png %}){: .zoom} Adobe Stock search results

Filter and search for Adobe Stock assets

The [Adobe Stock Search Grid][access-search] provides querying and filtering functionality to help you find the perfect image for your Commerce stores.

By default, the search results shown are from an Adobe Stock curated gallery of a few hundred results. As soon as you apply your own keyword search, you will be searching the millions of assets available via Adobe Stock.

Search for Adobe Stock assets by keywords

  1. [Access the Adobe Stock Search grid][access-search].

  2. Enter your keyword search into the Search by keyword input field in the top-left and click the magnifying glass or press Enter.

    ![Adobe Stock Search Results for the "mango" keyword]({% link cms/assets/adobe-stock-search-keyword.png %}){: .zoom} Adobe Stock search results - "mango" keyword

Filter Adobe Stock assets

  1. [Run a keyword search for Adobe Stock assets][search-by-keywords].

  2. Click Filters.

    There are several filters available to refine your search results:

    Filter Description
    Subcategory Filter for images that are Photos or Illustrations
    Orientation Filter for images by size, shape, and aspect
    Color Use a color palette to filter for images by color
    Price Filter for images based on their cost
    Safe search Enable or disable Safe search
    Isolated Assets Show only Isolated Assets, which have subjects appear alone on a solid background

    ![Adobe Stock search filters]({% link cms/assets/adobe-stock-filters.png %}){: .zoom} Adobe Stock search filters

  3. Click Apply Filters.

    The search result grid is updated with your refined search.

View image details

Each image has details available for viewing. Additional image-specific actions, such as [saving image previews][save-preview] or [saving (and optionally licensing) images][save-licensed], are available via this detailed view.

  1. [Access the Adobe Stock Search grid][access-search].

  2. Click an image in the search results.

    Further image details are displayed, such as:

    • A larger version of the image
    • Image metadata, such as Dimensions, File type, Category, File, and Keywords
    • Related images, such as images from the same series or model
    • Action buttons, such as [Save Preview][save-preview] and [Save (and optionally license) Image][save-licensed]

    ![Adobe Stock image details]({% link cms/assets/adobe-stock-image-details.png %}){: .zoom} Adobe Stock image details

Log in to your Adobe account

To gain complete access to an image and eliminate the Adobe Stock watermark, you must [sign in with an Adobe account][adobe-signin] and purchase credits to license rights to use an image.

  1. [Access the Adobe Stock Search grid][access-search].

  2. Click Sign In at the top-right.

    A new browser window guides you through the [Adobe sign-in process][adobe-signin].

    After completing the sign-in process, the [licensed state][licensed-state] of images is displayed in search results as an additional label.

    ![Adobe sign in]({% link cms/assets/adobe-stock-account-login.png %}){: .zoom} Adobe account sign in

View the licensed state of search results

[Log in to your Adobe account][log-in-to-adobe-account].

All licensed images associated to your Adobe account will have an additional label displayed on them, making it clear which images you have licensed.

![Adobe Stock search results with licensed images]({% link cms/assets/adobe-stock-licensed-images.png %}){: .zoom} Adobe Stock search results with licensed images

Save images to the Media Storage

Images searched using the Adobe Stock integration can be saved to the Commerce [Media Storage][media-storage] for easy re-use across your Commerce store.

You can save two types of images: an [image preview][save-preview] or a [licensed image][save-licensed].

Save an image preview

An image preview is a watermarked version of an Adobe Stock asset. Image previews are free and are a good way to experiment with different images before you decide to purchase a license for specific images and use them on your production stores.

  1. [Access the Adobe Stock Search grid][access-search].

  2. Click an image in the search grid in order to [view the image details][view-details].

  3. Click Save Preview.

    This displays a prompt for you to specify a file name that is used to save the image to the [Media Storage][media-storage]. A default file name is provided, but you can customize the name to your preferences.

    ![Save Adobe Stock preview image]({% link cms/assets/adobe-stock-save-preview.png %}){: .zoom} Save the preview image

  4. Click Confirm.

    The page redirects to the [Media Storage][media-storage] and your saved preview is displayed.

Save a licensed image

Adobe Stock assets that you want to use for your production Commerce stores should be licensed to ensure you have legal access to the image as well as to eliminate the Adobe Stock watermark that is present on all [image previews][save-preview]. To license images or to save already-licensed images, you must be logged in to your Adobe account.

  1. [Log in to your Adobe account][log-in-to-adobe-account].

  2. Click an image in the search grid in order to [view the image details][view-details].

  3. Depending on the current licensing status of the image, do one of the following:

    • If the image is already licensed, click Save.

    • If the image is not licensed, click License and Save.

      {:.bs-callout-info} You must have available [Adobe Stock credits][stock-credits] in your account to license the image.

    This displays a prompt for you to specify a file name that is used to save the image to the [Media Storage][media-storage]. A default file name is provided, but you can customize the name to your preferences.

    ![Save Adobe Stock licensed image]({% link cms/assets/adobe-stock-save-licensed.png %}){: .zoom} Save the licensed image

  4. Click Confirm.

    The page redirects to the [Media Storage][media-storage] and your saved preview is displayed.

[media-storage]: {% link cms/media-storage.md %} [access-search]: #access-the-adobe-stock-search-grid [search-by-keywords]: #search-for-adobe-stock-assets-by-keywords [view-details]: #view-image-details [log-in-to-adobe-account]: #log-in-to-your-adobe-account [adobe-signin]: https://helpx.adobe.com/manage-account/using/access-adobe-id-account.html [licensed-state]: #view-the-licensed-state-of-search-results [save-to-media-storage]: #save-images-to-the-media-storage [save-preview]: {% link cms/adobe-stock-save-preview.md %} [save-licensed]: {% link cms/adobe-stock-license-image.md %} [stock-credits]: https://helpx.adobe.com/stock/help/credit-packs.html