Working on a project for Social media management agency and I wanted to embed several posts both from Tik Tok and Instagram showcasing their work from different clients.
I am well familiar with https://elfsight.com/, but there you can embed only feeds. Technically I could do a single post per widget, but that would get pricey since we wanted to showcase multiple different accounts.
The native embed options from Tik Tok and Instagram are literal nightmare. With weird white space and borders etc. I know I could “fake the feed” as well, but that is not super great for client. Any ideas??? I am really getting fed up with this.
Have you tried using Webflow’s video element?
It uses Embedly as the underlying infrastructure, which can handle sources other than video, e.g. a Twitter tweet.
I believe it supports both Tiktok and Instagram URLs but the trick will be getting exactly the right supported URL, you may have to do some experimenting and research.
The embed will always be an iframe, because the player UX and content are being delivered from another server, and under their control.
In general you can manipulate some aspects of the outer iframe element itself with custom CSS and even JS, but not the contents when they’re coming from another site.
Embedding TikTok or Instagram posts can be a bit tricky sometimes, especially when you want to customize them with CSS. I’ve had similar experiences where tweaking the code didn’t quite work out as expected. It seems like there are limitations, even with third-party solutions like elfsight. Maybe exploring different social media services for embedding could offer some new options to explore!
