text to speech tutorials
How to Add Text-to-Speech Play Button to Joomla Website
Joomla is a highly popular content management system. A lot of users, brands, and companies use Joomla to build and manage websites as well as online applications. If you are looking for a way to increase the engagement of your Joomla website with the help of modern text-to-speech (TTS) technology, you are in the right place!
In this guide, we’ll discuss how you can add a TTS play button widget to your Joomla website using WebsiteVoice.
This “play button” means the website visitors will be able to listen to the content, such as blog posts, on your website. Hence, it will help your Joomla website reach and impress those users who prefer listening to the content, instead of reading it.
Here’s a Joomla website without the WebsiteVoice text-to-speech widget:
By the end of this process, you’ll have a play button on your Joomla website by integrating the WebsiteVoice widget.
Note: This guide is about WebsiteVoice integration with Joomla. If you are using another platform, check out our step-by-step guides for WordPress, Squarespace, Blogger, Shopify, Wix, Webflow, and custom websites.
Step 1: Register on WebsiteVoice
Create an account on WebsiteVoice to get access to the TTS play button code. If you are a new user, you can start with a 14-day free trial.
Step 2: Configure the Text-to-Speech Play Button
Once logged in, configure the TTS play button widget as per your requirements and site’s aesthetics.
You will find many different options and features on the WebsiteVoice dashboard, including:
- Language and Voice Selection: Choose from 60+ realistic AI voices that cover 35+ languages and accents.
- Adjust Style and Color: You can choose the style and color of the play button.
- Enable Download Option: You can allow users to download website content in a listenable audio format by subscribing to the Professional plan.
- Additional Options: Many other features are available to enable social sharing, modify text-to-speech speed, and adding custom intro/outro messages.
Step 3: Copy the Code
Copy the JavaScript code provided under the Installation section. The code is generated and adjusted as per your selected configuration.
Step 4: Authorize WebsiteVoice to Integrate with Joomla Website
Add your Joomla website link under the Update website section. This will ensure WebsiteVoice can integrate with your Joomla website and enable the play button.
Now that you have copied WebsiteVoice’s code and have also provided the relevant permission, it is time to move to Joomla to add the TTS play button.
Step 5: Open the Joomla Website Admin Section
Open the settings/admin dashboard of your Joomla website. Go to “yourwebsite.com/administrator” to do that.
Enter the username and password and click Log in.
Step 6: Access System Dashboard
On the Joomla admin dashboard, you have many different options to configure your website. Open System to access the theme’s settings, where you can paste the copied JavaScript code to add text-to-speech to your website.
Click on Site Templates to open additional settings.
Step 7: Edit Theme Code
Your theme details will appear on the site theme page. Click on the theme’s Details and Files to access the code.
Open the index.php file.
Step 8: Paste the Copied Code
There will be many files with a lot of code in your Joomla website’s theme. You should not get overwhelmed by this. The only thing you need to do is paste the code you copied from WebsiteVoice’s dashboard into the index.php file before the <body> tag.
Scroll down the code file. It will look something like this:
Now paste the copied JavaScript play button widget code right before the <body> tag:
Done!
Open your Joomla website, refresh it, and you’ll see the WebsiteVoice text-to-speech play button on it. Now anyone visiting your website can enjoy listening to the written content.
Conclusion
Overall, the entire process of adding a play button to your Joomla website and blogs becomes quick and easy with WebsiteVoice. It can help you increase the accessibility and engagement of your website, helping you reach a wider audience. Since Joomla is one of the most popular CMS in the world, this entire process of increasing engagement via text-to-speech play button can help a lot of brands, content creators, and developers.
The best part is that you can try WebsiteVoice for free and see how it can boost your Joomla website. If you face any issues in this integration process or have any other queries, you can contact us.
