How to Present a Radio Station Live Stream with Shack Toolbox Pro

In some use cases, you may want to present a radio station live stream to the visitors of your Joomla site. You want them to listen to the radio station live stream without leaving your site.

A visitor comes to your Joomla site, clicks the "Listen Now" button and a small radio player opens up for them there and then to listen to the radio station. You have a URL of the required live stream.

You can meet such requirements with the "iFrame" plugin of the Shack Toolbox Pro module. For this tutorial, we will place a "Listen Now" live stream button on the sidebar of the site. The button will open with the accordion effect.

Let's get started.

  • In your Joomla administrator template, go to "Extensions" > "Modules".
  • You will be taken to the "Modules (Site)" screen. Click the "New" button:

click new

  • Click "Shack Toolbox Pro":

click shack toolbox pro

  • This will bring you to the "Modules: Shack Toolbox Pro" screen, as you can see in the next image. Click "Iframe":

Click the iframe box

You will see the "Module: Shack Toolbox Pro - iFrame" screen.

  • Create the title in the "Title" field.
  • Paste the URL of your required live stream into the "iFrame custom URL" field.
  • Tentatively set the iFrame width and height in the corresponding fields. You will be able to adjust it later.
  • Set the menu position.

set url width an height of iframe

  • Click the "Locations & Effects" tab:

click the locations and effects tab

  • For the "Before opening" tab, click "Module Position" and type in "Listen Now" in the fields underneath it:

click moduel position

  • Click "After opening" and click "Accordeon":

click after opening and click accordeon

  • Click the "Theme" tab, as shown in the image below
  • Select a theme of your choice
  • Click "Theme customizer" and set the theme settings as you see fit.
  • Click "Save" or "Save & Close".

Here is an example of the final result:

Here is an example of the final result