How to Embed Audio Files in Gutenberg and Elementor with EmbedPress Plugin

Audio content in a website can greatly enhance the user experience, especially if you wish to embed theconcert,Internet audio subscription serviceor other audio files when. Use the EmbedPress PluginIn this article, you'll learn how to embed audio files into your WordPress website without writing code. In this article, we'll explain how to embed audio files into your WordPress website via the Gutenberg respond in singing Elementor EditorEmbedding audio files into web pages.

EmbeddedPress Plugin Operation

Before you start, make sure you have installed and activated the EmbedPress Plugin. It can be installed from the Plugins page of the WordPress dashboard. Once the plugin is installed, enable it to start using it.

Embedding Audio with the Gutenberg Editor

• Open page or article
  In the WordPress dashboard, go to theGutenbergEditor, select the page or article you want to edit.

• Add EmbedPress block
  Click on the location on the page where you want the audio to be embedded and click on the plus sign(+) icon, search and select "EmbedPress"Block, click Add.

• Paste the URL of the audio file
  Visit the website of the audio source you wish to embed, copy the URL of the audio file. and return to theGutenberg Editor, paste that URL in the field of the EmbedPress block and click "embedding"Button.

• Adjustment of settings
  In the right panel, you can adjust the width, height, and other settings of the embedded audio to ensure that the audio player is consistent with the page design.

• Save and Publish
  When the configuration is complete, click "save (a file etc) (computing)" button to see how the audio file is embedded. Visitors will be able to play the audio file directly on the web page.

Embedding Audio with the Media Library

Audio can also be embedded using audio files from the WordPress media library:

• Access to the media library
  In the WordPress dashboard, click "media, esp. news media" and select the audio file you want to embed.

• Copy file URL
  In the Media Library, copy the URL of the audio file.

• Paste the URL and embed
  Return to the Gutenberg editor, paste the copied URL into the field of the EmbedPress block and click "embedding" button, the audio file will be embedded automatically.

• Enable custom player
  For more customization options, you can enable "Customize Player" to adjust the player color, enable fast rewind, fast forward, etc., as well as enable content protection and social sharing options.

• Save and Publish
  After adjusting all the settings, click the Save button to view the embedding effect.

Embedding Audio Files in Elementor

Elementor is a popular WordPress page builder, using which you can also embed audio files easily:

• Open page or article
  In the Elementor editor, open the page or article where you wish to embed the audio.

• Drag the EmbedPress widget
  In the left widget panel, search for "EmbedPress" and drag it to the location where you want to embed the audio.

• Paste the URL of the audio file
  Visit the website where the audio file is located and copy the URL. return to the Elementor editor and paste the URL into the field of the EmbedPress widget.

• Adjusting styles and settings
  In Elementor's Styles tab, you can adjust the audio player's style settings such as height, width, margins and padding. More customization options can also be configured in the Advanced tab.

• Publish and view results
  After finishing all the settings, click the "Publish" button to see the embedding effect.

Advanced features: additional control of audio sources

The EmbedPress plugin also supports providing additional control over specific audio sources. If the audio source is SoundCloudThe SoundCloud source can be selected and additional control options such as autoplay, sharing and commenting features can be enabled.

summarize

pass (a bill or inspection etc) EmbedPress PluginThis plugin makes it very easy to embed audio files in your WordPress website, either in the Gutenberg editor, media library, or Elementor editor. The plugin not only supports embedding of standard audio sources, but also supports personalization of the audio player to enhance the user experience.

For more WordPress related tutorials and information, please follow thePhoton fluctuation network, has the most comprehensive WordPress tutorials and the most activeWordPress Exchange CommunityThe

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off