Zuper – Shoutcast and Icecast Radio Player With History – Addon For for WPBakery Page Builder

Introduction

Are you a web developer or a WordPress enthusiast looking to add a functional and customizable radio player to your website? Look no further! The Zuper - Shoutcast and Icecast Radio Player with History Addon for WPBakery Page Builder is a powerful plugin that allows you to easily add a radio player to your WordPress website. In this tutorial, we will walk you through the step-by-step process of installing, setting up, and customizing the Zuper radio player addon for WPBakery Page Builder.

Getting Started

Before we dive into the tutorial, make sure you have the following:

• A WordPress website with WPBakery Page Builder installed and activated
• The Zuper - Shoutcast and Icecast Radio Player with History Addon for WPBakery Page Builder installed and activated

If you don't have these requirements met, please download and install the required plugins from the WordPress Plugin Directory.

Step 1: Installing the Zuper Radio Player Addon

To install the Zuper radio player addon, follow these steps:

1. Log in to your WordPress dashboard
2. Go to the Plugins section
3. Click on "Add New"
4. Search for "Zuper - Shoutcast and Icecast Radio Player with History" and select the plugin
5. Click "Install Now"
6. Activate the plugin

Step 2: Creating a New WPBakery Page

To create a new WPBakery page and add the radio player, follow these steps:

1. Log in to your WordPress dashboard
2. Go to the Pages section
3. Click on "Add New"
4. Choose a page title and add some content if you want
5. Switch to the "Bbuilder" tab
6. Click on the "+" button to add a new module
7. Search for "Zuper Radio Player" and select the module

Step 3: Configuring the Zuper Radio Player

In this step, we'll configure the Zuper radio player to connect to your Shoutcast or Icecast radio station.

1. In the "Module Settings" section, you'll see several fields to fill in:
   • "Radio Station URL" - enter the URL of your Shoutcast or Icecast radio station (e.g. http://example.com:8000)
   • "Radio Station Name" - enter the name of your radio station
   • "Radio Station Image" - upload an image for your radio station
   • "History Settings" - choose whether to enable or disable the radio station history
   • "History Size" - set the number of hours or days to store radio station history
2. Adjust the settings as needed for your radio station
3. Click "Save Changes" to save the configuration

Step 4: Customizing the Radio Player

In this step, we'll customize the appearance and behavior of the radio player.

1. In the "Module Settings" section, you'll see several fields to fill in:
   • "Player Skin" - choose a skin for your radio player (e.g. "Default", "Blue", "Red")
   • "Player Color Scheme" - choose a color scheme for your radio player (e.g. "Light", "Dark", "Custom")
   • "Player Volume" - set the initial volume for the radio player
   • "Player AutoStart" - choose whether the radio player should auto-start when the page loads
2. Adjust the settings as needed for your preferences
3. Click "Save Changes" to save the configuration

Step 5: Adding the Radio Player to Your Page

In this final step, we'll add the radio player to your WordPress page.

1. Save the page and refresh your browser
2. Your radio player should now be visible on your page

That's it! With these steps, you've successfully installed, set up, and customized the Zuper radio player addon for WPBakery Page Builder. You can now enjoy a functional and customizable radio player on your WordPress website.

Conclusion

In this tutorial, we've covered the steps necessary to install, set up, and customize the Zuper - Shoutcast and Icecast Radio Player with History Addon for WPBakery Page Builder. With this powerful plugin, you can add a professional-looking radio player to your WordPress website in just a few clicks. Whether you're a developer or a non-tech-savvy user, the Zuper radio player addon is easy to use and customize to fit your needs.