[Shopify]Twitter投稿（ツイート）をブログ記事に埋め込む方法

Have you ever written a blog post and wanted to embed a Twitter post?

In this article, we will show you how to embed Twitter posts in your Shopify blog.

We previously wrote an article about embedding a Twitter feed (timeline) on your Shopify site, and this is a post version of that article.

https://ec-penguin.com/blogs/shopify/embed-twitter-timeline

(How to embed a Twitter fade)

The general flow is as follows.

1. Obtain the URL of the Twitter post you want to embed

Get the URL of the tweet you want to embed

The first step is to obtain the URL of the tweet you wish to embed.

Since I am going to embed the following tweet of mine. (If you are not yet following me on Twitter, please feel free to follow me☺️)

https://twitter.com/ec_penguin_/status/1304382682290249730

You now have the URL. Please keep the tab open as we will use this URL later.

Get the code for Twitter embedding

Simply pasting the tweet URL mentioned earlier into a blog post will not embed it. I've seen this before with WordPress, depending on what theme? By plugin? I think it was possible to do this, but Shopify does not seem to have that functionality yet.

So, I'm going to use the

https://publish.twitter.com/

Open this URL and click on

Select the "Embedded Tweet" section. Then, select the "Embedded Tweet" section.

You will see a modal like this.

Paste the URL of the tweet you just obtained and press the Preview button.

Then, your tweet is displayed in the preview.

Click the "Copy Code" button at the top of the page. The embed code has been copied!

Embedding a Tweet in a Blog Post

Then, embed the code you just copied into your Shopify blog post.

Admin → Online Store → Blog Posts → Post you want to embed the tweet in

Go to

Then, click on the <> area circled in red.

Then you will see a mess of code. Simply paste the embed code into the location you wish to embed. (*If you do not know the HTML code, be sure to embed it at the bottom of the content. Embedding it between tags will mess up your design.)

Once you've embedded it, preview your blog post.

By the way, here is what I embedded ↓.

I'll be uploading photos of Okinawa regularly 🏖
with the tag #ShopifyOkinawa
for
the sake of it lol pic.twitter.com/7SCdhcmYzW

- Guin. Shopify (@ec_penguin_) September 11, 2020

The embedding is now complete. You have successfully embedded the tweet into your Shopify blog.

How to embed a Tweet into a Shopify blog post Summary

This is how to embed a tweet in your Shopify blog.

I want to quote this tweet in a blog post! I want to use it!

This is a very useful method. I will actively try to embed tweets in my blog posts from now on.

If you find it useful, I would be happy if you share it on social networking sites.

Have a great day!