Embedding a Tweet

You may want to embed a tweet mentioning your product, service, or a review into your website page. Here’s how you can do it using custom code. 

Step 1 - Insert HTML block

1. Locate the spot on the page where you would like to embed a Tweet and click + Add a block button. 

2. In the Block library, click on the Embed block.

Screenshot_2021-06-02_at_21.14.43.png

 

Your new block will be only visible inside the Sitebuilder until you add custom code to it.

Screen_Shot_2020-08-21_at_10.49.40.png

Don't close this window.

 

Step 2 - Find the tweet you'd like to embed

To embed a tweet onto your blog or website, you'll need to first find the tweet you want to display in its natural habitat - Twitter, complete with likes and comments.

Locate the tweet in your Twitter newsfeed or on the Twitter user's profile. For this example, we'll embed a tweet from The Health Renegade's Twitter feed, as shown in the screenshots below.

 

Step 3 - Get the embed code 

Once you've found the tweet you want to embed, click the downward-facing arrow icon located on the top-right of the tweet.

Screen_Shot_2020-08-21_at_10.38.38.png

 

Clicking this arrow icon will reveal a dropdown menu of options, including one called Embed Tweet:

Screen_Shot_2020-08-21_at_10.41.54.png 

Choose Embed Tweet.

Copy the code that has been generated:

Screen_Shot_2020-08-21_at_10.44.09.png

  

Step 4 - Embed the code

With this embed code copied to your clipboard, return to the Sitebuilder and go to the newly added HTML block. 

  1. Click on the block to activate the menu. Click on the </> icon.

Screenshot_2021-06-02_at_21.16.34.png

2. Paste the tweet's embed code into the window.

3. You will also need to add <center> before the <blockquote…> at the beginning of the embed code

Screen_Shot_2020-08-21_at_10.57.58.png

 

And also </center> at the closing of the code:

 Screen_Shot_2020-08-21_at_10.56.58.png

 

As a result, the tweet will not automatically appear pushed up against the left or right side of your webpage.

4. Click Submit.

Screen_Shot_2020-08-21_at_10.59.32.png

5. That's it! Go ahead and click Publish. 

This is what your embedded tweet will look like when you're done:

Screen_Shot_2020-08-21_at_11.58.59.png

Was this article helpful?
0 out of 0 found this helpful