Title: TikTok embed Author: khushbu desai Published: July 5, 2020 Last modified: June 8, 2024 --- # TikTok embed ## In this article * [Block Toolbar](https://wordpress.org/documentation/article/tiktok-embed/?output_format=md#block-toolbar) * [Block Settings](https://wordpress.org/documentation/article/tiktok-embed/?output_format=md#block-settings) * [Changelog](https://wordpress.org/documentation/article/tiktok-embed/?output_format=md#changelog) [ Back to top](https://wordpress.org/documentation/article/tiktok-embed/?output_format=md#wp--skip-link--target) [Go back to the list of **Blocks**](https://wordpress.org/documentation/article/blocks/) With the TikTok Embed block, you can include a TikTok video into your post/page. You don’t need a TikTok account to embed a video, although the video should be public. Embedded TikTok video ![Screenshot of TikTok ](https://wordpress.org/documentation/files/2020/07/pasted- image-0-22.png) **Steps to embed a video from TikTok** 1. Find your video link on TikTok In the web player select the video and click on the link icon to copy the link. ![The correct URL to copy to use the embed block](https://wordpress.org/documentation/ files/2020/07/pasted-image-0-1-1.png) 2. Add a TikTok embed block to your page/post ![Adding the TikTok embed block](https://wordpress.org/documentation/files/2020/ 08/image24-2.png) [Detailed instructions on adding blocks](https://wordpress.org/documentation/article/adding-a-new-block/) 3. Paste the link into the text box and click on the “Embed” button ![Embed option for the TikTok block to paste the URL.](https://wordpress.org/documentation/ files/2020/08/image2-1.png) If the embed is successful, you will see a preview in your editor. ![Preview of the embedded TikTok video within the WordPress editor.](https://wordpress. org/documentation/files/2020/08/image28.png) If you use an URL that can’t be embedded, the block shows the message _“Sorry, this content could not be embedded.”_ ![Embed option for the TikTok block to paste the URL.](https://wordpress.org/documentation/ files/2020/08/image4.png) You will have two choices: Try again with a different URL or convert it to a link. 4. Click on “Preview” to see how it will look on the front-end ![Preview of the embedded TikTok video within the WordPress editor.](https://wordpress. org/documentation/files/2020/07/pasted-image-0-6-1.png) ## 󠀁[Block Toolbar](https://wordpress.org/documentation/article/tiktok-embed/?output_format=md#block-toolbar)󠁿 Besides the “Mover” and “Drag & Drop Handle”, the Block Toolbar for the TikTok Embed block shows four buttons: * Transform to * Change Alignment * Edit URL, and * More Options  ![Block Toolbar with options available for the TikTok Block.](https://wordpress. org/documentation/files/2020/08/image3-1.png) **Transform to** ![Options to transform the TikTok block to Paragraph, Columns or Group.](https:// wordpress.org/documentation/files/2020/08/image12-1.png) You can transform a TikTok embed into a Group. This would give you the ability to change the background color around the TikTok embed. ![Editor view of a TikTok embed as a group with Color Settings controls](https:// wordpress.org/documentation/files/2020/08/image1-1-1024x519.png) Editor view of a TikTok embed as a group with Color Settings controls ![TikTok embed with a gray background-color](https://i2.wp.com/wordpress.org/documentation/ files/2020/07/pasted-image-0-10-1.png?fit=669%2C1024&ssl=1) TikTok embed with a gray background-color **Change alignment** ![Alignment options for the TikTok block: wide width, full width, align left, align center, and align right.](https://wordpress.org/documentation/files/2020/08/image26- 1.png) * **Align left** – Make the TikTok post left aligned. * **Align center** – Make the TikTok post alignment centered. * **Align right **– Make the TikTok post right aligned. * **Wide width** – Increase the width of the post beyond the content size. * **Full width** – Extend the TikTok post to cover the full width of the screen. “Wide width” and “Full width” alignment need to be enabled by the Theme of your site. **Edit URL** Via the edit URL, you can change the TikTok Embed URL in the embed block. Overwrite the existing URL and click on the “Embed” button. ![Editing the block URL via the "edit" option.](https://wordpress.org/documentation/ files/2020/08/image27-1.png) **More options** These controls give you the option to copy, duplicate, and edit your block as HTML. [Read about these and other settings.](https://wordpress.org/documentation/article/more-options/) ## 󠀁[Block Settings](https://wordpress.org/documentation/article/tiktok-embed/?output_format=md#block-settings)󠁿 Besides the Advanced section, the TikTok embed has only one setting in the “Block Settings” sidebar: Media Settings. **Media Settings** ![Media settings for the embed block with the toggle OFF/ON for resizing on smaller devices.](https://wordpress.org/documentation/files/2020/07/pasted-image-0-15-1. png) Via the _Media Settings,_ you can control the behavior of your post embed when viewed from a smaller device, like on a phone screen. The Toggle switch turns on or off the resize functionality for smaller devices. The default setting is “on” or blue. **“Off:”** This embed may not preserve its aspect ratio when the browser is resized. In the off position, the toggle switch is gray. **“On:”** This embed will preserve its aspect ratio when the browser is resized. The toggle switch turns blue in the “On” position. **Advanced** ![Additional CSS Class(es) option for the TikTok Embed block.](https://wordpress. org/documentation/files/2020/07/image-77.png) The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit. ## 󠀁[Changelog](https://wordpress.org/documentation/article/tiktok-embed/?output_format=md#changelog)󠁿 * Updated 2022-11-25 - Removed redundant content - Aligned images for mobile view - Added alt text to images * Updated 2020-08-11 - Screenshots as per WordPress 5.5 - Added “Move To” and “Copy” section under More Options * Created 2020-07-05 ## Was this article helpful? How could it be improved? 󠀁[Cancel reply](https://wordpress.org/documentation/article/tiktok-embed/?output_format=md#respond)󠁿 [Log in to submit feedback](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fdocumentation%2Farticle%2Ftiktok-embed%2F&locale=en_US). If you need support with something that wasn't covered by this article, please post your question in the [support forums](https://wordpress.org/support/forums/). First published July 5, 2020 Last updated June 8, 2024