LogoLogo
Try it outResourcesAPIsAddOnsBook a demo
  • Getting Started
    • Introduction to Beefree SDK
      • Create an Application
      • Installation and Fundamentals
        • Configuration parameters
          • Configuration Reload
          • Workspaces
          • Debugging the Beefree SDK Editor
        • Methods and Events
        • Authorization Process
        • How the UID parameter works
        • Set up two-factor authentication
        • Naming conventions
      • Development Applications
      • Manage Users
      • Manage Subscriptions
      • Installation and Fundamentals
    • Tracking Message Changes
    • Sample Code
    • Release Candidate Environment
  • Visual Builders
    • Email Builder
    • Page Builder
      • Integrating Page Builder
      • Embedding videos in a page
    • Popup Builder
      • Popup Builder - Getting Started
      • Testing and Integrating
      • Setting layout and size
        • Advanced settings
    • AI-Driven Design Creation
  • APIs
    • Content Services API
      • Authentication
      • Export
      • Convert
      • Row Processing
      • AI Collection
      • Brand Style
    • Template Catalog API
      • Authentication
      • Templates
      • Categories
      • Collections
      • Designers
      • Tags
    • HTML Importer API
      • Authentication
      • Import HTML
  • Forms
    • Form Block
    • Integrating and using the Form block
      • Passing forms to the builder
      • Form structure and parameters
      • Form layout customization
      • Allowed form fields
      • Edit form field modal
  • Rows
    • Reusable Content
      • Create Reusable Content
        • Pre-build Reusable Content
          • Implement Custom Rows
        • Save Reusable Content
          • Implement Hosted Saved Rows
          • Implement Self-hosted Saved Rows
            • Self-hosted Saved Rows Concepts and Tutorial
      • Sync Reusable Content
        • Implement Synced Rows
        • Initialize Edit Single Row Mode
      • Manage Reusable Content
    • Storage for Reusable Content
      • Hosted Saved Rows
      • Self-Hosted Saved Rows
  • File manager
    • File manager application overview
      • Mime Types and Groups
  • Server-side configurations
    • Server-side options
      • Toolbar options
      • Storage options
        • Configure your AWS S3 bucket
        • Connect your file storage system
      • Content options
      • Services options
      • Undo & Changes history
      • Custom JavaScript Libraries Injection
  • Other Customizations
    • Advanced options
      • Special Links and Merge Tags
      • Content Dialog
      • Custom Color Palette
      • Font management
      • Roles and Permissions
      • Smart Merge Tags
      • Commenting
      • Custom Attributes
      • Meta Tags
      • Custom Languages
      • Display Conditions
      • Advanced Permissions
      • Custom File Picker
      • Custom Headers
    • Appearance
      • Content Defaults
      • Custom Sidebar Position
      • Content Tile Sorting
      • Content Tile Grouping
      • Loading Spinner Theme
      • Custom Tab Layout
      • Themes
      • Custom CSS
        • Change Log
    • AMP for Email
    • Collaborative Editing
      • Co-editing Integration Guide
    • Mobile Design Mode
    • Multi-language Templates
    • Cards Style and Image Round Corners
    • Hover Effect for Buttons
    • Content Area Padding
    • Line Height
  • Data Structures
    • Getting Started
    • Schema Catalog
    • Simple Schema
      • Template Schema
      • Definitions Schema
      • Row Schema
      • Column Schema
      • Title Schema
      • Image Schema
      • Button Schema
      • Paragraph Schema
      • HTML Schema
      • Menu Schema
      • List Schema
      • Icon Schema
      • Divider Schema
    • Row Metadata
    • Form Validation Schema
    • Comments Schema
      • Change Schema for Comments
  • Builder AddOns
    • AddOns
      • AddOns Overview
      • Partner AddOns
        • Partner AddOns directory
        • Installing Partner AddOns
        • DeepL
        • Stability AI
        • Azure AI Vision - Image Analysis
          • Alternate Text Generation with AI
          • AI Alt Text Bulk Generation
        • AI Writing Assistant
          • Available Providers
            • OpenAI
            • Azure OpenAI
            • Anthropic
          • AI Providers and Data Security
          • AI-Generated Meta Tag Fields
          • Token Upselling
          • Apply a Brand Tone
        • Custom AI Writing Assistant
      • Custom AddOns
        • AddOn Development
        • Contribute to the Partner AddOn Marketplace
      • AddOns Configuration
      • AddOn FAQs
  • Resources
    • Error Management
      • onWarning
      • Beefree SDK Editor Errors
      • File System Provider errors
      • JSON Parser errors
      • Template Validation and Update
      • Template validation and update errors
    • Scheduled maintenances
