Pinterest Board Widget Not Working

[PepperFarm]

I posted this question in another thread and nobody had the answer, so I'm hoping someone can help here. I've tried to load the Pinterest widget board on my website (www.pepperfarm.com) and it's not working. 

Toward the bottom of the Recipe page, in the Embed Code element box, I pasted the following code: 

<a data-pin-do="embedBoard" data-pin-board-width="400" data-pin-scale-height="240" data-pin-scale-width="80" href="https://www.pinterest.com/thepepperfarm/boards/"></a>

This code was provided by the Pinterest Developer site. Per their instructions, I also pasted the following code in the Footer Code box of the Settings Section of my web builder:

<script async defer src="//assets.pinterest.com/js/pinit.js"></script>

What am I doing wrong, and can anyone give me specific instructions for how to make it work?

Thanks!

[Adam7]

Thanks for posting again, @PepperFarm. I took a look at the code on your live site and saw this bit of rendered code from the widget:

If you look through that, it looks like it's returning a message that the board linked isn't found.  I think you might want to contact Pinterest since your board URL is correct from what I saw on your site.

[PepperFarm]

Thanks, Adam. I sent them a message...we'll see what happens.

[Adam7]

Good luck! If you find out anything helpful, feel free to post that here in case someone else is seeing the same thing.

[PepperFarm · Accepted solution]

Adam, I actually figured this out by following the instructions on this website. The trick was in Step #2, which was to add the 2 separate codes on separate lines. That made all the difference. 
https://www.theedublogger.com/how-to-embed-pinterest-boards-and-pins-on-your-blog-2/

[whitemonkey]

https://www.nomadicbackpacker.com/blog

on your recipes page, i am seeing:

[PepperFarm]

Yes...thanks. I fixed it.

[Bernadette3]

Glad to hear it is working for you!