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ódigo | Má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ódigo | Má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ódigo | Má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
- Sube el PDF desde Subir archivo. Ponle un nombre que diga qué es (por ejemplo,
Bitácora travesía Chiloé 2026.pdf), noarchivo.pdf. - En tu página, escribe la etiqueta con el nombre exacto del archivo, incluido
Archivo::
<pdf width='800' height='680'>Archivo:NombreDelArchivo.pdf</pdf>
- Ajusta
widthyheighthasta que se lea bien. Para un PDF más chico, prueba600y500.
Un documento de Google
- En Google Docs, comparte el documento para que cualquiera con el enlace pueda verlo.
- Copia el ID: es el texto entre
/d/y/editen la dirección. - Escribe:
{{#widget:Google Document|Fid=ID_DEL_DOCUMENTO|width=100%|height=600px}}
Una presentación de Google
- En Google Slides, usa Archivo › Compartir › Publicar en la web y publica.
- Copia el ID de la presentación de la dirección (entre
/d/y/edit). - 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
- En Google Sheets, usa Archivo › Compartir › Publicar en la web y publica.
- Copia la clave: el texto entre
/d/y/editen la dirección. - Escribe:
{{#widget:Google Spreadsheet|key=CLAVE_DE_LA_HOJA|width=100%|height=500}}
Un formulario de Google
- En Google Forms, pulsa Enviar y elige la opción de insertar en HTML (
< >). - Copia la clave del formulario desde la dirección que aparece en el código.
- 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
- En SlideShare, revisa que la presentación permita insertarse en otros sitios.
- Pulsa Compartir, elige el código iFrame y cópialo.
- 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
- En Figma, comparte el archivo para que cualquiera con el enlace pueda verlo y copia el enlace.
- 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,loopydelay(la ficha dicedelayy el ejemplodelayms). - 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.