Saltar al contenido Saltar a la navegación

Ayuda:Incrustar documentos, presentaciones y hojas de cálculo

Revisión:

Cuándo usar esta guía

Quieres mostrar dentro de tu página un documento, una presentación, una hoja de cálculo o un formulario, en lugar de solo enlazarlo. Para un PDF se usa una etiqueta de la wiki; para los servicios de Google, SlideShare y Figma se usan widgets.

Requisitos

  • Cuenta en Casiopea y sesión iniciada.
  • Poder editar la página donde lo vas a mostrar.
  • Para los servicios externos: que el archivo esté publicado o compartido en su servicio.

Antes de publicar un archivo de Google. Publicar en la web hace que cualquiera con el enlace pueda verlo, aunque no esté en la wiki. Revisa que no tenga datos personales ni información que no quieras compartir.

Qué puedes incrustar

Documentos

QuéPara quéCódigoMás información
PDF
Extensión
Archivo PDF subido a Casiopea, visible en la página (extensión PDFEmbed).<pdf width="800" height="680">Archivo:Nombre.pdf</pdf>Extension:PDFEmbed
Google Document
Widget
Documento de Google Drive que se lee en la página.{{#widget:Google Document|Fid=ID_DEL_DOCUMENTO|width=100%|height=600px}}Widget:Google Document

Presentaciones

QuéPara quéCódigoMás información
Google Presentation
Widget
Presentación de Google Slides; acepta inicio automático y repetición.{{#widget:Google Presentation|docid=ID_DE_LA_PRESENTACIÓN}}Widget:Google Presentation
SlideShare
Widget
Presentación publicada en SlideShare.{{#widget:SlideShare|id=ID_DE_LA_PRESENTACIÓN}}Widget:SlideShare
Figma
Widget
Prototipo o archivo de Figma navegable.{{#widget:Figma|url=URL_DE_FIGMA|width=100%|height=600}}Widget:Figma

Hojas, formularios y calendarios

QuéPara quéCódigoMás información
Google Spreadsheet
Widget
Hoja de cálculo de Google para mostrar datos.{{#widget:Google Spreadsheet|key=ID_DE_LA_HOJA}}Widget:Google Spreadsheet
Google Form
Widget
Formulario de Google que se responde en la página.{{#widget:Google Form|key=ID_DEL_FORMULARIO|width=600|height=750}}Widget:Google Form

Un PDF subido a la wiki

  1. Sube el PDF desde Subir archivo. Ponle un nombre que diga qué es (por ejemplo, Bitácora travesía Chiloé 2026.pdf), no archivo.pdf.
  2. En tu página, escribe la etiqueta con el nombre exacto del archivo, incluido Archivo::
<pdf width='800' height='680'>Archivo:NombreDelArchivo.pdf</pdf>
  1. Ajusta width y height hasta que se lea bien. Para un PDF más chico, prueba 600 y 500.

Un documento de Google

  1. En Google Docs, comparte el documento para que cualquiera con el enlace pueda verlo.
  2. Copia el ID: es el texto entre /d/ y /edit en la dirección.
  3. Escribe:
{{#widget:Google Document|Fid=ID_DEL_DOCUMENTO|width=100%|height=600px}}

Una presentación de Google

  1. En Google Slides, usa Archivo › Compartir › Publicar en la web y publica.
  2. Copia el ID de la presentación de la dirección (entre /d/ y /edit).
  3. Escribe:
{{#widget:Google Presentation|docid=ID_DE_LA_PRESENTACIÓN}}

La presentación se ajusta sola al ancho de la página, en formato 16:9.

Una hoja de cálculo de Google

  1. En Google Sheets, usa Archivo › Compartir › Publicar en la web y publica.
  2. Copia la clave: el texto entre /d/ y /edit en la dirección.
  3. Escribe:
{{#widget:Google Spreadsheet|key=CLAVE_DE_LA_HOJA|width=100%|height=500}}

Un formulario de Google

  1. En Google Forms, pulsa Enviar y elige la opción de insertar en HTML (< >).
  2. Copia la clave del formulario desde la dirección que aparece en el código.
  3. Escribe:
{{#widget:Google Form|key=CLAVE_DEL_FORMULARIO|width=600|height=750}}

Ajusta height al largo de tu formulario: el valor por omisión (400) suele quedar corto.

Una presentación de SlideShare

  1. En SlideShare, revisa que la presentación permita insertarse en otros sitios.
  2. Pulsa Compartir, elige el código iFrame y cópialo.
  3. El ID es el texto después de /embed_code/key/.
{{#widget:SlideShare|id=ID_DE_LA_PRESENTACIÓN|width=800|height=600}}

Un archivo o prototipo de Figma

  1. En Figma, comparte el archivo para que cualquiera con el enlace pueda verlo y copia el enlace.
  2. Un enlace con /design/ muestra el archivo; uno con /proto/ muestra el prototipo navegable.
{{#widget:Figma|url=ENLACE_DE_FIGMA|width=100%|height=600}}

Si algo falla

  • El PDF no aparece. Revisa que el nombre en la etiqueta sea exactamente el del archivo subido, con mayúsculas, espacios y .pdf.
  • Google muestra «No tienes acceso». El archivo no está publicado o compartido: vuelve al paso 1.
  • SlideShare no carga. La presentación no permite insertarse en otros sitios; cámbialo en SlideShare.

Bueno saber

Los widgets de Google Calendar y Scribd existen en la wiki, pero no tienen documentación y no se sabe si funcionan. Se están revisando.

Fuentes

  • Ayuda:Guía para incrustar objetos, Insertar PDF y las páginas Widget:Google Document, Widget:Google Presentation, Widget:Google Spreadsheet, Widget:Google Form, Widget:SlideShare y Widget:Figma.
Por verificar en la wiki
  • Si la etiqueta <pdf> acepta otros atributos (por ejemplo, la página inicial) y su tamaño por omisión.
  • Google Document: si basta con «cualquiera con el enlace» o hay que publicar en la web.
  • Google Presentation: si funcionan start, loop y delay (la ficha dice delay y el ejemplo delayms).
  • Google Form: de qué parte exacta de la dirección sale la clave.
  • Figma: si los nombres de las opciones de compartir están en español o en inglés.
  • Probar cada código de ejemplo en la wiki local.