Pinterest es una de las grandes redes sociales, sobretodo cuando hablamos de imágenes, recetas, infografías, etc. Se ha convertido en una manera de consumir contenidos diferente, y enfocada a la imagen. Es por ello que poder insertar los botones, plugins y widgets oficiales de Pinterest en tu página web o blog es una manera de aumentar el engagement con dicha red social, para que los usuarios pueden «pinear» tus «pins», o seguirte a ti o a tus tableros, y mucho más.Os traigo los botones, plugins y widgets oficiales de Pinterest de una manera clara e interactiva. De esta manera podrás insertarlos en tu página web fácilmente.

También te puede interesar:

Todos los botones, plugins y widgets oficiales de las redes sociales

Después de saber que más herramientas sociales tienes a tu disposición, vamos a ver el índice. Haz click en cada uno de los botones, plugins o widgets y navega directamente a lo que buscas… así de fácil.

Índice

Botones sociales oficiales de Pinterest

Widgets oficiales de Pinterest

Elementos gráficos


Botones sociales oficiales de Pinterest

Primero vamos a empezar por los botones sociales oficiales de Pinterest. Son los más demandados y usados asi que vamos a por ellos:


Botón Pin it

¿Para qué sirve?

El botón «pin it» de Pinterest sirve para «pinear» las imágenes de una página web. Puede mostrarse como un botón más (el «me gusta» de facebook, «tweet» de twitter, etc…) o mostrarlo de una manera sutil cuando alguien pasa el ratón por encima de una imagen de tu página o blog. En mi caso pasando el ratón por encima de mi logo:

Socializa tu Página Web Botones, plugins y widgets oficiales de Pinterest botón pin it
Cómo ponerlo a funcionar

Pincha en este enlace y configura el botón a tu gusto. Puedes decidir:

  • La primera opción se basa en querer implementar el botón de manera que se haga «pin» en una imagen en particular, en cualquier imagen o que salga el botón «pin it» cuando se pasa el ratón por encima de la imagen
  • Después tienes que decidir el tamaño (pequeño o grande), color (rojo, gris o blanco) y el idioma.
  • Donde quieres el contador de pins: Lo quieres encima, al lado o no lo quieres
  • La url o enlace para «pinear» cuando alguien pinche en este botón
  • Si en la primera opción has elegido una imagen en particular, tendrás que decir que imagen en la siguiente casilla. Recomiendo que la imagen provenga del mismo dominio que ponemos en la casilla anterior
  • Una pequeña descripción que se cargará automáticamente antes de pinar la imagen

Socializa tu Página Web Botones, plugins y widgets oficiales de Pinterest botón pin it

Una vez tenemos todo lo anterior, nos muestra una previsualización del botón, y nos da un serie de códigos.

Socializa tu Página Web Botones, plugins y widgets oficiales de Pinterest botón pin it codigo

El primer código es el código del botón «pin it» propiamente dicho. Colócalo en el sidebar, en el single.php, en donde tu quieras. El segundo código, el de abajo, es necesario colocarlo en el código html de nuestra página web antes de la etiqueta </BODY>. Nos da la opción de un código más sencillo, y otro más complicado para que puedas configurar la opciones del botón a tu gusto (consejo: el botón viene fenomenal en la opción predeterminada, no te lies a entrar en un sitio que no conoces).

Ejemplo


Botón Seguir

¿Para qué sirve?

El botón «pin it» de Pinterest sirve para «pinear» las imágenes de una página web. Puede mostrarse como un botón más (el «me gusta» de facebook, «tweet» de twitter, etc…) o mostrarlo de una manera sutil cuando alguien pasa el ratón por encima de una imagen de tu página o blog. En mi caso pasando el ratón por encima de mi logo

Cómo ponerlo a funcionar

Pincha en este enlace y configura el botón a tu gusto. Puedes decidir:

  • La url o enlace del usuario para «seguir» cuando alguien pinche en este botón
  • El nombre completo del usuario a mostrar en el botón

Socializa tu Página Web Botones, plugins y widgets oficiales de Pinterest botón seguir

Una vez tenemos todo lo anterior, nos muestra una previsualización del botón, y nos da un serie de códigos.

Socializa tu Página Web Botones, plugins y widgets oficiales de Pinterest botón seguir codigo

El primer código es el código del botón «seguir» propiamente dicho. Colócalo en el sidebar, en el single.php, en donde tu quieras. El segundo código, el de abajo, es necesario colocarlo en el código html de nuestra página web antes de la etiqueta </BODY>. Nos da la opción de un código más sencillo, y otro más complicado para que puedas configurar la opciones del botón a tu gusto.

Ejemplo

IgnacioSantiago.com


Widgets sociales oficiales de Pinterest

hora vamps con los widgets oficiales de Pinterest. Empieza a usarlos para mejorar el engagement con tus seguidores de Pinterest.


Widget Embed Pin

¿Para qué sirve?

El widget «embed pin» de Pinterest sirve para embeber un pin dentro de una página web o blog. Dicho widget devuelve toda la información sobre el pin: el pin, el usuario y el tablero donde se encuentra el pin.

Cómo ponerlo a funcionar

Pincha en este enlace y configura el widget a tu gusto. Con poner la URL del pin que quieras embeber o insertar será suficiente.

