How to Add a 'Pin It' Button to Your iPhone or iPad

This involves using strings of Javascript to create the button.

1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/ad\/Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-5.jpg\/v4-460px-Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-5.jpg","bigUrl":"\/images\/thumb\/a\/ad\/Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-5.jpg\/aid5582393-v4-728px-Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
   1
   Make sure that Javascript is enabled. You will find this under Safari > Advanced (or thereabouts depending on your software version)
2. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/20\/Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-6.jpg\/v4-460px-Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-6.jpg","bigUrl":"\/images\/thumb\/2\/20\/Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-6.jpg\/aid5582393-v4-728px-Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
   2
   Set the Show Favourites Bar to On. You will find this under Settings > Safari
3. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/68\/Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-7.jpg\/v4-460px-Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-7.jpg","bigUrl":"\/images\/thumb\/6\/68\/Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-7.jpg\/aid5582393-v4-728px-Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
   3
   Open up any page in Safari. Tap on the Share button, and then Bookmark. Label your Bookmark 'Pin It', and save it. There are still some alterations that need to be done.
4. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/bf\/Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-8.jpg\/v4-460px-Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-8.jpg","bigUrl":"\/images\/thumb\/b\/bf\/Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-8.jpg\/aid5582393-v4-728px-Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
   4
   Open up your Bookmarks. Select the Edit button, and then the one you have named Pin It. Now comes the tricky part! You need cut and paste the text in the image into the circled area.

   • You should also type this JavaScript code in. Doing so will finalize the button's addition.
5. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/36\/Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-9.jpg\/v4-460px-Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-9.jpg","bigUrl":"\/images\/thumb\/3\/36\/Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-9.jpg\/aid5582393-v4-728px-Add-a-%27Pin-It%27-Button-to-Your-iPhone-or-iPad-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
   5
   That's it! Because you have set up the Bookmarks Bar, you will see this under the website address. Whenever you see an image you want to Pin, simply tap on the Bookmark.
Advertisement