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”).
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.
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.
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).