There are many places where you can embed content from a URL into the Socio Platform — either as an External Link or as a Content Provider selection in Sponsor, Exhibitor, Speaker, and Custom List feature items. When you uncheck the Open in external browser checkbox for an External Link or paste in a URL for a Content Provider selection, Socio will try to open the link content inside your event instead of a new browser tab.
Here's how a YouTube video embedded in a Sponsor profile looks:
This article helps you troubleshoot common situations that can keep websites and videos from embedding in Socio.
If you tried to open a website in Socio and saw a sad face icon on a gray background, the website couldn't be embedded. If you own the website or have a direct relationship with the website's owner, there's a good chance you can get someone to make it embeddable for you!
⭐️ Keep in mind, these principles can apply to any website, and Socio's ability to embed a website is entirely subject to the configurations of the website.
Reasons a website won't embed
The website isn't secured (https)
If a website URL doesn't have "https" at the beginning, it may not be secured. However, some sites only show "http", but they may still be secured. You can easily tell if an "http" site is actually secured! In browsers such as Safari or Chrome, look for the lock icon in the URL bar as another indicator that the website is secured.
If the website is secured, then the problem is likely the x-frame-options response or CSP headers. Keep reading to learn about these.
The website has the x-frame-options response header
Even if a website is secured, some websites are specifically configured not to allow embedding as a security measure. You can use this website to check if the x-frame-options response header is present in the website.
Simply paste in the URL for the website you want to embed, and click Test Header. If the result is "Couldn't find the X-Frame-Options header...", that means this isn't the reason the website isn't embedding.
The website uses a CSP policy that prevents embedding
The Content-Security-Policy directive shares some similarities with the X-Frame-Options header, and may be used to fulfill some of the same functions. You can use this website to check if there are CSP headers in the website.
Simply paste in the URL for the website you want to embed, and click CHECK CSP. If the result is "No CSP headers found", that means this isn't the reason the website isn't embedding.
Can I make the website embeddable?
⭐️ Keep in mind, this is for informational purposes only. Socio doesn't make any recommendation for configuring any other website's security.
If you don't have a relationship with the website owner...
If you don't own the website and you don't have a direct relationship with the owner, then you're unlikely to get them to update what's needed to make the website embeddable. Most large websites like Facebook and Instagram won't change their policies around embedding, but you can reach out to their support team to find out if there's some alternative. Odds are, you'll have to open the website externally.
If it's your website, or you know the website owner...
If you're trying to embed a sponsor's website, there's a good chance you can work something out with them. Ask your contact with the sponsor to reach out to the person in charge of their website, and have them check their SSL certificate, x-frame-options header, and CSP headers.
If it's your website, have the admin for your website check on these things.
This article and the following links may be helpful to send to a website admin:
⭐️ Keep in mind, the x-frame-options header's purpose is to protect a website from certain types of attacks, so website admins may not agree to remove it entirely. If the website uses CSP, there's a good chance Socio can be allowlisted using the frame-src directive linked above.
What are my alternatives?
If you're trying to highlight a Sponsor, Exhibitor, Speaker, or some other featured content, consider hosting and embedding a video or a PDF. These are great ways to offer attendees rich and compelling content.
Videos hosted on popular sites like YouTube, Vimeo, Wistia, Facebook, and Twitch will all embed in Socio! However, with any video hosting site, there may be some factors that can prevent embedding. This section will help you figure out why a video may not be embedding in your Socio Event/Community.
⭐️ Keep in mind, because each video hosting website has a different interface and different processes, this article only offers general guidance around video embedding.
Psst! You can skip the hassle of embed URLs by using Socio's Video Center for simulive sessions, live stream recordings, and sponsor video content.
Getting the right link
Many times, a video won't embed because the type of link you're using isn't quite right for embedding.
For example, simply grabbing the link to a YouTube video from the URL bar likely won't work for embedding. You have to click Share, then Embed, and then copy the embed URL from the embed snippet. Take a look around the settings for the hosting site you're using and see if there's some sort of "buried" embed link.
It's not always that complicated, however, even if it may seem like it at first. One example of this is Wistia. When you share a Wistia video, there are several options, two of which specifically mention embedding. Given the YouTube example above, you might think about extracting the embed URL from one of the embed options. However, for embedding in Socio, Wistia's default Share URL works just fine.
So how can you tell the difference? In some cases you can't without trying it out. If the plain video URL or share link doesn't work, try finding an embed URL. Remember that embed URLs often hide inside HTML snippets, as in the YouTube example above. No matter which link you use, always test to make sure the video embeds properly!
Embed and security/privacy settings
Platforms like YouTube and Vimeo have very customizable privacy settings for videos, and if you don't have the settings just right, videos may not embed in Socio. As an example, Vimeo offers quite a few security tiers for video links, and only a couple of them allow embedding. Also notice that Vimeo has a specific setting around whether or not a video can be embedded.
When there's a combination of embed and security settings on your video hosting site, finding the right "recipe" for the video link can be difficult. In general, use the most open security setting you can with respect to your security needs.
When nothing works...
Remember that Socio Simulive and Socio Video on Demand are options for simulive streaming, session recordings, and sponsor videos! Bypass the need to tweak privacy and embed settings or dig for just the right link? Most definitely!
If you have to use a 3rd-party site, and you know the site can embed in Socio, but nothing you try seems to be working, hit up the hosting provider's support team for assistance.
Questions? Chat Us or Email firstname.lastname@example.org