• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

Dani Sánchez

  • ¿Eres agencia?
  • Quién soy
  • Servicios WordPress
    • Mantenimiento
    • Maquetación & Desarrollo
    • Soporte técnico
  • Portfolio
  • Blog
  • Presupuestos
Estás en: Inicio / Publicaciones / Añade la caja de Me Gustas de Facebook en tu Web y consigue más seguidores

Añade la caja de Me Gustas de Facebook en tu Web y consigue más seguidores

El 19 de septiembre de 2016 por dani.sanchez

Algo que solemos ver en muchas páginas es la caja de Facebook propia de cada web para que de forma cómoda le demos a «Me Gusta» sin tener que localizarla en el propio Facebook. Incluso muchas te muestran una ventana emergente ofreciéndote seguir su página a los pocos segundos de entrar en su web.

Esto podemos hacerlo en nuestra propia web con un sencillo plugin (entre muchos otros) llamado Easy Facebook Likebox.

Easy Facebook Likebox plugin

Lo localizamos en el repositorio de plugins de WordPress y lo descargamos y activamos:

instalar easy facebook likebox

Una vez activado se añadirá como un elemento más en el menú principal de WordPress:

menu easy facebook likebox

Al acceder a la pantalla de Easy Facebook Likebox nos encontramos con 3 secciones: General, Auto Pop-Up, Support and Updates:

En la sección General nos ofrece instrucciones acerca del plugin, y como generar shortcodes para pegarlos en distintas secciones como páginas, entradas, widgets, etc. Podéis darle un repaso pero vamos a pasar directamente a lo interesante.

Añadir la Caja de Me Gustas de Facebook en un lateral o parte inferior de nuestra web es muy sencillo, através de un Widget que incorpora el plugin. Este widget podemos localizarlo en Aparciencia – Widgets – Easy Facebook Likebox.

widgets easy facebook likebox

Podemos arrástralo a las secciones que nos permita nuestra plantilla de WordPress, como el sidebar, el header o footer. Por ejemplo lo añadimos al lateral:

configurar widgets easy facebook likebox

Lo único que tenemos que configurar:

  • El título: por ejemplo «Síguenos en Facebook».
  • La URL de nuestra página de Facebook.
  • El ancho del widget (width): que por defecto está en 250px, y es apropiado para el tamaño de la barra lateral.
  • El alto del widget (height): Si lo dejamos en blanco se adaptará de forma automática.
  • Locale: Especificamos el código de idioma en el que queremos que se muestre el plugin. Por ejemplo en_EN (inglés de Inglaterra), en_US (inglés estadounidense), es_ES (español de España), es_MX (español de Méjico), etc…
  • Responsive: Si lo activamos, el widget se adaptará de forma automática al tamaño de la pantalla del dispositivo.
  • Show Faces: Muestra la foto de perfil de algunos de nuestros seguidores.
  • Hide Cover Photo: Oculta la imagen de portada de tu página de Facebook.
  • Show Posts: La caja muestra las últimas entradas de tu Páginas de Facebook.
  • Hide CTA Button: Permite ocultar el botón de llamada a la acción configurado en tu Página de Facebook.
  • Use small header:  Usa un formato de cabecera reducido para el widget.

Una vez guardados los cambios podemos ver los resultados en una página cualquiera de WordPress:

página que muestra el widget de Easy Facebook Likebox

También podemos ubicarlos en footer, quedando así:

widget en el footer

Si queremos crear una llamada a dar «Me Gusta» a nuestra página a modo de Pop up, que se muestre a los pocos segundos de que nuestro usuario entre en la página, volvemos a las opciones del Plugin, y nos situamos sobre la pestaña Auto Pop Up:

Configurar Auto Popup

Lo primero que debemos hacer es activar la casilla Enable PopUp.

A continuación nos pide el intervalo en milisegundos que pasará desde que el visitante entra en nuestra página hasta que le muestra la ventana de Facebook, siendo 5000 milisegundos el equivalente a 5 segundos. Lo apropiado es configurarlo entre 15 y 30 segundos, para no avasallar demasiado pronto al usuario.

