Website widgets

Bilang karagdagan sa mga button na I-save, maaari mo ring idagdag ang button na I-follow, at Pin, board at mga widget ng profile sa iyong website. Pinahihintulutan ng button na I-follow ang mga tao na i-follow ka sa Pinterest at makita sa kanilang home feed ang mga bagay na iyong sine-save. Ang ibang mga widget ay tinutulungan kang ipakita ang iyong mga Pin, board at profile sa iyong website para makita ng mga tao ang iyong aktibidad sa Pinterest.
 
Build these buttons and widgets for your website using our widget builder.

Build a widget yourself

Follow button Follow button

Follow button

Para gumawa ng follow button:

  1. I-type ang 'yong profile URL sa widget builder
  2. Mag-click sa Build It!
  3. I-paste sa 'yong website ang code na ibibigay namin sa 'yo, kung saan mo gustong makita ang 'yong follow button
The code should look like this:  (the red text changes depending on your info)
 

Pin widget Pin widget
 
To make a Pin widget: 
  1. Copy the URL of your favorite Pin and go to the widget builder
  2. I-type ang URL ng Pin
  3. Mag-click sa Build It!
  4. I-paste sa 'yong website ang code na ibibigay namin sa 'yo, kung saan mo gustong makita ang 'yong Pin
The code should look like this: (the red text changes depending on your info)
 
<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 gumawa ng isang profile widget:

  1. I-type ang 'yong profile URL sa widget builder
  2. Customize the size of your profile widget
  3. Mag-click sa Build It!
  4. I-paste sa 'yong website ang code na ibibigay namin sa 'yo, kung saan mo gustong makita ang 'yong widget
The code should look like this: (the red text changes depending on your info)
 

Board widget Board widget

board widget

Para gumawa ng board widget:

  1. I-type ang board URL sa widget builder
  2. Customize the size of your board widget
  3. Mag-click sa Build It!
  4. I-paste sa 'yong website ang code na ibibigay namin sa 'yo, kung saan mo gustong makita ang 'yong widget
The code should look like this: (the red text changes depending on your info)
 


Kumuha ng widget instructions mula sa popular hosts

WordPress.com WordPress.com
Idagdag ang link sa Pin, profile o board sa 'yong blog post. Kapag pinublish mo na 'to, awtomatikong iko-convert ng WordPress ang link sa isang widget.

Blogger Blogger
  1. Build the widget in the widget builder and copy the code
  2. Mag-click sa Layout button sa kaliwang bahagi ng 'yong blog management page
  3. Maghanap ng space para sa 'yong widget at mag-click sa Magdagdag ng Gadget
  4. Mag-scroll down at mag-click sa HTML/JavaScript
  5. Sa Content field, i-paste ang code galing sa widget builder (puwede kang maglagay ng kahit ano'ng gusto mo sa Title field)
  6. Mag-click sa I-save

Tumblr Tumblr
Before adding the widget, you first need to add a JavaScript line.
 
Para idagdag ang JavaScript line:
  1. Sa 'yong Tumblr dashboard, piliin ang blog na gusto mong i-edit at mag-click sa Customize
  2. Mag-click sa Edit HTML galing sa Customize screen
  3. Mag-scroll sa ibaba ng code
  4. Tingnan kung may pinit.js ang 'yong code at kung meron, tapos ka na!
  5. Kung wala, idagdag 'to sa itaas ng closing </body> tag: <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Para magdagdag ng follow button o Pin, profile o board widget sa Text, Photo, Quote, Link, Audio at Video posts:

  1. Siguraduhing idinagdag mo ang 'yong Javascript line gamit ang mga hakbang sa itaas.
  2. Gumawa ng post tulad ng dati.
  3. Mag-click sa <html> sa caption box (o sa main text box kung gumagawa ka ng Text post). Dapat makita mo na ang code ng post mo ngayon. Kung hindi pa rin, mag-click uli sa button hanggang sa makita ang code.
  4. Hanapin ang lugar sa post mo kung saan mo gustong makita ang widget at i-paste ang code galing sa widget builder.
  5. Delete <!-- Please call pinit.js only once per page --> and <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>.
  6. I-save ang 'yong post.

Tandaang hindi ipapakita ng post ang widget sa 'yong dashboard, pero makikita 'to sa live post.

 

Wix.com Wix.com

Para magdagdag ng follow button:

  1. Mag-click sa Add (+) sa kaliaw ng 'yong editor
  2. Mag-click sa Social
  3. Mag-scroll sa ibaba at mag-click sa Pinterest Follow
  4. I-drag ang follow button kung saan mo 'to gustong ilagay sa page


Common issue

Ang widget ay nagpapakita lang ng link

Subukan ang troubleshooting tips na 'to:

  • Siguraduhing isinama mo ang JavaScript line sa code ng page mo sa itaas ng closing BODY tag
  • Kung meron kang paulit-ulit na JavaScript line sa 'yong page, subukang alisin ang lahat ng line maliban sa pinakahuli.
  • Kung ginagamit mo nang sabay ang advanced asynchronous JavaScript at ang regular JavaScript line, alisin ang isa sa mga 'to.
  • Kung gumagamit ka ng third party plugin, siguraduhing hindi pa 'to nagdaragdag ng isang pinit-js line sa 'yong code. Kung meron na, hindi mo na 'to kailangang idagdag.

May ilang hosts na hindi sumusuporta sa JavaScript kaya hindi mo madaragdag ang code mula sa aming widget builder. Maaaring meron silang alternatibong paraan para magdagdag ng widgets.

Mga may kaugnayang article