Widgets De Pinterest Para Sitios Web

Aparte de los botones Guardar, también puedes añadir el botón Seguir y los widgets de Pin, tableros y perfil en tu sitio web. El botón Seguir permite a los usuarios seguirte en Pinterest y ver en su feed de inicio lo que guardas. Los otros widgets te ayudan a mostrar tus Pines, tableros y perfil en tu sitio web para que los usuarios puedan ver tu actividad de Pinterest.

Crea estos botones y widgets para tu sitio web utilizando nuestro generador de widgets.

Generar widgets de forma manual

Boton Guardar

Para crear un botón Guardar:

Introduce la URL de tu web en el generador de widgets.
Haz clic en ¡Crear!
Pega en tu sitio web el código que te facilitemos, en el lugar donde desees que aparezca el botón Seguir.

Copia y pega este código en tu sitio donde quieras que aparezca tu extensión:

<a data-pin-do="buttonPin" data-pin-count="above" data-pin-lang="es" data-pin-save="true" href="https://es.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.flickr.com%2Fphotos%2Fkentbrew%2F6851755809%2F&media=https%3A%2F%2Ffarm8.staticflickr.com%2F7027%2F6851755809_df5b2051c9_z.jpg&description=Next%20stop%3A%20Pinterest"></a>

No te olvides de incluir pinit.js una vez por página, justo antes de la etiqueta de cierre </BODY> .

<script async defer src="//assets.pinterest.com/js/pinit.js"></script>

Boton de seguir

Para crear un botón Seguir:

Introduce la URL de tu perfil en el generador de widgets.
Haz clic en ¡Crear!
Pega en tu sitio web el código que te facilitemos, en el lugar donde desees que aparezca el botón Seguir.

El código debería tener esta apariencia: (el texto en rojo será diferente en función de tus datos)

<a data-pin-do="buttonFollow" href="https://es.pinterest.com/omegayalfa/">omegayalfa</a>

No te olvides de incluir pinit.js una vez por página, justo antes de la etiqueta de cierre </BODY> .

<script async defer src="//assets.pinterest.com/js/pinit.js"></script>

Pin widget

Para generar un widget de Pin:

Copia la URL de tu Pin favorito y accede al generador de widgets.
Introduce la URL del Pin.
Haz clic en ¡Crear!
Pega el código que te damos en tu sitio web, donde deseas que aparezca el Pin.

El código debería tener esta apariencia: (el texto en rojo será diferente en función de tus datos)

Copia y pega este código en tu sitio donde quieras que aparezca tu extensión:

<a data-pin-do="embedPin" data-pin-lang="es" href="https://es.pinterest.com/pin/273030796142538906/"></a>

No te olvides de incluir pinit.js una vez por página, justo antes de la etiqueta de cierre </BODY>.

<script async defer src="//assets.pinterest.com/js/pinit.js"></script>

widget de perfil

Para crear un widget de perfil:

Introduce la URL de tu perfil en el generador de widgets.
Personaliza el tamaño de tu widget de perfil.
Haz clic en ¡Crear!
Pega el código que te damos en tu sitio web, donde quieras que aparezca el widget

El código debería tener esta apariencia: (el texto en rojo será diferente en función de tus datos).

Copia y pega este código en tu sitio donde quieras que aparezca tu extensión:

<a data-pin-do="embedUser" data-pin-lang="es" data-pin-board-width="400" data-pin-scale-height="240" data-pin-scale-width="80" href="https://www.pinterest.com/omegayalfa/"></a>

No te olvides de incluir pinit.js una vez por página, justo antes de la etiqueta de cierre </BODY> .

<script async defer src="//assets.pinterest.com/js/pinit.js"></script>

widget de tablero

Para crear un widget de tableros:

Introduce la URL del tablero en el generador de widgets.
Personaliza el tamaño de tu widget de tablero.
Haz clic en ¡Créalo!
Pega el código que te damos en tu sitio web, donde quieras que aparezca el widget.

El código debería tener esta apariencia: (el texto en rojo será diferente en función de tus datos).

Copia y pega este código en tu sitio donde quieras que aparezca tu extensión:

<a data-pin-do="embedBoard" data-pin-lang="es" data-pin-board-width="400" data-pin-scale-height="240" data-pin-scale-width="80" href="https://es.pinterest.com/omegayalfa/tutoriales-en-linea/"></a>

No te olvides de incluir pinit.js una vez por página, justo antes de la etiqueta de cierre </BODY> .

<script async defer src="//assets.pinterest.com/js/pinit.js"></script>