Cómo incluir tu cuadro de Me gusta de Facebook en WordPress

Incluir un cuadro de Me gusta de en el sitio web es un componente vital si valora la integración de las redes sociales. Brinda a los visitantes una manera fácil de seguir su cuenta mientras los mantiene informados cuando publican material nuevo en el popular motor de búsqueda. También puede ser una excelente manera de aumentar los fanáticos del perfil en lugar de depender únicamente de atraer usuarios de .

Cuando a alguien le gusta su perfil de desde el sitio web, lo está agregando a su propio feed. Esto significa que cualquier cosa que publique directamente en será vista por la persona cuando esté en el sitio de la red social. Como resultado, está obteniendo una forma de involucrar a una audiencia aún más que simplemente escribir contenido.

Hoy, le mostraremos cómo poner el cuadro Me gusta de en WordPress. Hay algunos métodos para hacerlo. Ya sea que desee complementos simples o codificación avanzada, así es como agrega a su sitio web.

Esta es solo una de las muchas formas que se pueden usar para integrar las redes sociales en un sitio web de WordPress .

Método 1: usar el widget de

Los complementos y widgets son dos de las cosas que hacen de WordPress una plataforma tan popular. En este caso, vamos a usar el complemento de porque tiene versatilidad como widget de barra lateral y proporciona un código abreviado para usar en otras partes del sitio.

Para instalar para su sitio web:

Paso 1: Vaya al área de complementos de su panel de administración de WordPress y haga clic en el botón "Agregar nuevo" en la parte superior izquierda.

Paso 2: busque el complemento "" en el campo provisto a la derecha.

NOTA : Aparecerá una gran cantidad de complementos de . Quieres el que es de Weblizar. Es un complemento altamente calificado con más de 50,000 instalaciones activas.

Paso 3: Instale y active el complemento.

NOTA : Al activar este complemento, se agregará una nueva herramienta al panel de administración izquierdo de WordPress llamada " By Weblizar".

Paso 4: ahora que tiene instalado el complemento, necesita un código API de . Esto habilita el seguimiento y otras funciones que puede usar desde el panel de desarrolladores de . Visite el sitio de desarrolladores de mientras inicia sesión como su cuenta.

Paso 5: en el lado derecho del sitio, verá un cuadro desplegable junto a su imagen de perfil con la etiqueta "Mis aplicaciones". Esta es una lista de todo lo que has conectado a . Pase el mouse sobre este cuadro.

Paso 6: busque el enlace "Agregar una nueva aplicación" y haga clic en él. Este enlace estará debajo de cualquier aplicación que haya creado. De lo contrario, puede estar en la parte superior de la lista.

Paso 7: aparecerá una nueva ventana para crear una nueva ID de aplicación. Complete la información en esta ventana:

Nombre para mostrar : así es como desea llamar a la aplicación. Por ahora, solo pongamos "Me gusta".

Correo electrónico de contacto : use una dirección que esté asociada con la aplicación y .

Categoría : para este complemento, seleccione "Aplicaciones para páginas"

Paso 8: Haga clic en el botón "Crear ID de aplicación" en la parte inferior derecha.

Paso 9: solicitará un control de seguridad. Este es un código CAPTCHA que debe ingresarse. Una vez que ingrese el código, haga clic en "Enviar".

Paso 10: Una vez que se acepta el CAPTCHA, se tomará un momento y creará la aplicación. Esto puede llevar más de unos segundos, así que tenga paciencia.

Paso 11: La siguiente pantalla será un tablero para la nueva aplicación. En la parte superior, verá un número de "ID DE APLICACIÓN". Copia este número.

Paso 12: Regrese a su panel de administración de WordPress y vaya al área de apariencia.

Paso 13: Haga clic en "Widgets".

Paso 14: busque el widget " By Weblizar" y arrástrelo a la barra lateral.

Paso 15: Expanda el widget haciendo clic en su nombre.

Paso 16: Pegue la ID de la aplicación de en el campo de texto en la parte inferior.

Paso 17: Copie y pegue la URL de su página de en el campo de texto.

Paso 18: elige si quieres mostrar caras o no usando el cuadro desplegable.

Paso 19: Configure la transmisión en vivo de la fuente de . Esto se actualizará automáticamente cada vez que agregue contenido nuevo a su perfil social.

Paso 20: establece el ancho del widget. Si conoce el ancho exacto que usa su tema para la barra lateral, aquí es donde lo colocaría.

Paso 21: establece la altura del feed de . Desea utilizar una altura que se vea bien para el sitio, pero no demasiado larga porque puede ser una distracción para los visitantes.

