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

Monday 27th July 2026 – 5am

Mary, Did You Know?
Pentatonix
05:00am
Sleigh Ride
Boston Pops Orchestra
05:04am
Emmanuel (Hallowed Manger Ground)
Chris Tomlin
05:06am
A Marshmallow World
Marc Martel
05:10am
We Need a Little Christmas
Percy Faith
05:12am
It Came Upon A Midnight Clear
MercyMe
05:14am
Feliz Navidad
José Feliciano
05:18am
Let The Season Come To Life
Hopeful.
05:21am
Hark! The Herald Angels Sing
Carrie Underwood
05:25am
Jingle Bells
Matt Maher
05:28am
Jingle Bell Rock
Bobby Helms
05:32am
Welcome To Our World
JJ Heller
05:34am
Joyful, Joyful
Casting Crowns
05:36am
Have Yourself A Merry Little Christmas
Matthew West
05:41am
It's Beginning To Look A Lot Like Christmas
Perry Como
05:45am
O Come, O Come Emmanuel
Tori Kelly
05:47am
Glorious
for KING + COUNTRY
05:50am

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: