Embedding an X post (ex. Tweet)

You may want to embed an X post (ex. Tweet) mentioning your product, service, or a review on your website page. Here’s how you can do it using custom code. 

Step 1 – Get the embed code of the X post 

Locate the post you want to embed in your X (ex. Twitter) newsfeed or on the user's profile, and then follow this instruction:

  1. Click the More icon located on the top-right of the tweet.

    WL - Embedding a Tweet - 1.png
  2. In the dropdown menu of options, choose </>Embed post.

    WL - Embedding a Tweet - 2.png
  3. Copy the code by clicking the Copy Code button.

    WL - Embedding a Tweet - 3.png

Step 2 - Add the embed code to your page

  1. Go to the Sitebuilder and click the Add a block (+) Plus button and in the Blocks library, click the HTML Embed block and choose the <HTML> layout.

    WL - Embedding a Facebook Page feed - 7.png
  2. Hover over the block to activate the control pane, and then click the Custom HTML icon.

    WL - Embedding a Facebook Page feed - 8.png
  3. Paste the code you have copied from Twitter into the Custom HTML field.

Step 3 - Add <center> tags

Once you have pasted this code into the Custom HTML field, you'll want to center-align the X post so it doesn't automatically appear pushed up against the left or right side of your webpage. 

Wrap the code with <center> and </center> tags so the image displays in the center of your page. Click Submit

The results will not be visible at this stage, you need to publish your site for your code to be executed. If you want to check how the code works before publishing, use the Preview button on the Topbar. 

Step 4 - Publish the page

Once done, click Publish in the upper right corner of the Sitebuilder to make the changes live.

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