Creează un buton „Salvează” pentru site-ul tău

Sfaturi și soluții

„Reține că, dacă ai adăugat la cod butonul oficial „Salvează” înainte de iunie 2016, am actualizat designul de la „Adaugă Pin” la „Salvează” pe 3 octombrie 2017.”

Butonul „Salvează” este cel mai bun mod ca afacerea ta să fie descoperită pe Pinterest. Când adaugi butonul „Salvează” pe paginile site-ului tău, clienții tăi pot salva lucruri care îi interesează pe Pinterest, ceea ce înseamnă că și mai mulți oameni vor găsi acele lucruri. 
 
Dacă ai un site Wordpress, Blogger, Tumblr, Wix sau Squarespace:
 
WordPress.com WordPress.com
Pentru butonul Pin It din Wordpress nu e nevoie să adaugi coduri suplimentare pe site-ul tău. Poți adăuga butonul Pin It tuturor postărilor tale pe WordPress activându-l în opțiunile standard de distribuire.
  1. Mergi la panoul tău de control WordPress
  2. Accesează Setări și apoi Distribuire
  3. În secțiunea Butoane de distribuire glisează serviciul Pinterest de la Servicii Disponibile la Servicii active
  4. Dacă vrei să afișezi imaginea standard a butonului Pin It, schimbă stilul butonului din lista defilantă la Butoane oficiale
  5. Apasă Salvează modificări în partea de jos a paginii
WordPress.org WordPress.org

Descărcă un plugin pentru butonul Pin It de deasupra imaginii din directorul de plugin-uri de pe WordPress.org.

Blogger Blogger
  1. Pe panou tău de control Blogger, mergi la secțiunea Aliniere (Layout)
  2. Click pe Modifică în secțiunea Postări pe Blog
  3. Derulează la Arată Butoane de Distribuire, și verifică dacă opțiunea nu este deja bifată
  4. Rearanjează elementele dacă e nevoie în secțiunea Aranjează Elemente și apoi apasă pe Salvează
Tumblr Tumblr
Întâi, trebuie să adaugi un rând de JavaScript.
 
Pentru a adăuga linia de cod JavaScript:
  1. Pe panoul tău de control Tumblr, alege blogul pe care vrei să-l modifici, apoi apasă pe Personalizează
  2. Apasă pe Modifică HTML din ecranul Personalizare
  3. Derulează către sfârșitul codului
  4. Verifică să vezi dacă codul tău conține pinit.js în interior—dacă da, asta e tot!
  5. Dacă nu, adaugă asta imediat deasupra tag-ului de închidere </body>tag: <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
 
Pentru a adăuga buton Pin It deasupra imaginii:
  1. Asigură-te că ai adăugat linia de cod JavaScript folosind pașii de mai sus.
  2. Pe panoul tău de control Tumblr, alege blogul pe care vrei să-l modifici, apoi apasă pe Personalizează
  3. Apasă pe Modifică HTML din ecranul Personalizare
  4. Derulează către sfârșitul codului
  5. Adaugă data-pin-hover="true" înainte de partea “src=” de la pasul 4 de mai sus. Noua ta linie de cod ar trebui să arate așa: <script type="text/javascript" async data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
  6. Apasă pe Actualizează Previzualizare. Ar trebui să vezi butonul Pin It apărând când treci cu cursorul pe deasupra imaginii date ca exemplu pe dreapta. Dacă nu îl vezi, întoarce-te la pasul 4 și asigură-te că totul e în ordine.
  7. Click pe Salvează
Wix.com Wix.com
  1. Apasă pe Adaugă (+) pe partea stîngă a editorului tău
  2. Apasă Social.
  3. Derulează în jos și apasă Pinterest Pin It.
  4. Trage de butonul Pin It către unde vrei să-l amplasezi pe pagina ta.
  5. Butonul Pin It va crea un Pin pornind de la imaginea și descrierea alese de tine. Pinul va trimite înapoi pe pagina pe care ești când apeși Pin It.
Squarespace Squarespace

Află cum să creezi un buton Pin It pentru site-ul tău Squarespace aici

 
Dacă dorești să-ți construiești singur un buton, întâi decide ce fel de buton „Salvează” vrei să adaugi. Există trei tipuri dintre care poți alege: 
 
  • Deasupra imaginii (vezi aici): când cineva ține cursorul deasupra oricărei imagini de pe pagină, apare butonul „Salvează”.
    Learn how to build it Learn how to build it
    1. Mergi la generatorul de widget.
    2. Selectează Deasupra imaginii din secțiunea Tip buton .
    3. Personalizează dimensiunea și forma butonului. 
    4. Previzualizează-ți butonul mișcând cursorul pe deasupra imaginii de mostră. Poți de asemenea apăsa butonul Pin It pentru a vedea cum funcționează.
    5. Când ești mulțumit de buton, copiază codul la secțiunea  Copiază codul .
    6. Lipește codul deasupra tagului de încheiere </body> al fiecărei pagini în care vrei ca butonul să apară pe site-ul tău.
  • Orice imagine   (vezi aici): dacă cineva face clic pe acest buton, poate salva orice imagine de pe site. E oarecum simplu de realizat.
    Learn how to build it Learn how to build it
    1. Mergi la  generatorul de widget.
    2. Selectează Orice imagine din secțiunea Tip buton 
    3. Alege mărimea, forma, limba și imaginea pentru butonul tău. 
    4. Previzualizează-ți butonul mișcând cursorul pe deasupra imaginii de mostră. Poți de asemenea apăsa butonul „Salvează” pentru a vedea cum funcționează.
    5. Când îți place cum arată butonul, copiază codul apărut pe partea dreaptă a paginii.
    6. Lipește codul între tagurile <body> și </body> ale fiecărei pagini unde vrei să apară butonul pe site.
  • O imagine (vezi aici): acesta e un buton „Salvează” pentru o singură imagine de pe pagina ta și necesită scrierea de cod mai tehnic.
    Learn how to build it Learn how to build it
    1. Mergi la  generatorul de widget.
    2. Alege mărimea, forma, limba și imaginea pentru butonul tău. 
    3. Adaugă URL-ul pentru paginile web care au imaginea pentru care vrei să creezi butonul „Salvează” (poate fi pagina principală sau orice altă pagină de pe site-ul tău)
    4. Deschide o fereastră nouă în browser și accesează-ți site-ul
    5. Click dreapta pe imaginea pentru care vrei să creezi un buton „Salvează”
    6. Selectează Copiază URL imagine
    7. Mergi înapoi la generatorul de widget și lipește URL-ul imaginii în câmpul imagine
    8. Scrie o descriere pentru imaginea ta
    9. Apasă Construiește! pentru a previzualiza butonul
    10. Când îți place cum arată butonul, copiază codul apărut pe partea dreaptă a paginii
    11. Lipește codul între tagurile <body> și </body> ale fiecărei pagini unde vrei să apară butonul pe site

Probleme frecvente

Contorul butonului „Salvează” nu apare/nu funcționează bine
Când apeși pe butonul „Salvează”, alegerea panoului nu se deschide într-o fereastră nouă
Butonul tău flotant nu funcționează
Pinterest are probleme la comunicarea cu site-ul meu

Contorul arată numărul de Pinuri care direcționează spre URL-ul specificat de tine în codul butonului. Dacă pagina aceea e diferită de pagina pe care te afli acum, atunci contorul ar putea arăta un alt număr decât cel la care te aștepți.

Dacă folosești un contor pentru butonul „Salvează” pentru orice imagine, va număra toate Pinurile care trimit la URL-ul paginii pe care te afli acum.

Dacă folosești un contor lângă buton și pagina nu a fost niciodată adăugată ca Pin, contorul nu va apărea. De îndată ce ai cel puțin un Pin de pe acea pagină, contorul va apărea.

Dacă folosești un buton „Salvează” oferit de un alt plugin, contactează creatorul plugin-ului pentru a vedea dacă poate rezolva problema. 

Dacă folosești propriul tău buton „Salvează”, urmează aceste sfaturi:

  • Asigură-te că ai inclus linia JavaScript în codul paginii tale, chiar deasupra tagului de închidere
  • Dacă ai linia de cod JavaScript pe pagină de mai multe ori, încearcă să elimini toate aceste linii, în afară de ultima.
  • Dacă folosești și JavaScript asincronic avansat, și linia de cod JavaScript standard, elimină una dintre ele.
  • Dacă folosești un alt plugin, asigură-te că nu include deja o linie cu pinit.js codului tău. Dacă da, nu mai e nevoie să o adaugi tu.
Unele gazde nu sunt compatibile cu JavaScript, așa că nu vei putea adăuga codul din constructorul nostru de widgeturi. Cu toate astea, ei pot avea alte modalități de a adăuga widgeturi!

Încearcă aceste sfaturi pentru remediere:
 
  • Asigură-te că imaginile au cel puțin 100 de pixeli pe o latură (înălțime sau lățime) și cel puțin 200 de pixeli pe cealaltă (imaginile trebuie să aibă cel puțin 120x120 de pixeli pentru ca butonul „Salvează” pe deasupra imaginii să apară)
  • Asigură-te că imaginile nu sunt specificate în fundalul CSS și că fiecare imagine are un atribut src care începe cu „img”
  • Adaugă codul butonului flotant deasupra tagului de încheiere

Asta înseamnă că Pinterest pierde conexiunea înainte să putem crea un Pin pe site-ul tău. Din păcate, acesta nu e un aspect pe care să-l putem remedia noi, deoarece apare de regulă când un site e lent. Probabil că problema e undeva la tine, îți recomandăm să vezi ce se întâmplă!