Tal Florentin

Founder @ Summurai

Embedding Summurai Playter elements

No need to read


The Summurai platform offers multiple ways to have your audio content embedded within your web assets. This guide will introduce the different ways to embed audio and provide the technical code elements you may need to do so properly.

Screenshot with the Playter audio player embedded in a blog post

Embedding the Playter© audio player in your blog posts

On the Summurai Dojo, once a Summy has been published to “Embed on blog”, your Summy should appear under the Create & manage > Embedded Summies option in the main menu.

Once you see the relevant Summy, use the “Embed” option (Notice the puzzle icon).

Within the panel that opens, use the “Playter2” option.
Set the preferences as you wish, copy the code snippet and embed it in your blog post.

Notice that the connection between your blog and its related Summy is done through the reference link in the Summy settings. In order for the Playter© player to appear, you’ll need the Reference URL to include the URL of the relevant blog post.

This method allows you to use the code snippet in your blog post template, since if no Summy is connected to a blog post, the Playter© won’t load and show on the page.

Playlist element

On the Summurai Dojo, once a Summy has been publish

  1. Code for header:
    This code should be embedded on the page scripts section under the <head> tag, to allow all Summurai functionalities:

    <script type=”text/javascript” src=”https://app.summurai.com/embeddedplaylist/sdk.js“></script>
    <script type=”text/javascript”>

  2. Code for the + button:

    Thiscode should be used on the buttons that add the Summies (audio items) to the playlist:
    Add the anchor tag around the ‘+’ element 
    <a class=’summurai_add_to_playlist’ data-embedid=’EMBED ID CODE’></a>


    You can add “summurai_add_to_playlist” class to the element and also add data-embedid=’EMBED ID CODE’ attribute.

    You can get the Summy code for each item from the following section:
    Main menu > Embedded Summies > Relevant Summy > “Embed” option > “Embed in blog” > Copy the “Summy id” code.

    Here’s an example code you can use for one of Ophir’s Summies:

  3. Code for the playlist open button:

    This code should be used to open the playlist popup.
    Add this class to the open playlist button:

    <div class=”… summurai_playlist_open_btn …”

Code to show playlist item count:

You can add the following code to show the item count
<span class=’summurai_playlist_item_count’></span>


If you already have a element for it then add the following class to it: “summurai_playlist_item_count”

Contact Us

For questions or concerns about our Refund Policy, please contact us at < support @ summurai.com >.


Tal Florentin

Founder @ Summurai
Florentin, a UX specialist, award winner, speaker and author, has founded Summurai to help busy professionals know more with less efforts and turn audio into a game changer in the communication between businesses and their customers.

Let them listen
to your content.
Anytime. Anywhere.

Your users will get your posts in a branded web player they can easily access from anywhere. No app required.

Add Playter to your blog
and turn visitors into leads.

Let your visitors listen to your content

Recent posts

Embedding Summurai Playter elements




Refund policy


At Summurai, we stri


Turn your blog posts to podcast with AI and Summur

How to turn your blog posts into audio and load them to the leading podcast platforms


Outstanding Audio Lead Magnet in 29 minutes with C

The challenge of creating significant content

Sushi Philosophy: Think Sushi and Embrace the Summ

When it comes to lead generation and content marketing, finding the perfect balance between engaging your audience and delivering valuable information


The Open Tab Trap is killing your funnel

How Content Consumption Habits Impact Your Marketing Funnel?

In the digital age, content


How to send voice messages on WhatsApp without ann

Why do we hate receiving WhatsApp voice messages, how do you make WhatsApp voice messages super effective and how you can use them in your marketing c

51% prefer audio. We checked.

51% asked to get audio. Not text. Not video.


History is killing the future of audio experiences

I finally figured out what they consider audio a thing of the past.


The real cost of blogging

How much will it cost you to create blog items for your company?