Elementor Integration

Render WPVoicer audio in Elementor templates.

Use generated post audio inside Elementor layouts with clean dynamic output, so editorial teams can publish article audio in the same visual workflow used for the rest of the page.

How the Elementor integration works

WPVoicer attaches the generated MP3 to the current WordPress post. If intro/outro text is enabled in the plugin, it is included in that final MP3. In Elementor Pro you place the audio where it belongs in the Single Post template and bind the URL dynamically, instead of copying files or managing API calls.

Generate audio for the post

Create the audio from the WPVoicer plugin. The plugin stores the Media Library attachment on the post, so the template can read it later.

Edit the Elementor Single Post template

Open the template that renders your articles and add the widget or field that should receive the MP3 URL.

Select the dynamic tag

For URL-capable fields, choose WPVoicer Audio URL. If a widget expects an attachment identifier instead, use WPVoicer Audio ID.

Style the player in Elementor

Keep the player, link or audio block consistent with the rest of your template. WPVoicer only supplies the post-specific audio value.

Primary fieldWPVoicer Audio URL for the generated MP3 URL.
Optional fieldWPVoicer Audio ID when the element requires a WordPress attachment ID.
FallbackUse [wpvoicer_audio] inside an Elementor Shortcode widget when you want the plugin-rendered player.
Technical note: the plugin registers these fields through Elementor dynamic tags, so the value follows the current post context in archive or single-post templates.

Dynamic post context

Attach generated audio to post-level templates to keep content and audio aligned.

White-label output

Keep player behavior and design consistent with your WordPress front-end experience.

FAQ

Elementor implementation questions.

Practical details for placing WPVoicer audio inside Elementor templates.

Does this require Elementor Pro?

The documented dynamic tag workflow uses Elementor Pro dynamic fields. If that is not available, use the shortcode fallback.

Which field should be used first?

Use WPVoicer Audio URL for URL-capable fields. Use the audio ID only when the widget expects a WordPress attachment ID.

Can the player design stay in Elementor?

Yes. Elementor controls the visual layer; WPVoicer supplies the generated audio value for the current post.

What is the fallback option?

Place [wpvoicer_audio] inside an Elementor Shortcode widget to render the plugin player.