Phlox Audio

preview-audioPhlox presents an Audio Widget, which can add an audio box to the sidebar and can be used as an element of page builder. By adding this audio widget, you will be able to share audios such as music, podcast, etc. with your visitors. You are able to choose a style for this audio box and customize it with CSS if you want.

Follow below steps to add Phlox Audio to a widget area or in a page content.

  1. Go to your WordPress admin panel
  2. Click Appearance on the Dashboard
  3. Then click Widgets
  4. Find [Phlox] Audio among the available widgets and add it to your desired Widget Areas

Video Tutorial


Access Audio Options in Elementor Page Builder

  1. Go to your WordPress Admin Panel
  2. Click the Pages on the Dashboard
  3. Click the Add New
  4. Navigate to the top left hand of the WordPress text-box and find Edit with Elementor button.
  5. Check out Elements
  6. Scroll down to PHLOX - General section
  7. Choose Audio

After adding audio to your post or page, you are able to customize it by available options:

  • Content

Audio

You can add your audio file to this section. The format should be MP3 or ogg.

To play audio automatically, you need to enable Autoplay option and if you want to start over it again, enable Repeat the audio.

  • Style

Skin

The skin of your audio box can be Dark or Light.

Check out this article to know more about Advanced tab and start working with Elementor.


Access Audio Options in SiteOrigin Page Builder

  1. Go to your WordPress Admin Panel
  2. Click Pages on the Dashboard
  3. Click Add New
  4. Navigate to the top right hand of the WordPress editor and find Page Builder, beside text tab
  5. Click Add Widget
  6. Click Phlox and choose [Phlox] Audio
  7. Click Edit on the right side of the widget on Page Builder

After adding audio to your post or page, you are able to customize it by available options:

audio-widget

Title

You can either choose a title for your audio or leave it empty.

Audio File

By clicking on the Add Audio you can upload your file. Pay attention, the audio format should be MP3 or ogg.

Repeat the Audio

Enable this option, if you want your audio to auto-replay.

Autoplay

By switching on this, your audio automatically starts after entering the website.

Skin

You are provided to choose a skin for the audio box.

dark-preview Dark Skin

light-preview Light Skin

Extra Class Name

Add the class name here if you have added a style on your CSS file.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us