• 0k
  • 0
Diseño Web \ 13 Septiembre 2012

Tips HTML5: Cómo Integrar Medios Sociales a tu Sitio

Captura de página web de catering

 

Fans, amigos y seguidores son el corazón de cualquier negocio y tu sitio web debe tomarlos en cuenta.
Hacer tu sitio web más sociable tiene un montón de ventajas:

  • Abre más canales de comunicación entre tú y los visitantes de tu sitio web
  • Invita a los visitantes del sitio para actuar como “embajadores” en tu nombre y promover tu sitio web en sus propios canales sociales
  • Te hará ganar algunos puntos al mantenerte al día con las tendencias web
  • Es una forma sencilla de añadir contenido interactivo a su sitio web

El último punto es interesante porque muchos dueños de sitios web no se dan cuenta de lo fácil que es hacer que su sitio sea social. El creador de sitios web HTML5 de Wix lo simplifica aún más mediante el uso de complementos y widgets confeccionados especialmente para esto.

Veamos todas las maneras en las que puedes integrar los medios sociales con Wix.

Add-On Sociales

En el editor de HTML5, ve a “Agregar” y “Social” para encontrar diversos botones sociales que están listos para su uso. Puedes elegir uno o más de los siguientes botones:

Agregar AddOns desde el editor

  • Botón “Me Gusta” de Facebook – los visitantes pueden gustar la URL de su sitio web

Cómo agregar el Botón Me gusta de Facebook

  • Botón “Recomendar” de Facebook – los visitantes pueden recomendar tu sitio web a sus amigos de Facebook.
  • Comentarios de los lectores – los visitantes pueden dejar comentarios en su sitio, con sus perfiles de Facebook

Cómo agregar Comentarios de Facebook

 

  • Botón de “Seguir” de Twitter – los visitantes pueden seguir tu cuenta de Twitter

Cómo agregar el botón de Twitter

  •  Botón “Tweet” de Twitter – los visitantes pueden enviar un tweet creado por ti en su feed de Twitter (por ejemplo, “Echándole un vistazo a este sitio maravilloso de XY”)
  • Twitter Feed – su feed será agregado en el sitio, mostrando todas sus actualizaciones de Twitter
  • Botón +1 de Google – los visitantes pueden dar +1 en la URL de su sitio web

Cómo agregar el +1 de Google+

• Barra social – una serie de tres botones que llevan a tu página de Facebook, cuenta de Twitter y Google+

Cómo agregar la barra de redes sociales

  • Todas estas opciones se pueden personalizar y editar, para que puedas elegir entre diferentes estilos de botón, colores, tamaños y más

Add-On HTML

 

Cómo agregar AddOns HTML para tu sitio

Si estás buscando nuevas herramientas sociales para integrar en tu sitio web, puedes utilizar el complemento de HTML e incrustar los códigos de las muchas herramientas que están disponibles en línea.

Sólo tienes que ir a “Agregar”, elige “AddOn” en el menú y haz click en HTML.

Para incrustar una herramienta específica o un widget, elige el modo de código HTML e introduce el código proporcionado por la fuente de otros fabricantes.

De esta manera, se puede agregar un botón “Seguir Pinterest”, un cuadro de diálogo de “Me Gusta” de Facebook, un botón “Compartir en LinkedIn” y muchos más. Sólo tienes que tomar el código directamente de estas fuentes, copiarlo y pegarlo en el editor de Wix y ¡eso es todo!

(Por favor, ten en cuenta que no podemos prestar todos los servicios de apoyo para los widgets que se han integrado a través de otros sitios web. Te aconsejamos utilizar los códigos de fuentes confiables y conocidas solamente).

PD: Si ya te sientes socialmente animado, echa un vistazo a la izquierda, donde te darás cuenta de las opciones de participación social del Blog de Wix. ¿No te dan ganas de compartirnos con tus amigos? 🙂

Publicado por Equipo Wix
Wix

Bienvenido al

Únete al Blog de Wix ¡Para estar al tanto de novedades!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

¡Suscríbete al Blog! \ 

Diseño web, tendencias, consejos para
emprendedores ¡y todas las novedades sobre Wix!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email