Sticky Player (Fusebox 1.0)

This support article is for Pro subscribers only. The sticky player for Pro subscribers operates differently than it does for Free subscribers. If you are a Free subscriber, go here.

What Is the Sticky Player?

With your Pro subscription, you get access to all three players, including the Sticky Player.

The Sticky Player is similar to the Track Player, in that it plays a single episode of your podcast at a time; it is different in that the Sticky Player is designed specifically to "stick" to the bottom or top of your website. As your website visitor scrolls up and down the page, the Sticky player remains stuck to the top or bottom of that webpage, whereas the Track Player remains in one location on the webpage. The Sticky Player also extends the whole width of your website page.

How to Enable the Sticky Player

To enable the Sticky Player on your WordPress website, go to your WordPress dashboard, head to Settings > Fusebox Player, and click on the Sticky Player tab. The default setting is Disabled. Switch to Enable the feature to enable the Sticky Player. 

Sticky Player Settings

To access your Sticky Player settings, from your WordPress dashboard go to Settings > Fusebox Player, and click on the Sticky Player tab.

  1. Enable feature / Disable feature: In Enable feature mode, the sticky player is enabled (or active) on your WordPress site. In Disable feature mode, the sticky player is disabled (not present or active) on your WordPress site.
  2. Position: Your options here are Top or Bottom. If you want your Sticky Player to appear at the top of your website, choose Top. If you want it to appear on the Bottom, pick the Bottom.
  3. RSS Feed URL: This is where you want to add your podcast RSS feed URL. The Sticky Player will either play the most recent episode from your podcast RSS feed (just like the most recent function in the track player) or, based on what you designate below that in Episode, play a specific track. If you leave the RSS Feed URL blank, it will pull from your podcast RSS feed URL you have in your Player Defaults.
  4. Episode: You can either choose the Latest episode in your feed, which will pull the latest episode from your feed, or an episode from a specific URL, which will allow you to pick whichever Episode URL you want from your feed.
  5. Show Name: Add your show/podcast name (e.g. Smart Passive Income Podcast) here.
  6. Highlight Color: Add your brand color to the play/pause button and progress bar.
  7. Download: Choose whether or not you want your listeners to have the ability to download your episode from the sticky player.
  8. Image URL: Add your podcast image URL here. Use a square image that is at least 300 x 300 pixels in size.
  9. Style: Your options here are Light or Dark. For more information about Light vs. Dark styles, go here. Additional customization options are available with a Pro subscription.
  10. Social: Social sharing options, just like the full player or track player. Turn off and on.
  11. Excluded Pages: By default, the Sticky Player will appear on every page of your website when you have the Sticky Player feature enabled. If you want to exclude the Sticky Player on specific pages across your WordPress website, you can add those page URLs here in the Excluded Pages box. Note: Excluded page URLs should be added one per line.
  12. Advanced Options:
  1. CSS Z Index: The z-index brings the player closer or further from the listener, so if there's something else in the same place in the window, this tells the browser which one to show.
  2. Post Types: if you have defined any custom post types, you can have the sticky player show up using this option.
  3. Extra Shortcode Options: You can also add extra shortcode options for your Sticky Player in this box.

Ability to Add Different Sticky Players to Separate Pages

Sometimes you want to feature different episodes of your podcast on different pages. With the Sticky Player, you can do this! To accomplish this, follow the directions here:
  1. Open up the WordPress editor for the page where you would like the unique sticky player to appear.
  2. In the main body of the page, create a Fusebox Track Player shortcode: [fusebox_track_player]
  3. Type sticky="true" into the end of your fusebox_track_player shortcode. As an example, it could look like this:
    [fusebox_track_player url url="https://downloads.pod.co/880b3952-01fd-4595-9b26-7facf8a1541a/7736e462-d92e-4930-9f8c-507ebc037d37.mp3" sticky="true"]

When you add  sticky="true" to your shortcode, the track player will be displayed as a sticky player, rather than in-line on the page. This only works if the Sticky Player is DISABLED in the main Sticky Player settings. 

You can add as many sticky players as you'd like on separate pages, and this works with fusebox_track_player_latest and fusebox_track_player. If the Sticky Player is ENABLED in the settings, that will override whatever is on the page, so make sure it's DISABLED if you want to achieve this.

Sticky Player In Action!

Check out the sticky player in action on Fusebox customer Josiah Goff's website:

Still need help? Contact Us Contact Us