The Text to Speech extension for Magento 2 allows webpage content to be converted into audio on the storefront. It is mainly designed for frontend usage and provides controls that let users listen to selected text instead of reading it.

On the frontend, users can control how the audio is played. Volume, pitch, and speech speed can be adjusted based on personal preference. These settings are available directly to the user and apply while browsing the store. This makes it easier to listen to product information or CMS content without interacting with additional tools.

The extension allows administrators to define which parts of a page should be converted to speech. This is done using element identifiers. Based on configuration, text from CMS pages or product detail pages can be selected for audio output. This approach works with different page structures and does not require changes to the content itself. The same setup can be reused across multiple pages.

Hyvä theme support is included, so the extension works with fast and responsive storefronts built on Hyvä. Audio playback does not interfere with the page layout or loading behavior.
In the admin panel, text-to-speech functionality is limited to product description and short description fields. Audio customization options are not available in the backend. The focus there is on generating audio that matches the stored content.

The Best Text to Speech Extension for Magento 2 is intended for stores that want to add audio support without changing existing workflows. It provides a simple way to make content accessible and usable through voice. Audio content can also support SEO efforts, as voice-based content is indexed and used by search engines.

Stores -> Configuration -> Pits Extensions -> Text to Speech

Figure 1.a displays the admin configurations of the extension, which specifies location or placement of the Text to Speech (TTS) feature. The fields are: 

Module Enable – Enable / Disable module.

Element Identifiers – Specify the CSS selectors that indicate which elements on the frontend should trigger the Text to Speech (TTS) functionality (Figure 1.b). This setting offers flexible frontend integration, allowing seamless adaptation to your website’s layout and structure. 

When customers navigate to a product page, they can click a speaker icon to access an TTS feature, enabling them to listen to the product's content. This provides an alternative way to engage with the information, enhancing the user experience. It caters to different preferences and accessibility needs, making the product details more accessible.

In Figure 4, There is a symbol representing "Pause audio" which, when clicked, changes to "Resume audio" allowing users to switch between pausing and resuming audio playback seamlessly.

Furthermore, when user click the settings, users have the option to fine-tune their audio experience with customizable settings. They can adjust parameters such as playback rate, pitch, and volume to suit their personal preferences and requirements, giving them control over how the audio is heard (Figure 5). There is a "cancel audio" function indicated by an 'X' sign. This function likely allows users to terminate audio playback completely.

In addition, the Text-to-Speech (TTS) feature can be seamlessly integrated into CMS pages (Figure 6) by including the unique element identifier in the admin configurations. This customization allows for the dynamic conversion of text content on these pages into spoken words, enhancing accessibility and user experience. By specifying the element identifier in the admin settings, administrators can easily enable TTS for specific content areas, making their Magento 2 website more inclusive and user-friendly. This feature greatly benefits users those who prefer auditory interactions with the site.

When administrators navigate to a product edit page and click on the content tab, this action triggers the addition of a preview button next to the save button. Within the preview button, options for reading description and short description are available. In addition, it has controls for pausing, resuming, and cancelling audio playback. The audio playback controls become active only when the reading description or short description options are clicked, providing administrators with on-demand control over the audio preview. It's important to note that there are no additional customization controls for audio in the Admin Panel beyond the features mentioned above.

In Figure 10, the Pause audio toggles to resume when audio is paused and vice versa. Here are the options available in admin preview.

Resume after Pause is not supported in Android devices.

Magento Open Source (CE) 2.3.x, 2.4.x

Adobe Commerce (EE & Cloud) 2.4.x 

English, German, Italian, French and easily customizable for other Magento supported language pack. 

If you have questions, use our contact form in webshopextension.com.