¿Quieres agregar un botón Me gusta de Facebook en WordPress?
Un botón Me gusta de Facebook en su sitio web de WordPress puede hacer que sea simple y fácil para los usuarios dar me gusta y compartir su contenido. Puede aumentar el compromiso y obtener más seguidores.
En este artículo, le mostraremos cómo agregar el botón Me gusta de Facebook en WordPress.
¿Por qué agregar un botón Me gusta de Facebook en WordPress?
Facebook es una de las plataformas de redes sociales más populares del mundo. Muchas empresas usan Facebook para conectarse con sus clientes y promocionar sus productos.
Agregar un botón Me gusta de Facebook a su sitio web de WordPress puede ayudar a impulsar una mayor participación. También alienta a las personas a compartir su contenido en sus perfiles de Facebook y atraer nuevos usuarios a su sitio.
Puede usar el botón Me gusta de Facebook para aumentar su seguimiento social y construir una comunidad. Ayuda a dar a conocer sus productos y servicios y a aumentar las conversiones.
Dicho esto, echemos un vistazo a cómo agregar un botón Me gusta de Facebook en WordPress usando un complemento o agregando un código personalizado.
Método 1: Agregue el botón Me gusta de Facebook en WordPress usando un complemento
En este método, usaremos un complemento de WordPress para agregar el botón Me gusta de Facebook. Este método es muy simple y recomendado para principiantes.
Lo primero que debe hacer es instalar y activar el Me gusta y compartir de BestWebSoft enchufar. Para obtener más información, consulte nuestra guía paso a paso para instalar un complemento de WordPress.
Después de la activación, puede ir a Me gusta y compartir » Configuración desde su panel de administración de WordPress.
A continuación, debe agregar la identificación de la aplicación de Facebook y el secreto de la aplicación. Si no tiene esta información, simplemente siga los pasos a continuación.
Cree una ID de aplicación de Facebook y un secreto de aplicación
Continúe y haga clic en el enlace ‘crear un nuevo’ en el campo ID de la aplicación o Secreto de la aplicación en el complemento Me gusta y compartir.
Esto lo llevará al sitio web Meta para desarrolladores. Recomendamos abrir el sitio web en una pestaña o ventana diferente, ya que deberá abrir la página de configuración Me gusta y Compartir en su panel de WordPress para ingresar la ID y el secreto de la aplicación.
Desde aquí, debe seleccionar un tipo de aplicación. Continúe y elija «Negocios» como el tipo de aplicación y presione el botón «Siguiente».
A continuación, debe proporcionar información básica sobre su aplicación.
Puede ingresar un nombre para mostrar para su aplicación y asegurarse de que la dirección de correo electrónico correcta aparezca en el campo «Correo electrónico de contacto de la aplicación». Facebook elegirá automáticamente la dirección de correo electrónico de la cuenta con la que está conectado actualmente.
También hay una opción de configuración para elegir una cuenta comercial. Puede dejar esto en ‘Ninguna cuenta de Business Manager seleccionada’ y hacer clic en el botón ‘Crear aplicación’.
Ahora aparecerá una ventana emergente donde Facebook te pedirá que vuelvas a ingresar tu contraseña.
Esto es por motivos de seguridad para detener la actividad maliciosa en su cuenta. Adelante, ingrese la contraseña de su cuenta de Facebook y haga clic en el botón ‘Enviar’.
Después de eso, verá el panel de control de su aplicación.
Desde aquí puedes ir a Ajustes » Básico del menú a su izquierda.
En la página Configuración básica, verá el ‘ID de la aplicación’ y el ‘Secreto de la aplicación’.
Ahora puede ingresar esta información en la configuración del complemento Me gusta y compartir en su tablero de WordPress.
Termina de personalizar tu botón Me gusta de Facebook
Primero, copie el ‘ID de la aplicación’ y regrese a la pestaña o ventana donde desea que Me gusta y compartir » Configuración página abierta. Simplemente ingrese la ‘ID de la aplicación’ en los campos respectivos.
Ahora repita el paso copiando los datos de ‘App Secret’ de la página Meta para desarrolladores y pegándolos en la configuración del complemento Me gusta y Compartir.
Una vez que haya hecho eso, puede elegir si mostrar el botón Me gusta de Facebook, junto con la URL del perfil y los botones Compartir.
También hay configuraciones para editar el tamaño del botón Me gusta de Facebook, la posición antes o después del contenido y la alineación.
Si ha habilitado el botón URL del perfil, puede desplazarse hacia abajo hasta la sección «Botón URL del perfil» e ingresar su nombre de usuario o ID de Facebook.
No olvide guardar los cambios cuando haya terminado.
Ahora el complemento agregará automáticamente un botón Me gusta de Facebook a su sitio web de WordPress y lo posicionará según su configuración.
También puede utilizar el [fb_button] shortcode para agregar el botón Me gusta de Facebook en cualquier lugar de su sitio.
¡Eso es todo! Ahora puede visitar su sitio y ver el botón Me gusta en cada publicación.
Método 2: agregar manualmente el botón Me gusta de Facebook en WordPress
Otra forma de agregar un botón Me gusta de Facebook es mediante el uso de un código personalizado. Sin embargo, este método requiere que agregue el código directamente en WordPress, por lo que solo lo recomendamos para personas que se sienten cómodas editando código.
Con eso en mente, vamos a usar el complemento gratuito WPCode para esto, lo que facilita que cualquier persona agregue código a su blog de WordPress.
Primero tienes que visitar el Página ‘Me gusta’ en el sitio web de Meta for Developers y desplácese hacia abajo hasta la sección «Configurador del botón Me gusta».
A continuación, puede introducir la URL de su página de Facebook en el campo ‘URL a Me gusta’. Esta es la página que desea asociar con el botón Me gusta de Facebook.
Después de eso, use la configuración para elegir el diseño y el tamaño del botón Me gusta. También verá una vista previa del botón Me gusta.
Una vez que esté satisfecho con la vista previa, haga clic en el botón «Obtener código».
Aparecerá una ventana emergente con dos bits de fragmentos de código en la pestaña ‘JavaScript SDK’.
Tenga en cuenta que agregar estos fragmentos de código directamente a su tema de WordPress puede dañar su sitio web. Además, los fragmentos de código se sobrescriben cuando actualiza el tema.
Una forma más fácil de agregar código a su código es usar el Código WP enchufar. Le permite pegar fragmentos de código en su sitio web y administrar fácilmente el código personalizado sin tener que editar los archivos del tema.
Primero necesitas el . instalar y activar Complemento gratuito de WPCode. Para obtener más información, consulte nuestra guía sobre cómo instalar un complemento de WordPress.
Después de la activación, puede ir a Fragmentos de código » Encabezado y pie de página desde tu panel de WordPress. Ahora necesita copiar el primer fragmento de código y agregarlo a sus temas de WordPress header.php archivo justo después de la <body> etiqueta.
Copie el código e ingréselo en la sección ‘Cuerpo’. No olvide hacer clic en el botón ‘Guardar cambios’.
A continuación, debe copiar y pegar el segundo código en su sitio de WordPress para mostrar el botón Me gusta.
Para empezar, puedes ir a Fragmentos de código » + Agregar fragmento desde su panel de administración de WordPress o haga clic en el botón ‘Agregar nuevo’.
En la siguiente pantalla, WPCode le permite seleccionar un fragmento de la biblioteca preconstruida o agregar un nuevo código personalizado.
Continúe y elija la opción ‘Agregar su código personalizado (nuevo fragmento)’ y haga clic en el botón ‘Usar fragmento’.
Después de eso, puede nombrar su código personalizado e ingresar el segundo fragmento de código en la sección ‘Ejemplo de código’.
Asegúrese de hacer clic en el menú desplegable «Tipo de código» y seleccione «Fragmento de HTML» como tipo de código.
Luego, puede desplazarse hacia abajo hasta la sección «Insertar» y seleccionar dónde desea que aparezca el botón Me gusta de Facebook. Por ejemplo, supongamos que desea que aparezca antes que el contenido.
Simplemente haga clic en el menú desplegable «Ubicación» y elija el Insertar antes del contenido opción en Página, Publicación, Tipos de publicación personalizados.
Cuando haya terminado, puede hacer clic en el botón ‘Guardar fragmento’.
También debe hacer clic en el interruptor y cambiarlo de Inactivo a Activo.
Eso es todo, aparecerá un botón Me gusta de Facebook en su sitio web después de ingresar el código.
¿Qué es Open Graph Metadata y cómo se agrega a WordPress?
Open Graph son metadatos que permiten a Facebook recopilar información sobre una página o publicación en su sitio de WordPress. Esta información incluye la imagen en miniatura, el título de la publicación/página, la descripción y el autor.
Facebook es bastante inteligente al consultar los campos de título y descripción. Sin embargo, si su publicación tiene más de una imagen, a veces puede mostrar una miniatura incorrecta cuando se comparte.
si tienes el SEO todo en uno (AIOSEO) complemento, entonces esto se puede resolver fácilmente yendo a . para llevar Todo en uno SEO » Redes Sociales y haz clic en la pestaña de Facebook.
Luego haga clic en el botón «Cargar o seleccionar imagen» para establecer una imagen de publicación de Facebook predeterminada si su artículo no tiene una imagen de gráfico abierta.
Además, también puede configurar una imagen de gráfico abierto para cada publicación o página individual.
Cuando esté editando una publicación, simplemente desplácese hacia abajo hasta la sección Configuración de AIOSEO en el editor de contenido. Luego cambie a la pestaña «Social» y obtenga una vista previa de su miniatura.
Ahora desplácese hacia abajo hasta la opción ‘Fuente de la imagen’ y luego puede elegir una imagen de gráfico abierta para su publicación.
Por ejemplo, puede seleccionar la imagen destacada, la imagen adjunta, la primera imagen del contenido o cargar una imagen personalizada para usar como miniatura de un gráfico abierto.
Para obtener más información y formas alternativas de agregar metadatos de gráficos abiertos, consulte nuestra guía sobre cómo agregar metadatos de gráficos abiertos de Facebook en WordPress.
Esperamos que este artículo te haya ayudado a aprender cómo agregar el botón Me gusta de Facebook en WordPress. También puede consultar nuestra lista de cómo registrar un nombre de dominio y los mejores complementos de redes sociales para WordPress.
Si te ha gustado este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Facebook.