Pinterest

  1. Go to Layout
  2. Open the "Pinterest" widget
  3. Replace USERNAME with your own username
  4. Replace 4 if you want to change the number of pins

Here is the code for the widget (add it to a HTML/JavaScript widget in Layout):

All themes
<script>
$.ajax({
dataType: 'jsonp',
type: 'GET',
url:'https://widgets.pinterest.com/v3/pidgets/users/YOUR-USERNAME/pins/'
}).done(function(response) {
var pins = response.data.pins;
var html = '';
for (var i = 0; i < 4; i++) {
var description = pins[i].description;
var dominantColor = pins[i].dominant_color;
var imageUrl = pins[i].images['237x'].url;
var url = pins[i].id;
html += '<div class="pinterest-item"><a href="https://www.pinterest.com/pin/' + url + '/"><div class="pinterest-image" style="background:url(' + imageUrl + ')"></div></a></div>';
}
$('.pinterest').html(html);
}).fail(function() {
console.log('erro');
});
</script>
<div class="pinterest"></div>

Imogen

<h3 class="title"><i class="fab fa-pinterest-p"></i>interested?</h3>
<script>
$.ajax({
dataType: 'jsonp',
type: 'GET',
url:'https://widgets.pinterest.com/v3/pidgets/users/USERNAME/pins/'
}).done(function(response) {
var pins = response.data.pins;
var html = '';
for (var i = 0; i < 4; i++) {
var description = pins[i].description;
var dominantColor = pins[i].dominant_color;
var imageUrl = pins[i].images['237x'].url;
var url = pins[i].id;
html += '<div class="pinterest-item"><a href="https://www.pinterest.com/pin/' + url + '/"><div class="pinterest-image" style="background:url(' + imageUrl + ')"></div></a></div>';
}
$('.pinterest').html(html);
}).fail(function() {
console.log('erro');
});
</script>
<div class="pinterest"></div>


Fenrys
<script>
$.ajax({
dataType: 'jsonp',
type: 'GET',
url:'https://widgets.pinterest.com/v3/pidgets/users/YOUR-USERNAME/pins/'
}).done(function(response) {
var pins = response.data.pins;
var html = '';
for (var i = 0; i < 6; i++) {
var description = pins[i].description;
var dominantColor = pins[i].dominant_color;
var imageUrl = pins[i].images['237x'].url;
var url = pins[i].id;
html += '<div class="pinterest-item"><a href="https://www.pinterest.com/pin/' + url + '/"><div class="pinterest-image" style="background:url(' + imageUrl + ')"></div></a></div>';
}
$('.pinterest').html(html);
}).fail(function() {
console.log('erro');
});
</script>
<div class="pinterest"></div>