Music Player
The Music Player feature allows you to add, manage, and customize music tracks within your biolink. You can reorder tracks, change the player layout, and personalize track colors. This feature is currently in Beta and integrates with Deezer for track selection.
Features
Add Tracks: Search for music tracks from Deezer and add them to your profile.
Custom Layouts: Choose from different music player styles.
Drag & Drop Reordering: Easily rearrange tracks with drag-and-drop functionality.
Track Customization: Change colors for individual tracks.
Adding a track
Step 1: Open the Track Selector
Click the “Add Track” button.
A modal will open, allowing you to search for tracks.
Step 2: Search for a Track
Type at least 3 characters into the search box.
The system will fetch matching tracks from Deezer.
Select a track from the list.
Step 3: Preview & Add
Click the play button to preview the track.
Select the track and click “Add Track” to save it.
Customizing Tracks
Changing Track Color
To customize a track's appearance, click the Paintbrush Icon next to the track. This will open a color picker where you can select your desired color. If you want to revert the color back to its default state, click the Reset button. By default, tracks inherit the card's color configuration. However, if you manually select a color, the track will retain that choice until reset.
Selecting a Layout
Open the Track Layout Settings.
Choose from available player layouts.
The preview updates in real-time.
Default
Compact
Floating (premium)
Stacked (premium)
Vinyl Record (Spins on play) (premium)
Removing a Track
Click the Trash Icon 🗑️ next to the track.
Confirm the deletion in the pop-up modal.
The track will be removed from your playlist.
Reordering Tracks
Drag & Drop Sorting
Click and hold a track to move it.
Drag it to a new position within the list.
The order is automatically saved.
Notes
Premium users have a tracks limit of 10, while free plan users have a limit of 3.
The music player is still in Beta, and feedback is appreciated!