Complementor/Product image alternative text
Commerce / widget · Elementor module

Product Image Alternative Text Widget Plugin for Elementor

Show the alternative text of a WooCommerce product's main image as visible text, and flag images without one in the editor.

Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product image alternative textProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration

Real alternative text

These are the actual published outputs of the widget for real WooCommerce products.

02 / Inside WordPress

Product image alternative text controls in Elementor

Content sets the product (the current one or a selected product), a text before, whether to hide the visible copy from screen readers, and an optional icon. The Style tab covers typography, colour, alignment, background, border, radius and padding, and the icon.

03 / Website use cases

Where to use product image alternative text

Good alternative text describes a product photo in words, but only screen reader users and search engines see it, and shop owners rarely notice when it is missing. Product image alternative text shows it as visible text, for example as a photo note, and in the editor tells you when the main product image has none.

01

Photo notes

Describe the photo under it for everyone.

02

Accessibility checks

Spot product images without alternative text in the editor.

03

Low-bandwidth pages

Describe a product without loading its photo.

04 / Installation and setup

How to show image alternative text in Elementor

Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.

  1. Install Complementor, connect your license and enable Product image alternative text in the Complementor library.

  2. Add alternative text to the product image in the Media Library.

  3. Add the widget under the photo, or choose a product.

  4. Add a text before, if you like.

  5. Style it and check a product.

05 / Content and style controls

Customize product image alternative text in Elementor

Configure the settings available for this module to suit the page you are building.

  • Visible alternative text.

  • Editor note when it is missing.

  • Optional text before.

  • Optional hiding from screen readers.

  • Hidden without an image.

  • Style: typography, colour, surface, icon.

06 / Choose the right approach

Product image alternative text and Elementor alternatives

Compare the existing Elementor workflow with this Complementor module before choosing your setup.

The image's caption

A separate field that is often a credit, not a description.

Typing a description by hand

Drifts from the alternative text over time.

07 / Requirements and compatibility

Product image alternative text compatibility with Elementor

WordPress 6.5+PHP 8.0+Elementor 3.25+
  • Requires Elementor and WooCommerce.
  • Main product image only.
  • Reads alternative text; does not write it.

Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.

08 / Common setup problems

Troubleshoot product image alternative text

Check these settings if the published page behaves differently from the editor.

Why is nothing shown?

The main product image has no alternative text, or there is no image.

Will screen readers read it twice?

Only if the photo is on the same page; turn on Hide from screen readers then.

Where is alternative text set?

On the image in the Media Library, in the Alternative Text field.

Does it use gallery images?

No. It uses the main product image.

09 / Frequently asked questions

Product image alternative text plugin questions

Does it need Elementor Pro?

No. It works with the free version of Elementor and WooCommerce.

Where does it get its information?

From the Alternative Text field of the main product image in the Media Library.

Does it work in a product template?

Yes. Leave Product on Current public product and it follows the product being viewed.

Why does nothing show in some cases?

It stays silent when the information would be missing or untrue. In the editor a short note explains why.

Does it change the alternative text?

No. It only reads it.

10 / Annual All Access subscription

Get product image alternative text with Complementor

This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.

All Access · 1 site

One website

$29USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 1 site ↗

Renews at $29 USD each year.

All Access · 5 sites

A few websites

$49USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 5 sites ↗

Renews at $49 USD each year.

All Access · 25 sites

More websites

$99USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 25 sites ↗

Renews at $99 USD each year.

Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.