This article covers how to add and configure the Audio Widget in the Thryv® Website Builder, including how to connect a SoundCloud or Mixcloud audio file, and the design options available for each platform. This article does not cover how to upload or manage audio files on SoundCloud or Mixcloud. For help with SoundCloud, visit the SoundCloud help center. For help with Mixcloud, visit the Mixcloud help center.

Why the Audio Widget Lets You Add Audio to Your Website Without Slowing It Down

Audio content — such as client testimonials, sales messages, tutorials, or original music — gives website visitors a way to engage with your business beyond reading text. The Audio Widget in the Thryv Website Builder lets you embed audio files from SoundCloud or Mixcloud directly onto any page. Because the audio is hosted by SoundCloud or Mixcloud rather than your website, the audio player streams without adding load time to your pages. Adding audio to your website requires only the URL of the public audio file — no code is needed. Design options for the audio player are available for both platforms, allowing the player to match the visual style of the rest of the page.

The screenshot above shows an example of the Audio Widget embedded on a website page in the Thryv Website Builder. The audio player appears as an inline element on the page. The appearance of the player differs depending on whether a SoundCloud or Mixcloud URL is used.

How to Add and Configure the Audio Widget on Your Website

Follow these steps to add the Audio Widget to a page in the Thryv Website Builder and connect an audio file from SoundCloud or Mixcloud.

1. Copy the URL of the audio file from SoundCloud or Mixcloud. The audio file must be publicly available on SoundCloud or Mixcloud before the URL can be used in the Audio Widget.

2. Drag and drop the Audio Widget from the widget panel onto the desired location on the page in the Thryv Website Builder. For help locating and adding widgets to a page, see how to add widgets to your website in the Thryv Website Builder.

3. Paste the SoundCloud or Mixcloud URL into the URL field in the Audio Widget settings panel. The audio player will load automatically after the URL is entered.

   

   The screenshot above shows the Audio Widget settings panel in the Thryv Website Builder. The URL input field appears at the top of the panel where the SoundCloud or Mixcloud URL is pasted. After the URL is entered, a preview of the audio player appears in the panel. The design options for the audio player appear below the preview.

4. Configure the audio player design options. The design options available depend on which platform the audio file is hosted on:

   • Mixcloud design options — Layout, thumbnail display, light or dark color scheme, and sizing.

   • SoundCloud design options — Layout, play icon color, and sizing.

Frequently Asked Questions

What does this article cover?

This article covers how to add and configure the Audio Widget in the Thryv Website Builder, including how to connect a SoundCloud or Mixcloud audio file and the design options available for each platform. This article does not cover how to upload or manage audio files on SoundCloud or Mixcloud. For help with SoundCloud, visit the SoundCloud help center. For help with Mixcloud, visit the Mixcloud help center.

Which audio platforms does the Audio Widget support?

The Audio Widget in the Thryv Website Builder supports audio files hosted on SoundCloud and Mixcloud. Audio files must be publicly available on one of these two platforms before they can be embedded using the Audio Widget. Audio files hosted on other platforms or uploaded directly to the website are not supported by the Audio Widget.

How do I keep the audio player design consistent across multiple Audio Widgets on the same page?

The design options available for the audio player differ between SoundCloud and Mixcloud. SoundCloud and Mixcloud players do not share the same layout or color scheme options. To keep the audio player design consistent across all Audio Widgets on a website, use audio files from the same platform — either all SoundCloud or all Mixcloud — across every Audio Widget on the site.

Does the audio file need to be publicly available on SoundCloud or Mixcloud?

Yes. The Audio Widget embeds the audio player by referencing the public URL of the audio file on SoundCloud or Mixcloud. If the audio file is set to private on SoundCloud or Mixcloud, the audio player will not load correctly on the website. Make sure the audio file is set to public on the hosting platform before copying the URL and adding it to the Audio Widget.