Demo Homepage

This page contains a basic demonstration of MetaRadio and its functionality. If you’re interested, please check out all the information about MetaRadio.


Now Playing Widget

MetaRadio provides a in-built ‘Now Playing Widget’ which can be embedded via Theme Widgets or Shortcodes. There are options to customize colours and text. This is an example of what it can look like:

Now Playing
TOP FM – There is nothing currently playing (Customise this with your own text)
Recently Played

 

Now Playing
ANT FM – There is nothing currently playing (Customise this with your own text)
Recently Played

Now Playing (via Shortcodes)

You can style this section however you like – the data is provided via simple shortcodes. You can have your developer customise how this looks.


by

 

Listen Now


Track History Block

Thursday 21st May 2026 – 8am

It's the Most Wonderful Time of the Year
Andy Williams
08:00am
Hark! The Herald Angels Sing
Mannheim Steamroller
08:03am
Have Yourself a Merry Little Christmas
Frank Sinatra
08:06am
Come And Worship
Bebo Norman
08:09am
White Christmas feat. Ken Darby Singers & John Scott Trotter And His Orchestra
Bing Crosby
08:14am
We Three Kings
We Are Messengers
08:17am
He Has Come For Us (God Rest Ye Merry Gentlemen)
Meredith Andrews
08:20am
It's Beginning To Look a Lot Like Christmas
Michael Bublé
08:24am
Silent Night (Rewrapped)
for KING + COUNTRY
08:27am
Jingle Bells
Lauren Daigle
08:31am
The Little Drummer Boy
Ray Conniff
08:33am
Joy to the World (Joyful, Joyful)
Phil Wickham
08:36am
O Holy Night
Josh Groban
08:41am
Christmas All Year Long
Tasha Layton
08:45am
Winter Wonderland
Tony Bennett
08:48am

List of Shortcodes

This table shows a list of shortcodes, and their output:

[metaradio_now station="ant-fm"]
[metaradio_now_title station="ant-fm"]
[metaradio_now_artist station="ant-fm"]
[metaradio_now_albumart station="ant-fm" size="100"]

Helper Classes

MetaRadio provides some handy CSS classes. You can use these anywhere on your site. Elements that use this class also need the attribute data-stationid=”1″.

  • Anything with this class will be hidden when there’s no song currently playing.
    metaradio-hide-now-empty

  • Anything with this class will be hidden when there were no songs recently played.
    metaradio-hide-recent-empty

  • Anything with this class will be shown when there is no song currently playing.
    metaradio-show-now-empty

  • Anything with this class will be shown when there are no recently played songs.
    metaradio-show-recent-empty

  • Add this class to a hyperlink to make it open the player in a new window (data attribute not needed for this class)
    metaradio_openplayer_<stationid>

  • Add this class to a hyperlink to make it open the player in a new popup window (data attribute not needed for this class)
    metaradio_openplayerpopup_<stationid>


Screenshots

Here are some screenshots of the admin interface: