Online Store

Embedding a Tweet

You may want to embed a 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 tweet 

Locate the tweet you want to embed in your Twitter newsfeed or on the Twitter user's profile, and then follow this instruction:

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

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

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

    B2C - 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.

    B2C - Embedding Instagram posts and feeds - 5.png
  2. Hover over the block to activate the control pane, and then click the Custom HTML icon.

    B2C - Embedding Instagram posts and feeds - 6.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 Twitter 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. 

Here’s the video of the process.


Step 4 - Publish the page

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

We hope you find this article helpful. If you have any questions left, please contact our Support Team

Ready to use your new knowledge? – Edit your site!

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