Manage files

Managing your project’s files doesn’t have to be a complicated chore. In Xperience by Kentico, you can keep all your important assets in one place, making it easier to find and update them. They can also be reused whenever you need. In Xperience, you can store various file types, including images, videos, PDFs, presentations, documents, and more. All assets are stored within the Content hub, your central repository for reusable marketing content.

The assets in the Content hub are based on a custom content type. Depending on your project implementation, you’ll be working with Images, Media, or Assets. For example, in the Kbank demo site, you’ll work with the Asset content type.

We’ll show you the basics so you can easily store and manage your assets, and make your everyday marketing tasks a lot easier.

Work with assets in Content hub

Storing files in Content hub means you can reuse them in different digital marketing activities across your marketing channels. Assets in the Content hub provide you with helpful features that make managing large projects a breeze.

You can preview all content items with images (in Kbank based on the Asset content type) and switch between view modes to suit your current workflow.

If you need to add multiple files to the Content hub at once, use the Upload files button.

You can also upload an image directly from a widget while editing a page.

When you upload an image (whether through the Content hub or a widget), Xperience can automatically create image variants for different devices and applies taxonomy tags to help categorize the images.

The automatic taxonomy tags are generated using Azure AI services, which means results can vary. The same image may receive slightly different tags at different times, as the process is not standardized. You can, however, review and edit these tags as needed.

To ensure no unapproved data is published live, you can apply different content management workflows. You can also fully control who on your team uses the assets and how they use them through workspaces.

You can also create asset variants for different languages to ensure that your visitors receive properly localized content, and use taxonomies to categorize your images accordingly.

Xperience also provides an out-of-the-box method to restrict access to a file, meaning only logged-in visitors can view or access it.

Exercise: Add an image to the Premier credit card image widget

Now that you know the basics of working with assets in Xperience, let’s add the image that only your editor team will be able to manage. Follow these steps to add an image to the empty image widget on the website channel’s Premier credit card page.

1. Open the page for editing

   • In the Personal Banking channel, navigate to the Cards section.
   • Open the Premier credit card page and Edit page.

2. Select the empty Image widget

   • The empty image widget needs setup.
   • Open the widget properties to insert the sample image you downloaded.

3. Create a new image

   • In the image properties dialogue, choose Content hub asset.
   • To add a new picture, select Create new, and choose the following in the Create new item dialogue:
     1. Content item name – Enter a clear, descriptive name, like Premier credit card holder.
     2. Workspace – Select the Personal Banking workspace.
     3. Location – Leave the default Uncategorized (no folder).
     4. Content type – Select Asset and Continue.
     5. Description – Add a meaningful description to help your team understand where and how to use the picture. Like: Image of a young man holding a credit card, to be used as a Premier credit card product image.
     6. Alt text – description of image content to enhance usability. In this case: Smiling man holding a credit card.
     7. File – Upload the exercise-sample-manage-files-man-holding-credit-card.png file.
     8. Tags – Select one or more tags that best describes what’s in the image, like Young people. Consistent tagging helps with search and asset reuse later.
   • Save and Close your newly created content item. This step will return you to the Image properties dialogue, where you can finish setting up your image widget.

   

4. Adjust widget display settings

• After inserting the image, you can adjust how it appears on the page before you save the image properties.

• You can, for example, display the image as Large to make it less limited in height.

  The available options depend on your project’s configuration, so the options in your project may differ from our example.

5. Save your changes

• Apply the changes you just made, and Save the page to Preview your updates.
• If you’re happy with the newly created image, return to the Page Builder view and Publish the new version of the Premier credit card page.

The page should look something like the following image:

Image AI features

Xperience AIRA provides additional features when it comes to images stored in the Content hub. It can automatically adjust images when you upload them by, for example, automatically selecting the image focal point and creating different image variants for desktops and mobile devices. This ensures your audience sees the best version of your image, no matter their device.

If you want more control over how the final image looks, you can manually adjust the focal point to crop the image appropriately before saving the new content item.

You can test this for yourself and instantly see how changing the focal point also adjusts the cropped variants of the image to be in line with the newly selected focal point.

Learn more about how AIRA processes and adjusts your images to improve performance and visual quality.

Media libraries sunset

In previous versions of Kentico, media libraries stored file types such as images, videos, and audio files for use on websites. While they worked similarly to assets in the Content hub, they offered fewer customization options, only had a predefined set of fields, and could not be secured (meaning that anyone with the direct file URL could access them).

For all of the above reasons, the clear way forward is to organize, optimize, and safeguard your assets in the Content hub.

Wrap up

By now, you’ve seen how Xperience helps you keep files organized and easy to reuse. You also practiced uploading and working with image assets directly from a widget. These skills make it easier to handle your daily tasks with less manual effort and much faster than before.

Use Content hub to:

• Store and reuse assets across different channels.
  
• Upload files directly in the Content hub or from within an image widget.
  
• Benefit from automatic image variants and taxonomy tags.
  
• Use AIRA to process and optimize images for better performance automatically.
  
• Add and configure images in widgets to control how they display on your site and on different devices.
  
• Improve working with assets when compared to Media libraries.