> For the complete documentation index, see [llms.txt](https://docs.podigee.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.podigee.com/documentation/create-and-publish/publishing-and-distribution/configure-the-web-player.md). # Configure the web player Choose the style, colors, panels, extensions, and platform buttons of the Podigee web player. Use this task to set how the Podigee web player looks and what it offers on your podcast website and in embeds on other websites. The settings apply to the podcast and to every episode. ## Before you start * You need the owner, admin, or editor role for the podcast, with permission to edit the podcast. * The podcast needs at least one published episode with an audio file. Without one, the tab shows **Please create an episode with an audio file to be able to configure the web player.** * The full color picker is available on Scale and above, or an older plan that includes it. The curated color list is available on Grow and above, or an older plan that includes it. ![Web player tab of a podcast in the classic view with the notice Please create an episode with an audio file to be able to configure the web player](https://2032417310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbqUKO6lljHGzkEAzliPI%2Fuploads%2Fgit-blob-01d16834b69a1da4d0002738d7b03b85855077cd%2Fdoc-distribution-011-classic-web-player-tab.png?alt=media) Without a published episode with audio, the Web player tab shows only this notice. {% tabs %} {% tab title="Classic view" %} ### Choose the style and colors 1. Open the podcast and select the **Web player** tab. The tab describes itself as **Configure your web player for website and embedding**. 2. Select a style. The list contains the current player themes, any theme made for your account, and **Use simple embed** for a plain player. 3. Set the colors. The current theme has one main color. The curated list offers 12 colors. The full picker offers any color. Older themes have a primary, a background, and a text color. 4. Select the save action of the tab. ### Remove the Podigee logo For the current theme, the checkbox **Choose if you want to have the Podigee logo in the player** removes or shows the logo. The whitelabel player is available on Creator and above, or an older plan that includes it. On other plans, the checkbox opens an upgrade dialog. ### Add custom CSS or an external theme On plans that include them, the tab offers fields for custom CSS and an external theme with the theme version **Legacy** or **Standard**. The external theme is available on Creator and above, or an older plan that includes it. Use them only when you can maintain the theme yourself. ### Set the start panel and extensions The player has two contexts: the podcast website and embeds on other websites. Set each context separately. 1. Choose the start panel that opens first: none, **Download**, **Playlist**, **ChapterMarks**, **EpisodeInfo**, **Share**, or **Transcript**. 2. Enable or disable the extensions: subscribe bar, chapter marks, download, episode info, share, playlist, and transcript. The download extension exists only in older themes. ### Show platform buttons The player can link to the platforms where your podcast is listed. The tab shows one checkbox per connection that has a stored URL. Enable the checkbox of each platform that the player shows. Facebook, Steady, and YouTube connections do not appear as player buttons. ### Expected result The player on the podcast website and in embeds uses the chosen style, colors, panels, and buttons. Open an episode page to check. ### If you cannot complete the task * A color option is missing: the plan does not include it. The curated list needs Grow and above. The full picker needs Scale and above. * A platform button is missing: submit the podcast to the platform first, or store its URL on the **Exports** tab. {% endtab %} {% tab title="Podigee workspace" %} 1. Open the podcast and select **Settings** in the sidebar. 2. Select **Player**. The page **Edit player settings.** opens under **Feed & Settings**. 3. Read the **Theme and branding** card. The theme and the Podigee branding are read-only rows. 4. When your plan includes it, set the **Highlight color** under **Colors**. On other plans, the page shows **Your current plan doesn't include changing the highlight color.** 5. Under **Panels on your website** and **Panels in embeds**, turn on or off **Subscribe bar**, **Chapter marks**, **Episode info**, **Share**, **Playlist**, and **Transcript**. 6. Select **Save player**. The page also notes **Changes are saved automatically.** ![Player settings page in the Podigee workspace with the Theme and branding rows and the Embed the player on your website card below them](https://2032417310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbqUKO6lljHGzkEAzliPI%2Fuploads%2Fgit-blob-8c7589038a8102c531aa5e154b44506b45b9f15f%2Fdoc-distribution-010-player-settings.png?alt=media) The Player page shows the theme and the branding as read-only rows and the embed card below them. Below **Theme and branding**, the card **Embed the player on your website** gives the embed code of the podcast. To copy the code, refer to [Embed the player on your website](/documentation/create-and-publish/publishing-and-distribution/embed-the-player-on-your-website.md). What is different: * The style list, the logo checkbox, custom CSS, and the external theme are not available. The page notes **Theme editing will be added to this settings area.** * One highlight color replaces the primary, background, and text colors. * The start panel, the download panel, and the platform buttons are not available. * The page opens for a podcast that has no published episode with an audio file. {% endtab %} {% endtabs %} ## Next step [Embed the player on your website](/documentation/create-and-publish/publishing-and-distribution/embed-the-player-on-your-website.md) --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.podigee.com/documentation/create-and-publish/publishing-and-distribution/configure-the-web-player.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.