Powered by GitBook
LogoLogo

Policies

  • Privacy & Cookies
  • Terms of Services
  • GDPR Compliance
  • Trust Center

Contact Us

  • Submit a request
  • Book a demo
  • Report a security issue

Resources

  • Developer website
  • Create a Developer Account

© Bee Content Design, Inc. San Francisco, CA | Part of Growens

On this page
  • Overview
  • Prerequisites
  • Default Contents
  • Configuration Steps
  • Token Upselling Compatibility
  • Multi-Language Templates Compatibility
  • Troubleshooting
  • Additional Considerations

Was this helpful?

Export as PDF
  1. Builder AddOns
  2. AddOns
  3. Partner AddOns
  4. Azure AI Vision - Image Analysis

AI Alt Text Bulk Generation

Read this technical documentation to learn more about how to configure bulk Alt text generation with AI.

PreviousAlternate Text Generation with AINextAI Writing Assistant

Last updated 12 months ago

Was this helpful?

Overview

Bulk Alt text Generation with AI is a feature that works as an extension to our existing . The new functionality enables you to provide your end users with an easy method to create alt text captions across multiple image module types simultaneously using artificial intelligence. Through this feature, your application end users will be able to boost the accessibility of their content while also saving a significant amount of time.

While this feature works for multiple image modules, it does not work for dynamic images.

Prerequisites

Prior to configuring this feature, ensure that you have the following:

  • Superpowers or Enterprise account

  • Enabled Azure Vision AddOn in your Developer Console

Default Contents

If you have a default alt text set, the image won't be included among the ones that need an AI-generated alt text. If you have a default value set in your defaultContents, this will require the end user to delete the default text before being able to generate the new alt text with AI. To avoid this behavior, and for this feature to work best, we recommend you do not set a default value for alt text in your beeConfig.

If you do have a default value set, you can delete it one of the following ways:

  • Set the alt property as an empty string

  • Delete the line of code from your defaultContents

The following code shows an example of the alt property within the defaultContents. In the scenario presented in the following code, we recommend deleting the Default alt value set within the alt property.

var beeConfig = {
  ...,
  defaultContents: {
    ...,
    image: {
      alt: "Default alt value",
      // Add any other default properties as needed
    },
    // Add other default content settings if necessary
  },
  ...,
};

The following code shows an example of the alt property set as an empty string. This is how we recommend you set your code for this feature to work best.

var beeConfig = {
  ...,
  defaultContents: {
    ...,
    image: {
      alt: "",
      // Add any other default properties as needed
    },
    // Add other default content settings if necessary
  },
  ...,
};

Note: You can still use the defaultContents alt value and the AI-generated Alt text in Bulk at the same time. However, it will require the end user to delete the default alt text prior to using the AI-generation tool for that particular image module.

Configuration Steps

Token Upselling Compatibility

The type of images they can create alt-text for are the following:

  • Images

  • Stickers

  • Icons

  • GIFs

  • Custom AddOn Images

Multi-Language Templates Compatibility

This feature is not compatible with Multi-language Templates, and is currently only available in English.

Troubleshooting

If you experience any issues with setting up this AddOn, take the following measures to troubleshoot your configuration:

  • Ensure your Azure API key is connected correctly within your Beefree SDK Developer Console.

  • Ensure your custom endpoint is set up correctly in the SDK console.

Additional Considerations

As you configure this feature, ensure you consider the following:

To configure Bulk Alt Text Generation with AI for your application, take the Configuration Steps outlined in our .

AI Alt Text Generation in Bulk is compatible with . Through Token Upselling, you can configure your application to verify that end users have enough tokens to generate alt-text for multiple images at once.

If they do not have sufficient image tokens in their account, you can redirect them to prior to performing the bulk generation.

Repeat the configuration steps outlined in .

You will be billed through your Microsoft Azure account for AI generation-related features. Ensure you for details on pricing.

Alt-text generation with AI feature
Alternate Text Generation with AI documentation
Token Upselling
purchase additional image tokens
this document
consult their billing page