All Collections
Distribute my show
Distributing my podcast Ausha on my own website
How can I customize and embed the Ausha Smartplayer of my show on my website?
How can I customize and embed the Ausha Smartplayer of my show on my website?

Find out how to customize the Ausha Smartplayer of your podcast and where to find the Iframe code to embed on your website.

Myriam avatar
Written by Myriam
Updated over a week ago

🎬 Featuring 🎬

If you're not familiar with the Ausha Smartplayer tool yet, make sure you've read the article πŸ‘‰ What is the Ausha Smartplayer? πŸ‘ˆ

How do I customize the Ausha Smartplayer for my show or one of my episodes?

From the Communication > Smartplayer tab of your Ausha interface, you will be able to customize the player you want to integrate on your website:

The content

πŸ‘‰ You will be able to choose to generate a Smartplayer for your show or for a specific episode.
From the Select episode drop-down menu, you will be able to select the specific episode you want to generate a Smartplayer for!

πŸ’‘ By default, the "Most Recent" episode will already be selected.
When you generate the "Most Recent" episode player and embed it on your website, the Smartplayer will always offer the most recent episode for listening as you publish new episodes.

πŸ‘‰ You will be able to choose to Display other episodes of this show by checking this option.
The list of all other episodes available will be added on the Ausha Smartplayer that you will embed on your website.

πŸ‘‰ You will also be able to choose to Allow navigation between shows by checking this option.

πŸ‘‰ You can choose to generate a Smartplayer for a Playlist if you have created one.

The color of the buttons

You can customize the Smarplayer by changing the color of its buttons.

To do this, click on the Color field and then select the color of your choice using the color chart.

πŸ’‘ The Play button, the Play track, the Action buttons as well as the Title of the episode being played will be modified and will display the color you have chosen.

The playback start time

From the Start at option, you can decide to have your Smartplayer start at the timing of your choice.

πŸ‘‰ For example, you can start the podcast at a specific moment that you’d like to share.

The format

You will be able to customize the Smarplayer by choosing to apply an Automatic, Horizontal or Vertical display format on your website.

πŸ’‘ Note that the Automatic (responsive) format is ideal to fit all devices and screen sizes (computer, mobile, tablet).

The Dark Mode

The Dark Mode button will allow you to switch the Smartplayer background to black instead of the white background displayed by default.

πŸ’‘ Be careful to choose a color for your buttons consistent with the dark mode display.

Adding Call-To-Actions

The option to add custom buttons will allow you to display call-to-actions on the Smartplayer.

These custom buttons will allow your listeners to click on one or more links you fill in and go there directly from the Ausha Smartplayer. πŸš€

πŸ’‘ These buttons can be setup from the Communication > Settings > Call-to-actions tab in your Ausha dashboard. Their associated links will be offered to your listeners when they pause the episode from the Ausha Smartplayer.

Where can I find the code in order to embed the Ausha Smartplayer on my own website ?

🧭 To integrate the Ausha Smartplayer on your website, you will have to get the Iframe (piece of code) proposed in HTLM language from the Communication > Smartplayer tab.

After having customized the Smartplayer you want to generate and integrate on your website, go to the bottom of the Communication > Smartplayer page of your Ausha account.

πŸ§‘β€πŸ’» You will find in the Code box the Iframe to copy and paste in the back office of your website.

On your website, you will have to add this code block not as text or a link but as a piece of HTML code.
The brick to add this piece of code will probably be called Code, or Custom HTML, or HTML if you are using a no-code CMS (website publishing tools) πŸ› 

πŸ’‘ To make sure you copy the entire code, use the Copy Code shortcut button just below the Code box.

πŸ“ Note: If you are want to embed the Ausha Smartplayer on a Wordpress hosted website, make sure you have:

  • Subscribed to a Business plan on Wordpress

  • And activated the JetPack available with the Business plan on Wordpress

Without these options, the integration of the Smartplayer cannot be finalized on your Wordpress website.
This is not related from Ausha and due to the pricing policy of Wordpress which requires you to subscribe to a Business plan to be able to add external Iframe codes. πŸ™

🍿 You may also be interested in these articles: 🍿

Did this answer your question?