Enlaza tu sitio web Joomla a redes sociales con CoalaWeb

Es usual que los sitios web cuenten con perfiles en redes sociales que tienen como función dar a conocer un negocio, empresa, persona o los servicios que ofrecen a comunidades específicas de usuarios que los siguen. El problema, es que los sitios no siempre están enlazados a estos perfiles o la relación es poco evidente; por esta razón, no se le facilita al usuario encontrarlos y así participar de la comunidad.

Algunos administradores que hacen este enlace, deciden utilizar los botones y cajas facilitados por las mismas redes sociales como Twitter o Facebook. Otros prefieren algo más personalizado. Para esto, todos los administradores de sitios web en Joomla cuentan con una excelente extensión que permite integrar las redes sociales a un sitio web en pasos muy sencillos, de una forma atractiva y clara y sin necesidad de conocimientos en desarrollo web. Esta extensión es Social Links de la empresa CoalaWeb. En este artículo vamos a explicar como implementar esta extensión en un sitio web Joomla en cuestión de minutos y comenzar a disfrutar de los beneficios y ventajas que ofrece.

Instalación y configuración inicial

Para instalar esta extensión la mejor opción es descargar la última versión disponible en el sitio web oficial de CoalaWeb. Hay dos versiones, la profesional y la básica (core), en este caso vamos a utilizar la versión gratuita ya que incorpora todas las funcionalidades que necesitamos para enlazar con todas las redes sociales más populares:

coalaweb social links selection 006

También puede ser descargada e instalada desde el propio sitio Joomla ya que se encuentra disponible en el directorio oficial de extensiones:

Selection 001

Una vez instalada la extensión, hay que crear el o los módulos necesarios para el sitio web. Cada uno de estos módulos se podrá configurar independientemente. El tipo de módulo para crear los botones de compartir y seguir es CoalaWeb Social Links:

coalaweb social links selection 007

Una vez creado el módulo y seleccionada la posición en la plantilla del sitio web, solo resta configurar los botones que queremos añadir, su diseño y la acción al hacer clic.

Diseño de los logos

Para encontrar los diferentes tipos de diseños para los logos de las redes sociales hay que ir a la pestaña de Opciones generales y en lista Estilo de iconos elegir entre alguna de las opciones.

coalaweb social links selection 008

Las opciones disponibles son:

Logos circulares.

coalaweb social links selection 009coalaweb social links selection 010

Logos cuadrados.

coalaweb social links selection 017coalaweb social links selection 018

Logos cuadrados con bordes redondos.

coalaweb social links selection 019coalaweb social links selection 020

Diseño especial de logos basado en WP Zoom.

coalaweb social links selection 022coalaweb social links selection 023

Los diseños pueden ser aplicados tanto a los botones de compartir como los de seguir como se puede apreciar en los ejemplos. En esta misma sección puede ser elegido el tamaño deseado de los logos. Estos tamaños están dados en pixeles:

coalaweb social links selection 024

Además, se pueden configurar algunos otros aspectos de diseño tales como bordes y sombras para personalizar de acuerdo a las características del sitio y de la plantilla.

coalaweb social links selection 025

Selección de los botones

No te preocupes, no tienes que publicar todos los botones de redes sociales que están disponibles. En CoalaWeb hay dos tipos de botones: los de compartir y los de seguir. Ambos tienes funciones distintas.

Botones de seguir

Los botones de seguir son lo que cuentan con mayor grado de personalización y la configuración específica para cada red social está organizada en las pestañas de acuerdo a la letra inicial de la red social. Al ser botones específicos, en la mayoría hay que definir la página oficial a la que queremos enlazar al usuario al hacer clic sobre el botón:

coalaweb social links selection 011

En el caso anterior, en el espacio de Enlace de Facebook debes ingresar la URL de la página oficial del sitio web. También es posible ingresar otro tipo de servicios para distribuir contenido como los es RSS:

coalaweb social links selection 015

Para mostrar o no un botón de red social, solo debes cambiar la posición del interruptor para cada caso específico. De forma predeterminada, casi todos los botones se encuentran activos al momento de instalar la extensión, por lo que deberás desactivar todos los que no vayas a utilizar.

Botones de compartir

Los botones de compartir son diferentes. Estos cumplen con la función de tomar el contenido actual de la página y compartirlo a la red social de preferencia. Para esto genera un cuadro de diálogo que permitirá a los usuarios compartir directamente en sus propias redes sociales.

coalaweb social links selection 003

Al igual que con los botones de seguir, es posible elegir las redes sociales que queremos que aparezcan en el módulo.

coalaweb social links selection 013

Incluso es posible activar el botón de compartir por Whatsapp. Este funciona a la perfección pero solo aparece a los usuarios que visitan el sitio web desde un dispositivo móvil.

coalaweb social links screenshot 20180523 202921 01

En algunos casos de redes sociales como Facebook, es recomendable ingresar un ID de App de Facebook y este es el punto donde vamos a introducir la configuración global del componente.

Configuración global

Para acceder a la configuración global del componente solamente hay que ir al menú de componentes e ingresar a CoalaWeb Social Links. Una vez en el componente elegimos Opciones:

coalaweb social links selection 002

En la pestaña general hay una serie de parámetros útiles para ingresar y facilitar la integración con las redes sociales relacionadas con sitio web. Estas opciones incluyen Facebook App ID, usuario y hashtags de Twitter.

coalaweb social links selection 001

Configuración avanzada

De regreso a la configuración del plugin, en la pestaña de configuración avanzada hay 3 parámetros muy relevantes que vale la pena resaltar:

  • Activar NoFollow para indicar a los motores de búsqueda no seguir un enlace específico.
  • Cargar archivos CSS del componente o utilizar los de la plantilla.
  • Texto del link es útil para servicios que no cargan CSS o lectores de pantalla en sistemas de accesibilidad.

coalaweb social links selection 016

En resumen, CoalaWeb Social Links es un componente que ofrece decenas de posibilidades para integrar un sitio web Joomla al facilitar la creación de botones de compartir y seguir para una gran cantidad de redes sociales. Estas incluyen: Whatsapp, Instagram, Pinterest, Twitter, Reddit, Facebook, Tumblr, LinkedIn, Google+, Flickr, GitHub, eBay, Spotify, TripAdvisor, Vimeo, Youtube y muchas más. A un administrador no le tomará más que unos pocos minutos configurar uno o más módulos de acuerdo a las necesidades del sitio.

Escribir un comentario

Por favor procura que tus comentarios estén relacionados con la entrada, comenta con tu nombre y no pongas enlaces en tu comentario. Intenta también respetar a los demás lectores, los comentarios off topic, promocionales, ofensivos o ilegales serán editados y borrados.


Código de seguridad
Refescar