[Resolved] Embedded media not rendering

[Author]

Posts

[Bobby339]

Tell us what you are trying to do? Make social media links (X and Facebook) render when using the Embedded Media custom post type

Take a look at the screenshot, these two lines were two different embedded media blocks and neither of them rendered correctly. I had to highlight them because the text was not legible unless I did (this is just a formatting problem, separate from the issue I am writing about).

Can you tell me why these two links were not rendering correctly, they should have shown the Facebook post and the X post on that screen.

I deleted the blocks from that page, so I do not have a URL to show you.

[Mateus Getulio]

Hi,

Thank you for contacting us and I'd be happy to assist.

I've performed some tests on my website, but couldn't reproduce this behavior. Looks like something specific to your website is involved.

When you use the visual form editor and drag-n-drop the embedded media field, do you see any error in the browser's console, on the screen or in the server's error logs?

If not, I'll recommend to temporarily turn on WordPress debugging and see if any errors or warnings are logged in the server's error log.
( ref: https://wordpress.org/documentation/article/debugging-in-wordpress/ )

In case there are no errors/warnings, you're welcome to share temporary admin login details of the website, for further troubleshooting.

Note: Your next reply will be private and making a complete backup copy is recommended before sharing the access details.

I hope this helps and let me know how it goes.

regards,
Mateus

[Bobby339]

I'll try the debugging option and get back to you later today. Thanks.

[Bobby339]

I installed QUERY MONITOR and launched it on the page with the problem. I have no idea what it is showing me so I recorded a video of every QM screen (I was mostly looking for red items). Can you take a look and let me know what I should do?

hidden link

[Mateus Getulio]

Hello,

Thank you for trying those steps and sharing the video.

I would like to request temporary access (wp-admin and FTP) to your site to take better look at the issue. You will find the needed fields for this below the comment area when you log in to leave your next reply. The information you will enter is private which means only you and I can see and have access to it.

Our Debugging Procedures

I will be checking various settings in the backend to see if the issue can be resolved. Although I won't be making changes that affect the live site, it is still good practice to backup the site before providing us access. In the event that we do need to debug the site further, I will duplicate the site and work in a separate, local development environment to avoid affecting the live site.

Privacy and Security Policy

We have strict policies regarding privacy and access to your information. Please see:
https://toolset.com/purchase/support-policy/privacy-and-security-when-providing-debug-information-for-support/

**IMPORTANT**

- Please make a backup of site files and database before providing us access.
- If you do not see the wp-admin/FTP fields this means your post & website login details will be made PUBLIC. DO NOT post your website details unless you see the required wp-admin/FTP fields. If you do not, please ask me to enable the private box. The private box looks like this: hidden link

Please, let me know if you need any additional details. Have a nice day.

[Bobby339]

I was just looking at the submitted information for FTP access and for some reason the N/A was added to the end of the URL.

That should not be there (your system is adding that field to the end of the URL, but I was just signifying that that field is not needed)

[Mateus Getulio]

Hello Bobby,

Thank you for providing access and the detailed information.

I conducted tests, including on a fresh Toolset installation in a sandbox, and found that while embedded media like YouTube videos work as expected, Facebook and Twitter links do not render as embeds. This issue arises because Toolset leverages WordPress’s built-in embedding functionality, which is affected by recent changes from some social media platforms.

Facebook and Twitter have updated their embedding policies, which now restrict certain automatic embedding capabilities. As a result, WordPress cannot directly embed these URLs without specific embed code. If you test these URLs within the WordPress block editor using the default Embed block, you’ll likely see the same behavior—only displaying a link rather than the full embed.

To embed Facebook and Twitter content, you can retrieve the necessary embed code directly from each platform:

1. Facebook: Go to the hidden link page to generate an embed code. Copy the generated iframe code.

2. Twitter: Twitter no longer supports oEmbed directly but provides an embed code for each tweet. Visit hidden link to get the embed code.

Once you have the embed code:
- Add a WYSIWYG custom field in Toolset where you can paste these iframe codes.
- Use this WYSIWYG field to display the embeds in your Content Templates or page templates.

This approach should allow you to display Facebook and Twitter content reliably on your site.

Please let me know if you need further assistance with implementing this solution.

Best regards,
Mateus

[Bobby339]

Hi Mateus! Thank you so much for looking into this and all the effort you put into this problem. That really sucks that you can't embed Twitter post on Facebook post anymore 🙁