Radio

Add your radio station to your local news website. Easy configuration - just 2 clicks and your users can start listening!

The Radio Module in CMS 4media allows you to configure a radio station and display a radio widget on the website. It’s super easy to set up - just paste the link to your stream, and users can listen to you online!

 

How to add a radio station?

Log in to the administrator account in CMS 4media. In the left-hand menu, find the "Radio" module.

 

The "Radio" module in the CMS 4media admin menu.
The "Radio" module in the CMS 4media admin menu.

 

After clicking, you will access the radio station editing section. To add your first station, click on the plus icon above the list at the top.

 

The “Add” button for configuring a new radio station in CMS 4media.
The “Add” button for configuring a new radio station in CMS 4media.

 

You will proceed to the radio station creator wizard. Fill in the name and description - this information will be displayed in the widget's description, on the widget card that opens in a new window, and on the dedicated radio subpage. Here, you can provide general information about your radio station, just like on our demo.4media.com site.

 

radio station new window configuration CMS 4media
On the left: radio widget that opens in a new window (but may open in the new tab instead if you want to). On the right: content (Name, Description) filled in the Radio module in CMS 4media.

 

 

radio station widget configuration CMS 4media
On the left: radio widget published on the website. On the right: content filled in the Radio module in CMS 4media.

 

The radio widget that opens in a new window can be placed in various locations, including category menus, top menus, and the sliding radio widget.

 

Source of the radio station stream

Next, provide the source of the radio station stream. Here, you will paste the URL to your radio stream (select "Web address") or embed the entire code within an <iframe> (choose "IFRAME code").

 

Source of the stream - web address.
Source of the stream - web address.

 

 

Source of the stream - IFRAME code.
Source of the stream - IFRAME code.

 

Within the CMS 4media website, you can add multiple radio stations and utilize various types of stream sources, embedding them in widgets and menus based on your individual preferences.

 

Logotype

Choose a logo for your radio or another graphic file from your computer in .jpg or .png format. It will be displayed in radio widgets on the website. The uploaded file should have a maximum size of 5 MB, while the minimum dimensions are 100 x 100 pixels. Larger images can be cropped right after uploading.

 

Radio station logotype - will be displayed in the widget.
Radio station logotype - will be displayed in the widget.

 

Customization of appearance

With the following parameters, you will be able to decide on the appearance of the radio widget that opens in a new browser window or tab.

 

Customization of the radio widget's appearance / radio station subpage.
Customization of the radio widget's appearance / radio station subpage.

 

 Here, you will define the following elements:

  • Window width - the width of the window in which the radio station will be displayed, specified in pixels (e.g., 800 px).
  • Window height - the height of the window in which the radio station will be displayed, specified in pixels (e.g., 600 px).
  • Font size - font size ranging from 0.8 to 3, where 0.8 is very small and 3 is very large; applies to the radio station description in the radio widget.
  • The font size of the radio station name - font size ranging from 0.8 to 3, where 0.8 is very small and 3 is very large; applies to the radio station name displayed above the description in the radio widget.
  • Background color - choose, define, or input your own HEX background color value for the radio widget.
  • Font color - choose, define, or input your own HEX font color value for the radio station description in the widget.
  • The color of the font for the radio station name - choose, define, or input your own HEX font color value for the radio station name in the widget.
  • Custom CSS styles - paste CSS code to further style the appearance of the radio widget.

After filling in all the fields, click the "Save" button to confirm the changes. The radio station will be saved and appear on the list of available stations in the "Radio" module within the CMS 4media admin panel.

The CMS system will also generate a dedicated website url address for the radio station, which you can use, for example, as a direct link for sharing on social media, embedding in menus, or other radio widgets on the homepage.

 

The url of the radio station will be created after saving the changes.
The url of the radio station will be created after saving the changes.

 

Related:

More about the author/authors:
Share
Rate