diseño canva

Hola Ruben,

Tal parece que se trata mas un error bien sea en el código del iframe a insertar o directamente proveniente de Canva ya que no puedo verlo

Valida su correcta visualización y verifica los modos de inserción

Saludos!

@bruno-vichetti

yo hice esto

pero no me funciona, hay que hacer algo extra?

Que tal Ruben,

Parte del código parece no formar parte directa del iframe a insertar, puedes mostrarnos cual es el código que genera Canva para validar su correcto funcionamiento?

Saludos!

@bruno-vichetti

<div style="position: relative; width: 100%; height: 0; padding-top: 449.7804%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;">
<iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
src="https://www.canva.com/design/DAGwiSEhI4w/Q5YrNPg1k9uoPL4MAu8FBw/watch?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
</iframe>
</div>
<a href="https://www.canva.com/design/DAGwiSEhI4w/Q5YrNPg1k9uoPL4MAu8FBw/watch?utm_content=DAGwiSEhI4w&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">desarrollate</a> de María Carla Manzo

este es el código

Hola Ruben,

He intentado probar el código compartido y en definitiva no funciona, puedes mostrarnos como lo estas generando directamente en Canva?

Saludos!

@bruno-vichetti

<div style="position: relative; width: 100%; height: 0; padding-top: 449.7804%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;">
<iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
src="https://www.canva.com/design/DAGwiSEhI4w/Q5YrNPg1k9uoPL4MAu8FBw/watch?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
</iframe>
</div>
<a href="https://www.canva.com/design/DAGwiSEhI4w/Q5YrNPg1k9uoPL4MAu8FBw/watch?utm_content=DAGwiSEhI4w&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">desarrollate</a> de María Carla Manzo

luego coloco este link en el html personalizado. !

Hola Ruben,

Gracias por las capturas, lamento insistir pero lo he probado nuevamente y tengo el mismo resultado que en tu caso, no se ve correctamente

Al ser una plataforma externa parece que es un problema directamente de como se genera el iframe de Canva y no lo podemos controlar

Puedo sugerir validar las alternativas de como se comparte, por ejemplo cuales aparecen en esta opción 

Saludos!

@bruno-vichetti

muchas gracias por ayudarme te dejo la captura 

creo que hicimos todo lo q dice el manual, no?

Que tal Ruben,

Pues el código debería de funcionar tal como cualquier otro fragmento de código de inserción sin embargo no se reproduce como debería

En este caso si que puedo recomendar si es posible elevar este comportamiento directamente a soporte si es posible 

Ya que el problema se encuentra directamente en la reproducción

Tambien puedes probar con alguna otra presentación que tengas para descartar que sea un tema de una presentación en concreto

Saludos!

@bruno-vichetti

En tu captura de pantalla, parece que estás usando el código HTML para incrustar (iframe) en un bloque HTML personalizado. Si bien Canva proporciona un código para incrustar diseños, no todas las configuraciones de WordPress permiten iframes por defecto; algunos temas o plugins de seguridad pueden bloquearlos, lo que podría ser la razón por la que no se muestra correctamente.
 
Esto es lo que puedes probar:

1. Comprueba si tu configuración de WordPress admite iframes:

• Algunos planes de WordPress.com y ciertos plugins de seguridad bloquean los iframes por razones de seguridad. Si usas WordPress.org (autoalojado), es posible que tengas que ajustar la configuración de tu tema o plugin para permitir los iframes.

1. Utilice el enlace de inserción inteligente:

• Si el código HTML para incrustar no funciona, Canva también ofrece un "enlace de incrustación inteligente" que puedes pegar directamente en WordPress. Para conseguirlo:

  • Abre tu diseño en Canva.
  • Seleccione Compartir > Más > Incrustar .
  • Copia el "enlace de inserción inteligente" y pégalo en tu editor de WordPress.

• Este método funciona en muchas plataformas, incluido WordPress, y puede ser más confiable si los iframes están bloqueados.

como configuro el tema o pluguin de iframes ?

Hola Ruben, 

A cual plugin te refieres? usualmente cuando insertar un iframe basta con añadirlo dentro del bloque de código del constructor, ya sea que utilices Gutenberg o otro como Elementor. 

Si estás interesado en algún plugin puedes probar → https://wordpress.org/plugins/iframe/

Puedes verificar su documentación en la URL oficial → Contenido solo visible a usuarios registrados

Coméntanos con mayor detalle a que te refieres con el pluguin para verificar lo que nos comentas. 

Un Saludo