How to Add an X Post to a SharePoint Page

With the ShortPoint Code Editor Web Part, you can embed an X post to your SharePoint page. Go through the quick walkthrough or follow the detailed guide to learn how.

TABLE OF CONTENTS

• Prerequisite
• Quick Walkthrough
• Step-by-step Tutorial
  • Step 1: Copy the Embed Code
  • Step 2: Add the ShortPoint Code Web Part
  • Step 3: Edit the ShortPoint Code Web Part
  • Step 4: Delete Default codes
  • Step 5: Paste the Code
  • Step 6: Republish Page

Prerequisite

• You must already have the ShortPoint Code Web Part installed on your SharePoint page. To learn how to do this, check out How to Install ShortPoint Code Editor in SharePoint.

Quick Walkthrough

1. Go to the X post you want to add, customize it, and copy the embed code. 

2. Go to your SharePoint page and add the ShortPoint Code Web Part.

3. Click the Edit Properties icon of the ShortPoint Code to edit it.

4. Delete default codes.

5. Paste the copied code in the HTML field, customize it to your needs, and click Save.

6. Close the ShortPoint Code window.

7. Republish the page.

Step-by-step Tutorial

Follow the detailed instructions to add an X post to your SharePoint page:

Step 1: Copy the Embed Code

NOTEBefore proceeding, make sure you are logged in to your X account. Otherwise, you will not be able to access the embed option of X.

• Go to the X post you want to add and click the ellipsis icon:

• Select Embed post:

• Choose the display option you want to use: 

• Click set customization options if you want to modify the look of the embedded X post:

• Customize it according to your needs and click Update:

• Click Copy Code:

Step 2: Add the ShortPoint Code Web Part

• Go to the SharePoint page where you want to add the X post and click Edit:

• Click the close icon to leave the Toolbox:

• Select the plus icon to add a web part:

• Use the search bar to look for ShortPoint Code, or scroll down until you see the Advanced section. Click ShortPoint Code:

Step 3: Edit the ShortPoint Code Web Part

• Click the Edit Properties icon:

Step 4: Delete Default codes

• Select each field, delete the default codes inside, and click Save:

Step 5: Paste the Code

• Click the Edit HTML field:

• Paste the code in the space provided:

• You can directly edit the code you pasted in ShortPoint Code Editor. Customize the code according to your needs and click Save:

Step 6: Republish Page

• Click the close icon to leave the ShortPoint Code Web Part:

• Click Republish once you’re ready to make your changes live:

Great! You now have an X post on your SharePoint page. Want more ways to use the ShortPoint Code Editor? We’ve listed these tutorials so you can discover more creative ways to take your SharePoint site to the next level:

• How to Add a Facebook Post to a SharePoint Page
• How to Add an Instagram Post to a SharePoint Page
• How to Add a LinkedIn Post to a SharePoint Page
• How to Add a Viva Engage Feed to a SharePoint Page
• How to Embed a YouTube Video Playlist to a SharePoint Page
• How to Embed a Vimeo Video Playlist to a SharePoint Page
• How to Add a Stock Widget to a SharePoint Site
• How to Embed a Weather Widget to a SharePoint Page