Hi there friends! Ready for a fun and easy tutorial today! Today I am going to show you how to Embed a Pinterest Board on your WordPress blog. Fun right!? You can embed a board to a post or into the sidebar. If you want to see a live example you can see one on my blog. I have several pin boards embedded on my sidebar.
*This tutorial is specifically for all Genesis themes. You can definitely embed a Pinterest board on your blog with other WordPress themes but this is this written to show you specifically with Genesis.
Okay, lets go!
1.) Open two Internet tabs. One with your blog dashboard and one with the Pinterest Widget Builder Page.
2.) On the Pinterest Widget Builder Page make sure that “Board Widget” is selected.
3.) Paste in the url link for one of your specific Pinterest boards.
4.) You can choose your size by choosing “Square” “Sidebar” “Header” or “Roll Your Own”. Roll Your Own will allow you to choose a custom size.
5.) Click “Build It!”
6.) Scroll down and see your preview.
7.) Keep scrolling down the page until you see “Load the Java Script” and copy everything you see in your grey box.
^^^ And note: No matter how many buttons or widgets you have, only add the pinit.js code once!
8.) When you have that code copied go over to your blog dashboard. Hover over Genesis > and then chose “Theme Settings”.
9.) Scroll to the very bottom of the page and paste your code in the box that says:
Enter scripts or code you would like output to
wp_footer(): and save!
10.) Now go back over to the Pinterest Widget Builder Page and copy the code in the grey box that says “Add Link”.
11.) Now add this code whoever you would like you Pinterest board to be located on your blog. If you want it in a blog post then paste the code into your post (while in the “text” tab). Or if you would like your Pinterest board to appear in your sidebar then paste the code into a text widget.
Wasn’t that easy! 🙂