Insertar una calculadora en Joomla

Este ejemplo inserta la calculadora de horas extra — cambia el widget por cualquiera de la lista del Centro de ayuda.

Copia el código para insertar

This example embeds the overtime calculator — swap in any widget from the Help Center list.

<iframe src="https://timecardcentral.com/embed/overtime/" width="100%" height="620" style="border:0;border-radius:12px" loading="lazy" title="Free calculator by TimeCard Central"></iframe>

Sustituye /embed/overtime/ por cualquier otro widget y ajusta la altura — la lista completa está en la Centro de ayuda portada del Centro de ayuda. El único requisito es mantener el enlace de atribución dentro del marco.

Paso 1. Crear un módulo personalizado

En el administrador de Joomla ve a Content → Site Modules, escribe “custom” en el buscador ① y pulsa el Custom tipo de módulo ②. Ponle un título (uso interno, p. ej. “Calculator”).

Administrador de Joomla listando Site Modules con el botón New resaltado

Paso 2. Pegar el código en el editor

Rellena el Title ① y pega el código en el campo de contenido ② — siempre desde una vista de código fuente o un editor de texto plano, nunca el editor visual. Con TinyMCE, pulsa el botón </> Source code de la barra y pega en el diálogo. Si el iframe sigue eliminándose, cambia de editor: System → Global Configuration → Default Editor → CodeMirror (o None) — entonces el contenido del módulo será un campo de texto plano donde pegar directamente.

Editor de módulo personalizado de Joomla con la vista de código fuente de TinyMCE y el snippet iframe

Paso 3. Elegir posición y páginas

En la columna derecha, abre el Position desplegable ① y elige una posición de tu plantilla — nosotros elegimos Footer [footer] en la plantilla Cassiopeia por defecto, con Status: Published ②. Deja la asignación de menú Save & Close Ajustes del módulo de Joomla con los campos de posición y asignación de menú Paso 4. Comprobar el frontal.

Abre la página a la que asignaste el módulo. La calculadora se renderiza dentro del diseño de tu plantilla.

Paso 4. Comprobar el frontal

Abre la página a la que asignaste el módulo — la calculadora se renderiza en la posición de la plantilla ① (aquí: el pie).

Frontal de Joomla mostrando la calculadora de horas extra en la posición elegida de la plantilla

Preguntas frecuentes

El iframe desaparece al guardar el artículo/módulo.
Dos causas habituales. (1) Filtros de texto: los filtros de Joomla eliminan el iframe. Inicia sesión como Super User (los filtros no se aplican a los Super Users por defecto) o sube el filtro de tu grupo en System → Global Configuration → Text Filters. (2) El editor visual estropeó el código al pegar: pega solo desde una vista de código fuente, o cambia de editor (System → Global Configuration → Default Editor → CodeMirror o None) y pega en el campo de texto plano.
¿Puedo insertarlo dentro de un artículo en vez de un módulo?
Sí — edita el artículo, usa la vista de código fuente del editor para pegar el código y guarda. Si el iframe se elimina, es el mismo problema de filtros de texto de arriba.
¿Qué posición de módulo debo elegir?
Depende de tu plantilla. Previsualiza las posiciones en su documentación o activa Template Preview para verlas etiquetadas. Las posiciones a ancho completo (encima/debajo del contenido) lucen mejor con los widgets altos.