Skip to main content Skip to search Skip to header Skip to footer

CSPS Internet Radio: Embed Instructions

CSPS Internet Radio: Embed Instructions

These instructions are intended for webmasters and website owners who have access to edit their website's pages and have at least a general familiarity with html. Preview the player.

STEP 1 - Create a new page to feature your radio station

We highly encourage you to start by creating a new landing page on your website where the player can be embedded and featured. This new page will serve as the home of your new online CSPS Internet Radio station. The title and url of the page should be short and clear so that it is easy to remember, share, and promote (e.g., churchsite.com/radio).

STEP 2 - Copy & paste the embed code

Determine where you'd like the player to display on your radio landing page. Copy the below code and paste it into the desired location within the <body> of the webpage's html.

If your website supports embedding javascript, use the following code.
Note: This is the preferred option as it fully supports auto-updates if the player design changes.

If your website does not support embedding javascript, use the following code.

The player design is responsive and will size-to-fit automatically within any page or column width. The height should be fixed to consistently display the title for each track below the player.

WordPress Users: When pasting the embed code into your WordPress post or page, be sure to first toggle to "html" edit mode.

STEP 3 - Share your page with CSPS

Send us a link to your webpage once it's live so we can review the player and provide feedback. Email us at broadcasting@csps.com.