Widgets de 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

Follow button Follow button

Follow button

Para crear un botón Seguir:

  1. Introduce la URL de tu perfil en el generador de widgets.
  2. Haz clic en ¡Crear!
  3. 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)
 

Pin widget Pin widget
 
Para generar un widget de Pin: 
  1. Copia la URL de tu Pin favorito y accede al generador de widgets.
  2. Introduce la URL del Pin.
  3. Haz clic en ¡Crear!
  4. 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)
 
<a data-pin-do="embedPin" href="https://www.pinterest.com/pin/99360735500167749/"></a>
 
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Profile widget Profile widget

profile widget

Para crear un widget de perfil:

  1. Introduce la URL de tu perfil en el generador de widgets.
  2. Personaliza el tamaño de tu widget de perfil.
  3. Haz clic en ¡Crear!
  4. 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)
 

Board widget Board widget

board widget

Para crear un widget de tableros:

  1. Introduce la URL del tablero en el generador de widgets.
  2. Personaliza el tamaño de tu widget de tablero.
  3. Haz clic en ¡Créalo!
  4. 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)
 


Obtener instrucciones de widgets de servicios de hosting populares

WordPress.com WordPress.com
Solo tienes que añadir el enlace al Pin, perfil o tablero de tu entrada de blog.Cuando se publique, WordPress convertirá automáticamente el enlace en un widget.

Blogger Blogger
  1. Crea el widget mediante el generador de widgets y copia el código.
  2. Haz clic en el botón Diseño que aparece a la izquierda de la página de administración de tu blog.
  3. Busca un lugar para tu widget y haz clic en Añadir un gadget.
  4. Desplázate hacia abajo y haz clic en HTML/JavaScript.
  5. En el campo Contenido , pega el contenido del generador de widgets (puedes introducir el texto que desees en el campo Título).
  6. Haz clic en Guardar.

Tumblr Tumblr
Antes de añadir el widget, debes añadir una línea de JavaScript.
 
Para añadir la línea de JavaScript:
  1. En tu panel de Tumblr, selecciona el blog que desees editar y haz clic en Personalizar.
  2. Haz clic en Editar HTML en la pantalla Personalizar.
  3. Desplázate hasta el final del código.
  4. Comprueba si tu código contiene pinit.js , y si es así, ¡has terminado!
  5. Si no, introduce este código justo antes de la etiqueta de cierre </body>:  <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Para añadir un botón de seguir o un widget de Pin, perfil o tablero en entradas de texto, fotos, citas, enlaces, audio y vídeo:

  1. Asegúrate de haber añadido la línea de JavaScript mediante los pasos indicados anteriormente.
  2. Crea una entrada siguiendo el proceso habitual.
  3. Haz clic en <html> del cuadro de título (o del cuadro de texto principal si estás creando una entrada de texto). A continuación, deberías ver el código de la entrada. De lo contrario, haz clic otra vez en el botón hasta que aparezca el código.
  4. Busca el lugar de tu entrada donde deseas que se muestre el widget y pega el código del generador de widgets.
  5. Elimina <!-- Please call pinit.js only once per page --><script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>.
  6. Guarda tu entrada.

Ten en cuenta que el widget no se mostrará en la entrada de tu panel, solo en la entrada publicada.

 

Wix.com Wix.com

Para crear un botón Seguir:

  1. Haz clic en Añadir (+) en la parte izquierda de tu editor.
  2. Haz clic en Social.
  3. Desplázate hasta el botón y haz clic en Seguir Pinterest.
  4. Arrastra el botón de seguir en el lugar de tu página donde deseas que se muestre.


Problemas habituales

El widget solo se muestra como enlace.

Prueba a seguir estos consejos para solucionar el problema:

  • Asegúrate de que introduces la línea de JavaScript en el código de tu página, justo antes de la etiqueta de cierre de BODY.
  • Si la línea de JavaScript aparece varias veces, prueba a eliminar todas excepto la última.
  • Si estás utilizando la línea de JavaScript avanzado asíncrono y la de JavaScript normal, elimina una de ellas.
  • Si utilizas un complemento de terceros, comprueba que no esté añadiendo una línea pinit.js en tu código. Si fuera así, no tendrías que añadir la línea.

Algunos servicios de hosting no son compatibles con JavaScript, así que no podrás añadir el código desde nuestro generador de widgets. No obstante, es posible que dispongan de formas alternativas de añadir widgets.

Artículos relacionados