Blocks, Embedding content, Writing & Editing

Blocks » TikTok Block

Use the TikTok block to embed TikTok videos into any post or page.

Table of Contents

Add a TikTok Block

To add the block to your page or post, the easiest way is to copy and paste a TikTok video URL directly into a new line in the WordPress editor. The URL will automatically convert to an embedded TikTok that people can view on your site:

GIF shows a TikTok link being pasted on a new line and automatically converting to an embedded TikTok.

Alternatively, you may click on the block inserter + icon to open the block library and select the TikTok block.

You can also type /tiktok and hit enter in a new line to add one quickly:

GIF showing the process of typing /tiktok then pressing Enter to add a TikTok block.

Detailed instructions on adding blocks can be found here.


↑ Table of Contents ↑

Block Toolbar

Every block has a toolbar of block-specific controls that lets you manipulate the block.

The TikTok block offers the following options in its toolbar:

  • Change block style
  • Move block up or down on your page or post
  • Change alignment (left, center, right, wide width, full width)
  • Edit URL (edit the TikTok URL you pasted)
  • More options

↑ Table of Contents ↑

Block Settings

Block Settings Panel

Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, click the ‘cog’ icon next to the Publish button.

The block settings can be found in the sidebar.
The block settings can be found in the sidebar.

Keep the option Resize for smaller devices enabled if you’d like to preserve the aspect ratio on different browser sizes.


Advanced

The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS to style the block. Learn more.

The advanced section lets you add a CSS class to your block.
The advanced section lets you add a CSS class to your block.

Not quite what you're looking for?

Get Help