C√≥mo a√Īadir Pinterest Bot√≥n “Pin It” en WordPress (Gu√≠a definitiva)

¬ŅQuieres agregar el Pinterest ¬ŅBot√≥n “Pin It” en WordPress? Recientemente, una nueva fuente de tr√°fico apareci√≥ en las estad√≠sticas de nuestro blog.

Fue lo suficientemente significativo como para que lo not√°ramos. Esta fuente de tr√°fico fue Pinterest.

Pinterest es un sitio popular de redes sociales que le permite compartir contenido visual y generar mucho tr√°fico a su sitio web (siga WPBeginner en Pinterest)

En este art√≠culo, le mostraremos c√≥mo agregar el Pinterest Bot√≥n “Pin It” en tu blog de WordPress. Tambi√©n explicaremos c√≥mo agregar el bot√≥n Pin It sobre las im√°genes de su sitio web.

A√Īadir Pinterest Bot√≥n Pin It en WordPress

Agregar un Pinterest Bot√≥n “Pin It” con un complemento

Pinterest cambi√≥ oficialmente el nombre del bot√≥n “Pin It” a Salvar en 2016

Aunque algunos complementos todav√≠a usan el nombre “Pin It” en lugar de Guardar, hacen el mismo trabajo de fijar sus im√°genes a Pinterest.

La forma más fácil de agregar un Pinterest botón para su sitio de WordPress es mediante el uso de un complemento para compartir en redes sociales.

Recomendamos usar el complemento Shared Counts para este propósito. Es el mejor complemento de redes sociales para WordPress porque es gratuito y le permite agregar fácilmente Pinterest botón junto con otras redes sociales populares.

Para comenzar, debe instalar y activar el complemento Shared Counts. Puede seguir nuestra guía paso a paso sobre cómo instalar un complemento de WordPress para obtener instrucciones detalladas.

Tras la instalaci√≥n, dir√≠gete a Configuraci√≥n ¬ĽRecuentos compartidos p√°gina para configurar el complemento.

Página de configuración de recuentos compartidos

En la p√°gina de configuraci√≥n, debe desplazarse hacia abajo para Monitor secci√≥n y luego haga clic en el cuadro de texto “Compartir botones para mostrar”.

Esto abrir√° un men√ļ desplegable donde puede seleccionar los servicios de redes sociales que desea agregar. Por defecto, Pinterest estar√° presente en esa caja, junto con Facebook y Twitter.

Tambi√©n puede seleccionar la ubicaci√≥n y el tipo de publicaci√≥n donde desea mostrar el Pinterest bot√≥n. Viene con varios estilos de botones que puede elegir entre la opci√≥n “Compartir estilo de bot√≥n”.

Una vez que haya terminado, no olvide hacer clic en el Guardar cambios botón para almacenar la configuración.

Ahora puede visitar cualquier publicación en su sitio web para ver el Pinterest botón en acción.

Pinterest  botón agregado a la publicación de WordPress

Otra cosa interesante sobre SharedCounts es la costumbre gratuita Pinterest Complemento de imagen disponible en Github. Esto le permite establecer una costumbre Pinterest compartir im√°genes y descripciones optimizadas para Pinterest.

Nota: Utilizamos el complemento SharedCount en nuestro sitio web porque es la mejor opción del mercado. Está muy bien codificado y es gratis.

Agregar manualmente un Pinterest Pin It Button en WordPress

Algunos usuarios intermedios pueden preferir agregar los botones para compartir en redes sociales manualmente a su sitio de WordPress en lugar de usar un complemento.

Veamos cómo agregar manualmente un Pinterest botón en WordPress.

Lo primero que debe hacer es hacer una copia de seguridad completa de WordPress de su sitio. Esto lo ayudar√° a restaurar su sitio en caso de que algo se rompa por accidente.

A continuación, debe conectarse a su alojamiento de WordPress utilizando un cliente FTP y luego ir a la carpeta / wp-content / themes /.

Desde aquí, debe abrir su carpeta de tema actual y luego ubicar el archivo footer.php.

Descargar el archivo php de pie de p√°gina

Luego, simplemente haga clic derecho en ese archivo y luego seleccione Descargar del men√ļ Esto descargar√° el archivo footer.php a tu computadora.

Ahora debe abrir el archivo footer.php con un editor de texto sin formato como el Bloc de notas y luego pegar el siguiente script justo antes del etiqueta.


Una vez que haya hecho eso, debe guardar el archivo y luego volver a cargarlo en la carpeta del tema actual.

A continuación, debe ubicar y descargar el archivo single.php de su carpeta de temas y abrirlo para editarlo. Después de eso, debe agregar el siguiente código.

Deber√° elegir la ubicaci√≥n donde desea que aparezca en su publicaci√≥n. Despu√©s del t√≠tulo de la publicaci√≥n es la ubicaci√≥n m√°s com√ļn para los botones de redes sociales.

ID ), 'full' ); ?>
ID)); ?>&media=&description=" class="pin-it-button" count-layout="vertical">Pin It

