Text2MySite™

Joomla Integration

Add Text2MySite™ SMS alerts to your Joomla website

Setup time: 5-10 minutes

Due to Joomla's default security settings, which often remove certain HTML tags like <iframe> and <script>, you need to take specific steps to embed code or widgets. The two most common methods are using a Custom HTML Module or a third-party extension.

1
Using the Custom HTML Module
Ideal for embedding code in a specific module position on a page
Built-in method

This method is ideal for embedding code in a specific module position on a page, like a sidebar, footer, or header.

Step-by-Step Instructions:

  1. Access Module Manager: From your Joomla administrator dashboard, go to Extensions → Modules.
  2. Create a New Module: Click the "New" button in the top left corner, then select Custom from the list of module types.
  3. Configure the Module:
    • Give your module a Title.
    • Choose a Module Position from the dropdown list. This is where the widget will appear on your site.
    • In the content area, you will need to paste your code. This is where you might encounter the editor stripping out your code.
Dealing with the Editor
Joomla's default editor often removes embed code - here's how to handle it

Joomla's default editor, TinyMCE, often removes embed code. You have a few options to bypass this:

Change Editor Settings:

You can configure TinyMCE to allow certain tags. Go to System → Plugins, find the "Editor - TinyMCE" plugin, and adjust its settings to allow tags like <iframe> or <script>. You might need to add these tags to the "Extended Valid Elements" field.

Disable the Editor:

A quick workaround is to temporarily disable your editor. Go to System → Global Configuration, and under "Default Editor," select "Editor - None." This will give you a plain text box where you can safely paste your code without it being stripped. Remember to switch your editor back once you're done.

2
Using a Third-Party Extension
Often the most user-friendly and reliable way to embed code
Recommended method

This is often the most user-friendly and reliable way to embed code. The Joomla Extensions Directory offers a variety of plugins specifically designed for this purpose.

Sourcerer:

This is a very popular and highly-rated plugin that allows you to embed PHP, HTML, CSS, and JavaScript directly into your articles and modules using special tags. For example, you would place your code between {source} and {/source} tags.

JCE Editor:

The Joomla Content Editor (JCE) is a powerful, free editor that offers more control and features than the default TinyMCE. The Pro version has an "Easy Embed" feature that lets you simply paste a URL from a supported service (like YouTube or Google Maps), and it handles the embedding for you.

To use an extension: Download the .zip file from the Joomla Extensions Directory and install it via the Extensions → Manage → Install menu in your dashboard.

YouTube Tutorial
Watch a step-by-step video guide for embedding content in Joomla

Embed YouTube videos in Joomla 3 with JCE

Step-by-step guide on how to embed content in Joomla using the JCE editor

Watch Tutorial