Link a Swatch Set to a web page

After you publish a Swatch Set, you can use its URL or embed code in your web site or application. Then you can deploy the URL or embed code as necessary so users can view the Swatch Set on your web site or application.

NOTE

The URL is not active until you publish the asset.

Copy a Swatch Set URL

  1. In the Asset Browse panel, in the Show drop-down list, select Swatch Set.

  2. in the Asset Library panel on the left side, navigate to the asset folder that contains the Swatch Set whose embed code you want to copy.

  3. Above the Asset Browse panel, on the right side of the toolbar, do one of the following:

    • Select Grid View. In the Asset Browse panel, double-click a single asset to open it in Detail View. In the URLs and Embed Code panel on the right, select Copy URL to the right of the viewer you want.

    • Select Grid View. In the Asset Browse panel, select a single asset, and then below the thumbnail image, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Copy URL.

    • Select List View. In the Asset Browse panel, select a single asset, and then to the right of the thumbnail image, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Copy URL.

    • Select Grid View, List View, or Detail View. On the same toolbar, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Copy URL.

Add Swatch Set URLs to your web page

The most common way to deploy Swatch Sets is to place a link (via a navigation icon) on your web page. When clicked, the link launches a dynamic page (ASP or JSP) that displays the Swatch Set in a pop-up zoom window. The zoom link opens a pop-up window that contains the actual zoom feature.

For more details and code samples, see Embedding HTML5 Zoom Viewer in the Adobe Viewers Reference Guide.

Copy the embed code of a Swatch Set viewer

Using the Embed Code feature lets you review the viewer code for the selected Swatch Set. You can also copy the code to the clipboard so you can paste it in your web pages for deployment of the viewer. Editing of the code is not permitted in the Embed Code dialog box.

To copy the embed code of a Swatch Set viewer:

  1. In the Asset Browse panel, in the Show drop-down list, select Swatch Set.

  2. in the Asset Library panel on the left side, navigate to the asset folder that contains the Swatch Set whose embed code you want to copy.

  3. Above the Asset Browse panel, on the right side of the toolbar, do one of the following:

    • Select Grid View. In the Asset Browse panel, double-click a single asset to open it in Detail View. In the URLs and Embed Code panel on the right, select Embed Code to the right of the viewer you want.

    • Select Grid View. In the Asset Browse panel, select a single asset, and then below the thumbnail image, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Embed Code.

    • Select List View. In the Asset Browse panel, select a single asset, and then to the right of the thumbnail image, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Embed Code.

    • Select Grid View, List View, or Detail View. On the same toolbar, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Embed Code.

  4. In the Embed Code dialog box, select Copy to Clipboard.

    Editing the code is not permitted in the Embed Code dialog box.

  5. Select Close.

On this page