El código anterior muestra el Pinterest botón con su imagen destacada, título, descripción y URL de publicación en el parámetro compartir URL.

Finalmente, debe guardar el archivo y cargarlo nuevamente en su directorio de temas usando FTP.

Esto agregar√° un bot√≥n de compartir vertical a las publicaciones de su sitio web. Si desea mostrar el bot√≥n de compartir horizontal, simplemente cambie el par√°metro de dise√Īo de conteo a horizontal.

Crear un código corto para Pinterest Botón

Recientemente, uno de nuestros usuarios nos pregunt√≥ c√≥mo crear un shortcode para Pinterest Bot√≥n “Pin It”.

Los códigos cortos en WordPress le permiten agregar fácilmente elementos dinámicos a sus publicaciones, páginas y widgets de WordPress. Al crear un código corto, podrá agregar manualmente Pinterest botón en tus artículos.

Primero, deberá agregar el siguiente código al archivo functions.php de su tema o un complemento específico del sitio:

function get_pin($atts) {
$pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
return 'ID)) . '&media=' . $pinterestimage[0] . '&description=' . get_the_title() .'" class="pin-it-button" count-layout="vertical">Pin It'; }

add_shortcode('pin', 'get_pin');

Después de eso, puedes usar el [pin] shortcode en sus publicaciones de WordPress donde desea mostrar el Pinterest botón.

Agregando Pinterest Botón Pin It sobre tus imágenes

Si está ejecutando un sitio de moda, fotografía o portafolio, definitivamente desea que sus imágenes se compartan en Pinterest para aumentar el tráfico de tu sitio web.

Veamos cómo agregar el Pinterest Fije el botón sobre sus imágenes en WordPress. Este botón aparecerá solo cuando el usuario pase el mouse sobre sus imágenes, lo que le permitirá compartir fácilmente la imagen en su Pinterest perfil.

Primero, necesita instalar y activar el Pinterest Pin it Button para el complemento de im√°genes.

Tras la activaci√≥n, vaya a Configuraciones ¬Ľ Pinterest Pin It p√°gina para configurar el complemento.

Pinterest  Botón Pin It para la página de configuración de imágenes

En la p√°gina de configuraci√≥n, puede elegir d√≥nde desea mostrar el bot√≥n “Pin It” en su sitio de WordPress. Puede mostrarlo solo en publicaciones individuales, p√°ginas, p√°ginas de categor√≠a o en cualquier lugar de su sitio.

La siguiente opci√≥n es elegir la descripci√≥n predeterminada del men√ļ desplegable. Esto se usar√° como la descripci√≥n de la imagen para la imagen anclada.

Una vez hecho esto, debe hacer clic en el Salvar bot√≥n para almacenar la configuraci√≥n. Ahora puede visitar su sitio web y luego pasar el cursor del mouse sobre cualquier imagen para ver Pinterest Bot√≥n “Pin It”.

Pinterest  Botón Pin It sobre las imágenes

Si desea excluir algunas imágenes de mostrar el botón Pin It, entonces puede agregar el nopin Clase CSS para las imágenes que desea excluir.

Para hacer eso, debe seleccionar el bloque de imagen en el editor de publicaciones y luego hacer clic en el icono de 3 puntos verticales de la barra de herramientas de bloque. Esto abrir√° un men√ļ donde debe hacer clic en el Editar como HTML opci√≥n.

Opción Editar imagen como HTML para agregar clase CSS

Ahora verá el código HTML de su imagen. Adelante para agregar nopin al clase atributo de la etiqueta img:

Nombre de la im√°gen

Del mismo modo, tambi√©n puede usar el complemento para deshabilitar la visualizaci√≥n autom√°tica del bot√≥n “Pin It”, y usar la clase CSS “pinthis” para mostrar selectivamente el bot√≥n en im√°genes espec√≠ficas.

Para hacerlo, debe visitar la página de configuración del complemento y luego ubicar el Avanzado sección en el lado derecho de la página.

Pinterest  Configuración avanzada del complemento Pin It

Ahora debe marcar la opci√≥n que dice ‚ÄėMostrar el bot√≥n” Pin it “solo en las im√°genes con class =” pinthis “‚Äė, y luego hacer clic en Salvar bot√≥n.

La próxima vez que agregue una imagen a una publicación o página, debe seleccionar el bloque de imagen y luego usar el Editar como HTML opción para agregar el pinthis Clase CSS para el código de la imagen. Aquí hay un ejemplo:

Nombre de la im√°gen

Esto mostrará el Pinterest botón en esa imagen específica, incluso si ha desactivado la opción de mostrar automáticamente el botón Pin It en su sitio.

¬°Eso es todo!

Esperamos que este art√≠culo te haya ayudado a entender c√≥mo agregar un Pinterest Bot√≥n “Pin It” en tu blog de WordPress. Tambi√©n puede consultar nuestra gu√≠a sobre c√≥mo crear un bolet√≠n electr√≥nico y obtener m√°s suscriptores.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.