Configuramos también el ancho (width) y alto (del widtget), hay que comentar que si nos pasamos con el ancho o alto de la ventana es posible que el espacio sobrante se quede en blanco, por lo que unas medidas óptimas que a mi me funcionan son 500px de ancho y 215px de alto.

En el campo Popup Content debemos pegar un shortcode que podemos copiar directamente del widget creado anteriormente. Por lo que si nos dirigimos a Menú – Apariencia – Widgets, localizamos el widget de Easy Facebook Likebox, lo desplegamos y copiamos el shortcode:

copiar el shortcode de Easy Facebook Likebox

Y lo pegamos en el campo Popup Content, ajustando los valores box_width=»500″ y box_height=»215″, para que la caja de Facebook sea igual al tamaño del Popup.

El resto de opciones:

  • Show on home only: Si activamos esta opción, el Popup solo se mostrará a aquellos usuarios que entren a la página principal de la web. Si llegan a través de un buscador directamente a una página o entrada, la caja no se mostrará.
  • Enable if visitor is logged in: Si está habilitado, el Popup se mostrará a los usuarios logueados en nuestra página.
  • Enable if visitor is not logged in: Si está habilitado, el Popup se mostrará a los usuarios que no están logueados en nuestra página. Es la opción recomendable.
  • Close button act as never show again: Habilitado, el Popup no se mostrará más si el usuario lo ha cerrado.
  • Disable on mobile: Desactiva el Popup en teléfonos móviles y tablets.

Tal y como está configurado, al entrar en la web, a los 5 segundos saltará el Popup configurado:

Popup Easy Facebook Likebox

Publicado en: Publicaciones, Tutoriales, WordPress Etiquetado como: facebook, plugins, publicaciones, tutoriales, wordpress

¿Quiéres invitarme a un café?

Si te has fijado en este blog no hay ni rastro de publicidad, todo el contenido publicado lo hago de forma artruista al igual que yo recurro a otros sitios cuando necesito algo. Pero si te he servido de ayuda y quieres agradecérmelo, puedes hacer una pequeña donación (el importe que quieras):

Entradas similares

  • Cerrar modales de Elementor con JavaScript (jQuery)
  • Redirección 301 para cambios de dominio
  • Guía rápida de Flexbox
  • Filtro de WooCommerce para personalizar el mensaje de «Gracias por tu pedido»
  • Portátiles reacondicionados, ¿mejor que uno nuevo?

Interacciones con los lectores

Comentarios

  1. antonio dice

    4 de noviembre de 2017 a las 11:12

    Gracias por la aportación

Barra lateral principal

Autor

Dani Sánchez

logo mastodon @danisanchez

Entradas recientes

  • Iniciar sesión en nuestros VPS mediante SSH Keys
  • Cerrar modales de Elementor con JavaScript (jQuery)
  • Redirección 301 para cambios de dominio
  • Guía rápida de Flexbox
  • Filtro de WooCommerce para personalizar el mensaje de «Gracias por tu pedido»

Comentarios recientes

  1. Brandon Portes en Taller de verano de WooCommerce #1
  2. Sebastian en Instalar WordPress + MySQL + phpMyAdmin desde Docker Compose
  3. Rigol en Instalar LAMP (Linux, Apache, MySQL y PHP) en Fedora
  4. dani.sanchez en Instalar WordPress + MySQL + phpMyAdmin desde Docker Compose
  5. rikylinux en Instalar WordPress + MySQL + phpMyAdmin desde Docker Compose

Categorías

  • Actualidad
  • Afiliación AliExpress
  • Agent Press Pro
  • Bettaso Web Restaurantes
  • Cursos
  • Destacado
  • Divi
  • Drupal
  • Elementor
  • Genesis
  • Iniciación a PHP
  • Joomla!
  • Linux
  • Publicaciones
  • Tutoriales
  • WooCommerce
  • WordPress
Medium banner says Support Inkscape
Banner pie de página

Maquetación web, landings, blogs y tiendas online
cuidando hasta el mínimo detalle

Si necesitas que desarrolle tu proyecto web ponte en contacto conmigo.

Contacto
  • Mastodon
  • YouTube
  • LinkedIn

Alojado con energía 100% verde

Dani Sánchez © 2025 · Política de privacidad · Política de cookies