Trinity Player Implementation Guide

Trinity Player Implementation Guide

How to install your Trinity Audio Player

The Trinity Audio Player Code needs to be installed within your site in order to start audiofying your content. In order to get the JavaScript snippet, you have to create the player first (more information below).

Each time you add a player to your Trinity Audio account a new unique installation code will be generated.

In order to install the Player Code, you can either follow one of our platform-specific guides, or you can manually install the Player Code.

Install Using WordPress Guide

Please refer to the installation guide for a step-by-step instructions on how to install the player code:

  • WordPress
  • Wix
  • Ghost
  • Google Tag Manager

WordPress

Wix

Ghost

Google Tag Manager

Manually Installing the Trinity Audio Player

If your specific platform is not listed above, follow the below instructions.

Step 1: VisitPlayers Configurationtab in your Dashboard

Under this tab, you will find all the integrations and player settings.

Step 2: Click on “Add New Player” to start an integration process of a new player on your website

Trinity audio player dashboard

Step 3: Choose the type of player

In order to integrate the player, choose TTS player and click "Next"

Trinity audio player new playr integration step 1

Step 4: Choose or insert your domain

In order to integrate the player, we need to know what domain are you integrating.

Please make sure to provide the domain in the structure of domain.com

Trinity audio player new playr integration step 2

After clicking "Next" we will try to identify the CMS used by the domain and advise on a plugin. If non-such exists, continue to Step 5.

Step 5: Choose environment

Choose the CMS you are using. Choose Web for custom integration:

Trinity audio player new playr integration step 3

Step 6: Provide content page URL samples

In order for our product to verify that we are choosing the right content for your site, please provide URL samples of different content from your site.

Input fields to provide sample article URLs from a website to validate Trinity Audio text extraction.

Step 7: Select voice

Define the different settings of your player:

  • Choose language in which the content is written, including the accent you would like to use. For example, English Australia or German Switzerland.
  • Choose the character of voice, Masculine of Feminine.
  • Choose the voice you would like to use:Choose the Standard or Premium tab. Premium voices creates superior listening experience and is available for paid packages.Use the speaker next to each voice to listen to the voice.Voices with a red wave symbol supports voice styles
  • Choose the Standard or Premium tab. Premium voices creates superior listening experience and is available for paid packages.
  • Use the speaker next to each voice to listen to the voice.
  • Voices with a red wave symbol supports voice styles
Trinity audio plar select voice theme star

Choose language in which the content is written, including the accent you would like to use. For example, English Australia or German Switzerland.

Choose the character of voice, Masculine of Feminine.

Choose the voice you would like to use:

  • Choose the Standard or Premium tab. Premium voices creates superior listening experience and is available for paid packages.
  • Use the speaker next to each voice to listen to the voice.
  • Voices with a red wave symbol supports voice styles

Choose the Standard or Premium tab. Premium voices creates superior listening experience and is available for paid packages.

Use the speaker next to each voice to listen to the voice.

Voices with a red wave symbol supports voice styles

  • Click play to listen to a longer sample of the voice, with the selected voice style.
  • Select the default speed the player should play the content in.
  • Select the player theme you would like to use.
  • Additional features:Translation: adding the option for users to translate the content in real time to other languages.FAB: floating action button that follow the user while listening to the content
  • Translation: adding the option for users to translate the content in real time to other languages.
  • FAB: floating action button that follow the user while listening to the content
  • Give the player an indicative name.

Click play to listen to a longer sample of the voice, with the selected voice style.

Select the default speed the player should play the content in.

Select the player theme you would like to use.

Additional features:

  • Translation: adding the option for users to translate the content in real time to other languages.
  • FAB: floating action button that follow the user while listening to the content

Translation: adding the option for users to translate the content in real time to other languages.

FAB: floating action button that follow the user while listening to the content

Give the player an indicative name.

Step 8: Get the player snippet

Click "Copy" to get the player snippet:

Step 9: Paste the snippet in your website

After creating the player, implement it into your site.

  • The player could be added to the site template and there is no need to add it to every single post.
  • The recommended location is directly above the first paragraph. In most cases, right before first  element.
  • Don't hesitate to reach our support if you need help selecting the right place for the player.
  • For additional implementation information, visit thedev implementation guide.

The player could be added to the site template and there is no need to add it to every single post.

The recommended location is directly above the first paragraph. In most cases, right before first

element.

Don't hesitate to reach our support if you need help selecting the right place for the player.

For additional implementation information, visit the dev implementation guide.

Important: until the player is verified by our team, the player would not be visible to your site visitors.

Step 10: Click Verify

Once you have added the Player Code to your website, you will need to wait a few minutes for Trinity Audio to check if it is installed correctly.

Click on the “Verify” button in order to enable our platform to automatically check if the implementation was done correctly.

Trinity audio player verify

Step 11: Wait for integration approval

Once Trinity Audio has detected the Player Code on your site, the verify button will change to a green check mark and the Integration Status will change to “Tech team is reviewing”:

Trinity audio player 3 dot review

At this stage, our devoted team will review the integration and make sure that the implementation is correct and the text read is correct.

As of so, the approval is not immediate and require some patience from your end. In exchange, you get a high level of service with minimum mistakes.

In case verification was not successful, you will be notified and should check the implementation or contact our support team.

Step 12: Start enjoying great audio content!

Once the tech team is done reviewing the integration (up to 2 business days) the player would be live and visible on your site, for users to enjoy quality audio content.

Site changes

In case your site goes into design or infrastructure changes, makes sure that:

  • The Player Code is still installed.
  • Correct text is being read.
  • The player design is not distorted or cut.

The Player Code is still installed.

Correct text is being read.

The player design is not distorted or cut.

FAQ

Where is the best place to paste the player snippet on my website?

For the best user experience, it is recommended to place the code snippet within your site template directly above the first paragraph of your content. This ensures the player appears consistently across all your blog posts or articles without you having to manually add it to every single page.

Why isn’t the player visible on my site immediately after installation?

After you paste the code and click Verify, the player undergoes a manual review by the Trinity Audio tech team. They check to ensure the implementation is correct and the text is being read properly. This process can take up to 2 business days, and the player will only become visible to your visitors once this review is complete.

Can I customize the voice and features of the player after I've created it?

Yes. During the configuration process, you can select specific languages, accents, and gender profiles (Masculine or Feminine). You can also choose between Standard or Premium voices, set the default playback speed, and enable additional features like Real-time Translation or a Floating Action Button (FAB) that follows the user as they scroll.

Ready to Monetize Your Audio?

Discover how TrinityAudio can unlock new revenue streams for your content.

Get a Demo