Configurar Like Button en WordPress

Foto del autor
Escrito por koppen

Uno de esos locos apasionados por lo coches viejos que no andan.........
Estoooooooooo
clásicos, quiero decir, clásicos

Like Button
Configurar Like Button

En diferentes blogs en los que he colaborado, hemos puesto la opción de Like Button para que sea sencillo seguir a la página desde Facebook y atraer más visitantes a tu sitio web, no es nada novedoso,  pero hasta la fecha no lo había dejado documentado en mi blog.

Ahora que tengo que activarlo en el blog de Sagar Fijaciones, aprovecho y os dejo los pasos que hay que hacer para que funcione.

Una vez que tienes tu página de Fans creada en Facebook, la opción más recomendada es que coloques el cuadro de “Me Gusta” en tu sito web para que los visitantes comiencen a seguirte en Facebook.

Para poder crear el cuadro, primero debemos acceder al siguiente enlace. http://developers.facebook.com/docs/plugins/

Una vez dentro, elegimos la opción de “Like Box”. Hay más opciones que se pueden poner, pero eso ya pende de lo que necesitéis en vuestro sitio.

Like Button
Configurar Like Button

El siguiente paso es configurar el cuadro según nuestras necesidades, indicaremos la dirección de la página en Facebook, el ancho del cuadro (para que se adapte a nuestro blog), el color que queremos que tenga, el tipo de letra etc.

Configurar Campos
Configurar Campos

Los distintos Campos a Complementar son:

Url to Like: Dirección de nuestra página web en Facebook.

Layout Style: El estilo que queremos que tenga nuestro cuadro, «Standard» (el que más opciones de visibilidad tiene) “Button Count”, (cuadro sencillo con un contador de me gusta), «Box Count», (cuadro en vertical, también sencillo)

Color Scheme: Puede seleccionar un color claro o usar unos tonos oscuros.

Width: Ancho del cuadro, para adaptarlo lo mejor posible a nuestro ancho de columna en el blog.

Font: Tipo de letra que queremos usar.

Verb to display: Podemos optar por el botón de “Me gusta” o el de Recomendar.

Send Button: Indicamos si queremos mostrar o no el botón de enviar.

Show Faces: Indicamos si queremos mostrar o no las imágenes de la gente que sigue nuestra página.

Una vez cubiertos los datos, pulsamos sobre el botón “Get Code” y seleccionamos la opción “IFRAME”, con esto tenemos el código para poner en el blog

Generación de Código
Generación de Código

Ya solo nos queda poner ese código en nuestra página de WordPress, para ello vamos a usar un Widget llamado “texto”, que permite insertar código html en nuestro blog de manera sencilla.

Lo más recomendable es poner ese Widget en cualquiera de las barras laterales de tu blog, y copiamos el texto y listo.

 

Insertar Código en Widget
Insertar Código en Widget

 

Este será el aspecto que tenga en nuestro blog.

Presentación
Presentación

 

 

2 comentarios en «Configurar Like Button en WordPress»

  1. quiero poner los botones de me gusta en las entradas del blog, pero sigo los pasos pero cuando llego a get code me sale :
    1. Include the JavaScript SDK on your page once, ideally right after the opening tag.
    2. Place the code for your plugin wherever you want the plugin to appear on your page.
    arriba no me sale las opciones a elegir HTML, XFBML…
    Me podrias decir el motivo me estoy volviendo loca y no encuentro la solución.

    Responder

Deja un comentario