How to create alt texts for images with artificial intelligence?
A guide to connecting the ImageALT API to your AI Commerce online store for automatic caption generation.
Table of Contents
In this article, you will learn how to connect the ImageALT AI generator to AI Commerce platform to automatically generate alt text for product images and gallery images. This will improve your website's search engine optimization (SEO) and accessibility. You will also learn why some parts of the online store do not allow alt text generation directly through the interface, and how to work with manual content, such as blog articles or images in freely editable WYSIWYG editors.
The service costs approximately USD 229 per 10,000 images. If your store uses DeepL or Google Translate, the generated ALT texts for product images can be automatically translated into other languages. The general interface is customizable, and the default configuration supports ALT texts of 150 characters.
Tip!
If the store uses DeepL or Google Translate , ALT texts generated by artificial intelligence can be automatically translated into other languages.
How does alt text generation work?
Product images and gallery images : ImageALT AI generates alt text for images that are stored in a database with a dedicated alt text field. These include product images and gallery images on AI Commerce platform.
Banner images : For many banner images created with e-commerce tools, there is no need to generate alt text separately, as the alt text can be utilized from the banner's own title information with sufficient relevance. The same logic is often used in other internal tools.
Blog platforms (WordPress, Builderio): In these environments, alt texts are managed directly within the blog platform. Image data is stored in the HTML, so AI Commerce system or the ImageALT AI interface cannot generate them directly. Alt texts are therefore always added or edited using the blog platform's own tools.
Store WYSIWYG editor: The alt texts of images in the store's internal free text fields (WYSIWYG) are stored in HTML format as part of the text. For this reason, the ImageALT AI interface cannot directly separate alt texts or add them automatically. You can edit the alt texts of images in the WYSIWYG editor via the editor. There is a separate help article on the subject.
File Uploader
References to files saved with File Uploader are not stored in the AI Commerce database, but simply the files are sent to an AWS S3 Bucket for distribution. The purpose of File Uploader is therefore to store files; not to manage images.
Introduction
Register for ImageALT AI (API key)
- First, obtain an API key for the ImageALT AI interface by registering on the service's support pages.
- This key is required so that AI Commerce platform can communicate with ImageALT AI and generate alt texts for your images.
Configure your API key on AI Commerce platform
- Go to Control Panel > Configuration > Alt Text AI API .
- Enter the API key you received there.
- Once the key is entered, the platform automatically generates alt texts for product images and gallery images on a scheduled basis.
Enable translation services (for international stores)
- If you need to translate generated alt texts into multiple languages, add the API keys for DeepL or Google Translate services.
- In this case, Finnish alt texts will automatically be translated into your desired languages.
Additional tips
Manual management on blogs : If your online store has a Wordpress or Builderio blog, for example, create alt texts for images in blog posts or pages directly in the settings of that platform.
WYSIWYG editors : When using a free text editor (such as a store's in-store visual editor), remember to add alt texts manually. The editor's embedded HTML does not allow for automated alt text generation, as the image data is not in separate database structures.
Banner alt texts : In banners and other visual elements where the text is defined directly as title data, the alt texts are often generated by the same function as the banner title text. In this case, you do not need a separate front-end solution.
Summary
With the ImageALT AI integration, you can easily manage alt text for product images and gallery images on AI Commerce platform. At the same time, you can improve your search engine visibility and accessibility. Integrating a translation service into the process makes maintaining a multilingual store more efficient. However, alt text must be added manually to images in blog and WYSIWYG editor content.
Use the ImageALT AI interface in your online store where alt text fields are in the database. Always remember to test the final result to ensure that the alt texts work as intended.