Instagram embed without captions html not appearing on post

  • petalandpotion · Member ·

    I want to embed Instagram posts into my blog without the captions. I copy the embed code from Instagram (and untick the ‘show captions’ box). Then, I paste that into my blog using a Custom HTML block. When I preview in my editor, the post shows up. But when it’s live on my blog page, it shows no image just a blank box that says ‘View this post on Instagram’ and a link below that reads ‘//www.instagram.com/embed.js’.

    Can anyone help me to fix this problem?

    WP.com: Yes
    Jetpack: No
    Correct account: Yes

    The blog I need help with is: (visible only to logged in users)

  • petalandpotion · Member ·

    This is the specific blog post experiencing this issue: https://petalandpotion.blog/2023/12/13/korean-skincare-for-acne-unlock-a-clear-complexion-product-guide/

  • parkdanil · Member ·

    In testing, I found that the copied embed code was missing an “https:” near the end. I think this is what was preventing the embed from displaying the contents. I wasn’t able to remove the “embed JSON” text at the end, but at least it worked.

    The bit I Bolded below is missing from the copied embed code:

  • parkdanil · Member ·

    Well, it won’t let me post the HTML in the forums.

    What you are looking for is the last line of code from the copied embed. You will see that it has a // that is missing the https: in front of it.

  • dragstor · Staff ·

    Hey, @petalandpotion!

    I suggest using the “Embed block” and pasting only your Instagram post URL. It will show it properly when you publish the post.

    Here’s a guide on Embed block:

    WP
    Blocks (The Full List) » Embed Content from Other Platforms
    in WordPress.com Support
    2 min read
    Use the Embed block to display content from third-party online services on your website. This guide lists all supported platforms you can embed. Add the Embed Block Add the Embed block to a page by clicking on the + block inserter and searching for “embed”. Alternatively, type /embed on a new line and press enter: Adding an Embed block with the slash command For more information, vis

    Using it will result in the following:


    (if you can’t see the screenshot, click here)

    In short, using any code to embed your post is unnecessary.

    Regarding the two forward slashes in the URL instead of having the protocol (// instead of https://) — this is not an issue because two forward slashes tell the browser to load that specific resource with the same protocol your current URL uses.

    I hope this helps! 🙌🏻

    @parkdanil — you can use any code-sharing platform to share any snippets, for example, pastebin.com 😊

  • petalandpotion · Member ·

    Thank you for replying – the issue is that the embed block with just the url will paste the post and its captions, which is too busy. I want to add the Instagram post without captions, and the only way I’ve learned is by copying the embed html and unticking the “include captions” box. But then I run into the issue I have here.

    @parkdanil — I also tried the https: addition to the code and it did not resolve the issue.

  • staff-heroponriki · Staff ·

    Typically, the embed link would not function due to the use of JavaScript, a feature restricted in many WordPress.com plans. However, your Business plan permits the use of JavaScript.

    I observed that the embed without the caption worked on the “Steam Creams” post. Can you confirm if you’re experiencing a similar outcome?

    Please reach back out if you still have trouble, and we’ll gladly investigate further to assist you.

  • The topic ‘Instagram embed without captions html not appearing on post’ is closed to new replies.