añadir-widget plugin gadget web.jpg

Como poner un Widget o Gadget HTML en tu web o blog.

abril 28, 2017 ,

No importa la plataforma con la que trabajes, insertar un widget o gadget en tu website no es nada complicado, solo es cuestión de copiar y pegar texto. A continuación te muestro como hacerlo en las plataformas mas famosas como Jimdo o Weebly. En un futuro añadiré aún más.

Utilizaremos como ejemplo un widget que proporciona el sitio: el-tiempo.com

Anuncio:

Chat para tu Web – Smartsupp

Ver ejemplo
Ver vídeo

Páginas reales que usan Smartsupp:

aateha.es

dagatron.es

Su paquete gratis tiene excelentes caracteristicas tecnicas (como un número de agentes ilimitado) y sus otros 2 planes de pago tambien, (historial de chat ilimitado), ademas de muy buenos precios.

Un pro notable es que permite grabar lo que hace el visitante dentro de tu web para entender entre otras cosas «porque dejo tu página web».

Su peor calificación se la lleva su soporte y el hecho de que no se puede remover su marca en ningun plan.

Mostrar más
Ocultar

Insertar widget

En el CMS Webnode (V1).

1. Una vez que obtenemos el código HTML de nuestro widget (Apuntado por una flecha en la imágen anterior), lo copiamos y nos dirigimos al editor de nuestra página en Webnode.

2. En el apartado «Contenido» del editor le damos clic a «Widgets» y posteriormente elegimos «Código Embebido».

Insertar widget

3. Se abrirá la ventana: «Nuevo Widget: Insertar Código». Inserta el código que has copiado anteriormente y configura la alineación del widget. Confirma los cambios realizados haciendo clic en «Aceptar».

Insertar widget

4. Publica los cambios para que los puedan ver los visitantes correctamente, listo.

En el CMS Webnode (V2).

1. Una vez que obtenemos el código HTML de nuestro widget, lo copiamos y nos dirigimos al constructor visual de nuestro sitio.

2. Debajo de cualquier elemento, damos click en el botón de «+» y seleccionamos la opción «HTML», que esta en el segundo bloque.

Código HTML en Webnode Nuevo

3. Pega el código en el cuadro de la ventana y haz clic en «Ok».

Codigo en Webnode 2

4. Publica los cambios realizados y listo.

En el CMS Blogger (Google).

1. Una vez que obtenemos el código HTML de nuestro widget, lo copiamos y nos dirigimos al panel de control de nuestro blog.
2. luego elegimos la opción: «Diseño» y hacemos clic en cualquier zona que diga «Añadir un gadget».

3. En la pagina (PopUp) que se abre seleccionamos la opción «HTML/Javascript» para insertar el código en nuestro blog.

Añadir widget a Blogger

4. Una vez elegida la opción aparecerá un cuadro de texto en donde pegaremos nuestro código HTML, ten cuidado en no modificar nada, ya que podría no funcionar el widget correctamente.

Configurar un código

5. Una vez colocado el código HTML cerramos la ventana y publicamos los cambios, luego nos podemos ir a nuestro blog y veremos como esta funcionando el widget.

En el CMS PaginaWebGratis.es (PWG)

1. Una vez que obtenemos el código HTML de nuestro widget, lo copiamos y nos dirigimos al panel de control de nuestra web creada en PWG.
2. Entramos en el apartado «Páginas», y le damos clic a que le queremos insertar el widget.
3. Dentro del editor de Texto seleccionamos la opción «Fuente HTML» que se encuentra en la parte superior izquierda.
HTML en PWG
4. Se mostrara el código fuente y dependiendo de donde quieras colocar el widget pegas su HTML code, ejemplo: en la parte inferior de la página. Después haz clic en «Guardar» y listo.
Pegar código en PaginaWebGratis

En el CMS Weebly.

1. Una vez que obtenemos el código HTML de nuestro widget, lo copiamos y nos dirigimos al editor de Weebly. Dentro de las opciones del constructor seleccionamos la básica: «Incorporar Código».
Poner gadget en Weebly
2. Arrastra el cuadro hacia cualquier parte de la página, y dentro del campo de texto que surge pega el código HTML de tu widget. Recuerda que puedes modificar la alineación.
Poner widget en Weebly
3. Por ultimo haz clic en: «Publicar» para guardar todos los cambios realizados.

En el CMS Jimdo

1. Una vez que obtenemos el código HTML de nuestro widget, lo copiamos y nos dirigimos al editor de nuestra página web creada en Jimdo.

2. Hay que añadir un modulo, para eso haz click en el botón con este titulo.

3. Elije la opción «Widget / HTML» y dentro del campo de texto que aparece pega el código HTML.

Pegar código y guardar cambios

34 Después haz clic en Guardar y listo veras como funciona el widget correctamente en tu web.

Leer más: http://patuweb.webnode.es/news/como-poner-un-widget-o-gadget/

Tags:
Written by Arturo Morlan
Experto en herramientas de Diseño Web, redactor en revistas y blogs internacionales, Director de Marketing Digital en Rines y LLantas Tuxtepec. Fundador y CEO de TodopatuWeb.