Support Centre

Incruste un diseño en su sitio web, correo electrónico o publicación de blog

Patrick Gabriel
Patrick Gabriel
  • Actualización

Disponible en los siguientes planes de suscripción de
Venngage: Premium, Negocios y Empresas.

Los usuarios pagos  pueden compartir sus diseños de Venngage a través de incrustaciones, que usan código html para mostrar el diseño en una página web, una publicación de blog o en un correo electrónico.

 

Abre el diseño que quieras  incrustar en el Editor de Venngage. Finaliza el diseño para que se vea exactamente como te gustaría, antes de compartirlo.

Seleccione  Compartir  en el menú sobre el lienzo de diseño (arriba a la derecha) cuando esté listo para obtener su código de inserción.

En el Editor de Venngage, un usuario seleccionó el botón Compartir en el menú superior y se abrió el modal (cuadro) Compartir.  El usuario hace clic en la tercera de las tres pestañas en la parte superior del modal: Compartir, Descargar e Incrustar.

 

Personaliza tus opciones de inserción.  Alterne "Borde" para  agregar un borde  alrededor del diseño (haga un espacio adicional alrededor del diseño en sí) o "Pie de página" para agregar algo de espacio debajo del diseño. Alterne "  Sensible  " para permitir que la página que muestra su diseño  realice cambios en el tamaño y la visualización  , en relación con el dispositivo o la configuración del navegador en el que se está viendo.

Con el modal Compartir (cuadro) abierto y mostrándose sobre el lienzo de diseño, el usuario alterna las opciones bajo el encabezado Personalizar sus opciones de inserción (en la pestaña Incrustar).  El usuario activa Pie de página, Borde, luego desactiva y luego desactiva Respuesta.  En un cuadro de código bajo el encabezado Código incrustado, el código se actualiza automáticamente de acuerdo con las opciones que se activan o desactivan.

 

Haga clic o seleccione  Copiar  en la parte inferior del modal (cuadro) cuando esté listo para copiar el código de inserción. Esto copiará automáticamente el código que se muestra en "Código para insertar" en el portapapeles de su dispositivo.

Un lienzo infográfico está abierto en el Editor de Venngage, con el modal (cuadro) Compartir abierto y mostrándose sobre el lienzo de diseño.  El modal Compartir tiene tres pestañas: Compartir, Descargar e Incrustar.  La pestaña Incrustar está seleccionada.  Bajo el encabezado Personaliza tus opciones de inserción, el usuario activó el interruptor junto a Pie de página y desactivó los interruptores junto a Borde y Responsivo.  Bajo el encabezado Código de inserción, un campo de texto muestra el código HMTL para que el usuario copie la inserción de acuerdo con las opciones que seleccionó.  El usuario hace clic en copiar y aparece un pequeño widget en la parte inferior del modal que confirma que el código en el campo de texto Código incrustado se ha copiado correctamente.

 

Agregue el código de inserción a su blog, página web o correo electrónico.

 

Muéstrame cómo: agregar HMTL personalizado a una publicación de blog de Wordpress

Este es un ejemplo de lo que puedes hacer con el código de inserción de tu diseño de Venngage.

Crea una nueva publicación en tu blog de Wordpress.

Agregue un  widget HTML personalizado  a la publicación.

Pega el código de inserción que copiaste del editor de Venngage directamente en la publicación de Wordpress.

Haga clic en "Vista previa" para ver cómo se mostrará la infografía en la publicación una vez que se publique.

 

En una ventana abierta a una nueva publicación en Wordpress, un usuario escribe Mi infografía en el campo de título de la publicación.  El usuario hace clic en el ícono más para agregar un nuevo bloque a la publicación de Wordpress y se desplaza hacia abajo por las opciones disponibles hasta que haga clic en HTML personalizado debajo del encabezado Widgets.  Aparece un bloque HTML en la publicación de Wordpress;  el usuario pega el código de inserción del editor de Venngage y usa los controles de navegación superiores sobre el bloque de código para cambiar a Vista previa, que luego muestra el diseño infográfico de Venngage en el cuerpo de la publicación de Wordpress.

 

 
VENNGAGE LOGO

¿Tienes curiosidad por suscribirte? Revisa nuestros planes.

 

 

 

¿Fue útil este artículo?

Usuarios a los que les pareció útil: 0 de 1

¿Tiene más preguntas? Enviar una solicitud