How to add instagram thumbnail

Asked

Viewed 202 times

0

I’m customizing a theme from Tray, in it I have in the footer a thumbnail of facebook, which is added with the following code:

<div class="fb-page" data-href="https://www.facebook.com/{{ settings.facebook }}" data-width="285" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
     <blockquote cite="https://www.facebook.com/{{ settings.facebook }}" class="fb-xfbml-parse-ignore">
           <a href="https://www.facebook.com/{{ settings.facebook }}">Facebook</a>
     </blockquote>
</div>

Then I tried to add instagram:

<div class="fb-page" data-href="https://www.instagram.com/{{ settings.instagram }}" data-width="285" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
     <blockquote cite="https://www.instagram.com/{{ settings.instagram }}" class="fb-xfbml-parse-ignore">
           <a href="https://www.instagram.com/{{ settings.instagram }}">Instagram</a>
     </blockquote>
 </div>

but it didn’t work, I realized that he wears something with this class fb-xfbml-parse-ignore It’s like if you mount a thumbnail of the facebook page into the generated html, does anyone know how to add an instagram thumbnail? Like a preview, not the feed.

1 answer

1


Dude, I don’t know if this is gonna help you, or if this is what you’re looking for, I found it on the Instagram site for dev.

https://www.instagram.com/developer/embedding/#oembed

has a session with codes to embed on the site with JS.

( already here is a way to generate an iframe code, but I believe that is not what you are looking for.)

Go to the link: https://lightwidget.com/

Click Log in with Instagram;

Fill in your Instagram details (Username and password);

Fill in the fields "Number of Columns" and "Number of Rows" with the values for the number of columns and rows respectively (check the values with your developer);

Click the Preview button below the form and right after the Get Code;

Copy the code snippet(iframe) that will appear below the button.

Forward to the developer in question.

  • It is exactly this to generate an iframe, thank you very much

  • Show my friend, I am very happy to help.. Good luck there on the project, hugs.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.