Botones, plugins y widgets oficiales de Pinterest

Inicio>Blog>Socialmedia>Pinterest>Botones, plugins y widgets oficiales de Pinterest

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 :).

 
2016-10-14T14:13:10+00:00 0 Comments

About the Author:

Ignacio Santiago
Soy muchas cosas, pero todo empezó como Blogger. Desde ahí he crecido como especialista en Marketing Online, pero con el Blogging, el Posicionamiento Web y WordPress bajo el brazo. Estas herramientas son las que uso para crear todo tipo de sitios web para mi y mis clientes. Ayudo a empresas y autónomos a crear, mejorar y potenciar su presencia y visibilidad en la red, dándoles las herramientas que necesitan para formar un branding fuerte, que inspire confianza y que genere ventas.

¡Es tu momento! Deja tu opinión, duda o pregunta