Paso 22: haga clic en el botón Guardar en la parte inferior del widget. Su botón Me gusta de ahora está listo para los visitantes.

Alternativamente, también puede ingresar a la herramienta en el panel de administración de WordPress a la izquierda para " By Weblizar". Al usar la misma ID de aplicación y la misma información que se puso en el widget, puede crear un código abreviado para usar en todo el sitio web. Esto le permitirá colocar el feed de y el botón Me gusta en cualquier publicación y página dentro de WordPress.

Este widget responde, lo que significa que cambiará de tamaño según el espacio de la página. Si no conoce las dimensiones exactas de la barra lateral, entonces no tiene que preocuparse de que rompa el sitio por ser demasiado ancha.

Método 2: Usar Jetpack

Si su instalación de WordPress viene con el complemento Jetpack , entonces ya tiene acceso a un módulo de . Este proceso es mucho más rápido que el método anterior. Sin embargo, no tiene las herramientas de seguimiento que se ofrecen a través del portal de desarrolladores de ni la capacidad de crear un código abreviado.

El widget de es solo uno de los muchos complementos que ofrece Jetpack . Hay más de 30 disponibles y pueden ser bastante útiles.

Para habilitar el módulo de :

Paso 1: agregue, instale y active Jetpack si aún no lo tiene. Muchas instalaciones de WordPress ya vienen con este complemento.

Paso 2: haga clic en la herramienta Jetpack en el panel de administración izquierdo en WordPress.

Paso 3: haz clic en el enlace de configuración debajo de Jetpack.

Paso 4: Haga clic en el enlace Apariencia en la pantalla de configuración.

Paso 5: busque el módulo etiquetado como "Widgets adicionales de la barra lateral" y haga clic en el botón de cambio a la derecha.

Paso 6: Aparecerá un mensaje verde en la parte superior derecha informándole que los widgets se han activado. Haga clic en el propio módulo para expandirlo.

Paso 7: haga clic en el enlace etiquetado como "Configurar la configuración de los widgets de la barra lateral adicional". Esto lo llevará al área de widgets de WordPress.

Paso 8: En esta pantalla, busque el widget "Complemento de página de (Jetpack)" y arrástrelo a su barra lateral.

Paso 9: expande el widget e ingresa la información de tu perfil de .

Paso 10: Cuando haya ingresado la información, haga clic en el botón Guardar en la parte inferior. Ahora tienes un botón Me gusta de .

La mayor diferencia entre el uso de Jetpack y el complemento de Weblizar es que no necesita una ID de aplicación para comenzar a usar el botón Me gusta. Todo este proceso puede llevar menos de unos minutos y no tienes que salir de la pantalla de administración de WordPress.

Método 3: Usar código

Si no desea utilizar un complemento, siempre puede obtener el código directamente de . Al visitar el área de desarrolladores y crear un botón Me gusta desde cero, puede pegar el código provisto en una miríada de áreas de WordPress. Esto es para desarrolladores más experimentados, ya que tendrás que editar varios archivos de WordPress para usar el código.

Para hacer su botón manual:

Paso 1: visita el sitio de desarrolladores de .

Paso 2: desplácese hacia abajo en la página hasta llegar al "Configurador del botón Me gusta".

Paso 3: Ingrese la URL de su página de para "URL para gustar".

Paso 4: Modifique el ancho para que se ajuste a sus preferencias.

Paso 5: Elija un diseño del botón. Al elegir, verá un ejemplo de cómo se verá el botón debajo de las opciones.

Paso 6: Seleccione el tipo de acción. Esto se puede establecer en "Me gusta" o "Recomendar". Por ahora, dejémoslo en Me gusta.

Paso 7: Mantenga marcada la casilla de compartir.

Paso 8: Haga clic en el botón "Obtener código" debajo de su imagen de muestra.

Paso 9: Aparecerá una nueva ventana que le dará la opción de seleccionar JavaScript SDK o iFrame. Puede ser mejor usar el método iFrame ya que es más fácil de implementar en WordPress. También es menos complicado.

Paso 10: Copie el código para pegarlo en WordPress.

El cuadro Me gusta de puede ser una excelente manera de fomentar la interacción de los visitantes mientras aumenta el número de seguidores en el sitio web de redes sociales. Puede agregar una sensación de continuidad y ayudar a generar confianza entre los visitantes. Instala tu propia caja de Me gusta y dale a la gente una razón para seguir la cuenta.

¿Qué tipo de elementos sociales pones en WordPress? ¿Con qué frecuencia obtiene seguidores en sitios como y Twitter directamente desde su sitio web?