Step 2: Choosing your Audio Player mode on Layout tab

On the Layout tab of the Elfsight Audio Player widget, you have the option to choose between two display modes: Embed or Floating. In this article, we'll explain the differences between these modes and provide step-by-step instructions for customizing each one to suit your website's needs.

Embed

With the Embed layout option, you can install the Elfsight Audio Player widget in a specific location on your website, where it will remain static and only become visible to visitors once they scroll down to the installation code's placement.

If you choose the Embed layout mode, you'll be able to customize the widget's width using either pixels or percentage values:

Take a look at what an Embed Audio Player widget can look like:

Floating

The Floating layout allows you to add a widget that remains visible on the screen's edges even when visitors scroll down your website.

Position control allows you to set where exactly you'd like the widget to display:

In addition, you have the ability to customize the widget's behavior by choosing whether to display the Close Button and when to show the widget again after it's been closed:

Here's a preview of what a floating widget with the Close button enabled will look like:

We hope this article has helped you adjust the appearance of the widget to your liking! With that sorted, you can move on to the next step — Step 3: Adjust your Audio Player settings on Player tab.