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>
