STUDIO supports embedding iframes but currently does not support embedding scripts.

However, we've received many requests to embed Twitter feeds into STUDIO sites, so we will explain a way to do it using an external service!

Official Twitter embeds are not available.

First of all, the embed code created by Twitter officially is a combination of the following a-tag and script, so it cannot be embedded directly into the STUDIO.

<a class="twitter-timeline" href="https://twitter.com/studiodesignapp?ref_src=twsrc%5Etfw">Tweets by studiodesignapp</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Twitter Publish publish.twitter.com

Using FeedWind

Therefore, use a service called FeedWind to make feed embedding code. FeedWind is a service that publishes code that can embed feeds from various services.

1. Register FeedWind

First, you can sign up FeedWind here. (There is a fee.)

https://feed.mikle.com/

2. Connect with your Twitter account

Once you've registered, click "Create Widget".

There are options like RSS and Google Calendar, but in this case, choose Twitter. When you are asked to authenticate, press OK and connect it to your Twitter account.

3. Get the embed code.

Once the Twitter integration is complete, you'll get the code to embed it. Click "Save & Get Widget" in the upper right corner. You'll see only a script tag by default. This time, we want an iframe tag, so we'll press "Get iFrame Version" and display the iframe code.

When you see the iframe code, copy it and you're ready to go!

↓The iframe code should look like the following

<iframe src="https://feed.mikle.com/widget/v2/101626/" height="602px" width="100%" class="fw-iframe" scrolling="no" frameborder="0"></iframe>

4. Paste it in the studio

Once you get the code, go back to the STUDIO design editor and set up the iframe box. Copy and paste the iframe code you got earlier into the property, and you are done embedding Twitter feed!!

Did this answer your question?