Socializa tu Página Web Botones, plugins y widgets oficiales de Pinterest widget embed pin

Una vez tenemos todo lo anterior, nos muestra una previsualización del botón.

Socializa tu Página Web Botones, plugins y widgets oficiales de Pinterest widget embed pin preview

 

Una vez que tenemos claro que ese es el pin que queremos embeber, nos muestra los códigos.

Socializa tu Página Web Botones, plugins y widgets oficiales de Pinterest widget embed pin codigo

El primer código es el código del widget «embed pin» propiamente dicho. Colócalo en el sidebar, en el single.php, en donde tu quieras. El segundo código, el de abajo, es necesario colocarlo en el código html de nuestra página web antes de la etiqueta </BODY>. Nos da la opción de un código más sencillo, y otro más complicado para que puedas configurar la opciones del botón a tu gusto.

Ejemplo

 


Widget Embed Profile

¿Para qué sirve?

El widget «embed profile» de Pinterest sirve para embeber un pin dentro de una página web o blog. Dicho widget devuelve toda la información sobre el pin: el pin, el usuario y el tablero donde se encuentra el pin.

Cómo ponerlo a funcionar

Pincha en este enlace y configura el widget a tu gusto. Con poner la URL del pin que quieras embeber o insertar será suficiente.

Socializa tu Página Web Botones, plugins y widgets oficiales de Pinterest widget embed profile

Una vez tenemos todo lo anterior, nos muestra una previsualización del botón.

Socializa tu Página Web Botones, plugins y widgets oficiales de Pinterest widget embed profile preview

Una vez que tenemos claro que ese es el pin que queremos embeber, nos muestra los códigos.

Socializa tu Página Web Botones, plugins y widgets oficiales de Pinterest widget embed profile codigo

El primer código es el código del widget «embed profile» propiamente dicho. Colócalo en el sidebar, en el single.php, en donde tu quieras. El segundo código, el de abajo, es necesario colocarlo en el código html de nuestra página web antes de la etiqueta </BODY>. Nos da la opción de un código más sencillo, y otro más complicado para que puedas configurar la opciones del botón a tu gusto.

Ejemplo

Visit ignaciosantiago.com’s profile on Pinterest.


Widget Embed Board

¿Para qué sirve?

El widget «embed board» de Pinterest sirve para embeber un pin dentro de una página web o blog. Dicho widget devuelve toda la información sobre el pin: el pin, el usuario y el tablero donde se encuentra el pin.

Cómo ponerlo a funcionar

Pincha en este enlace y configura el widget a tu gusto. Con poner la URL del pin que quieras embeber o insertar será suficiente.

Socializa tu Página Web Botones, plugins y widgets oficiales de Pinterest widget embed board

Una vez tenemos todo lo anterior, nos muestra una previsualización del botón.

Socializa tu Página Web Botones, plugins y widgets oficiales de Pinterest widget embed board preview

Una vez que tenemos claro que ese es el pin que queremos embeber, nos muestra los códigos.

Socializa tu Página Web Botones, plugins y widgets oficiales de Pinterest widget embed board codigo

El primer código es el código del widget «embed board» propiamente dicho. Colócalo en el sidebar, en el single.php, en donde tu quieras. El segundo código, el de abajo, es necesario colocarlo en el código html de nuestra página web antes de la etiqueta </BODY>. Nos da la opción de un código más sencillo, y otro más complicado para que puedas configurar la opciones del botón a tu gusto.

Ejemplo

Follow ignaciosantiago.com’s board Trucos SEO on Pinterest.


Elementos gráficos de Pinterest

Las siguientes versiones vectoriales de nuestro logotipo y nuestro símbolo están disponibles para que enlaces a Pinterest. No manipules estos gráficos, ni los utilices para la marca de tu propio sitio o para insinuar asociaciones falsas con Pinterest.

Michael Deal y Juan Carlos Pagan son los diseñadores del logotipo de Pinterest.

Pinterest Logo

Descargar archivo EPS

Descargar archivo PNG

Pinterest Favicon

Descargar archivo EPS

Descargar archivo PNG

No te olvides de compartir y comentar el artículo si te ha gustado :).

¿Te ha gustado? Comparte el contenido
Publicado por Ignacio Santiago

Soy muchas cosas, pero todo empezó como blogger hace más de 20 años. Desde ahí he ido ido creciendo como persona y profesional hasta que decidí dejar un buen trabajo, emprender por mi cuenta y poner en marcha mi propia agencia de marketing digital. Ahora, junto con un equipo joven, motivado y muy cualificado, ayudo a profesionales y empresas a crear y hacer crecer su negocio en Internet ofreciendo un servicio de marketing digital atento, cercano, integral y profesional.

Contenidos relacionados
Deja tu comentario

Suscríbete y estate al día en marketing digital

Únete a más de 50.000 personas que, aparte de recibir los primeros todas las actualizaciones del blog e importantes descuentos en herramientas, tienen acceso gratuito a todos nuestros contenidos.

servicios marketing digital diseño web wordpress seo fondo
servicios marketing digital diseño web wordpress seo fondo
Suscríbete y estate al día en marketing digital

Únete a más de 50.000 personas que, aparte de recibir los primeros todas las actualizaciones del blog e importantes descuentos en herramientas, tienen acceso gratuito a todos nuestros contenidos.