Custom HTML Block – Support

• Products
• Features
• Resources
• Plans & Pricing

• Log in
• Get started
• Menu

• WordPress Hosting
• WordPress for Agencies
• Domain Names
• Website Builder
• Create a Blog
• Newsletter
• Professional Email
• Website Design Services
• Commerce
• Enterprise WordPress

• Overview
• WordPress Themes
• WordPress Plugins
• WordPress Patterns
• Google Apps

• WordPress.com Support
• WordPress News
• Website Building Tips
• Business Name Generator
• Logo Maker
• Discover New Posts
• Popular Tags
• Blog Search
• Daily Webinars
• Learn WordPress

Close the navigation menu Get started

• Sign up
• Log in

About

• Plans & Pricing

Products

• WordPress Hosting
• WordPress for Agencies
• Domain Names
• Website Builder
• Create a Blog
• Newsletter
• Professional Email
• Website Design Services
• Commerce
• Enterprise WordPress

Features

• Overview
• WordPress Themes
• WordPress Plugins
• WordPress Patterns
• Google Apps

Resources

• WordPress.com Support
• WordPress News
• Website Building Tips
• Business Name Generator
• Logo Maker
• Discover New Posts
• Popular Tags
• Blog Search
• Daily Webinars
• Learn WordPress

Jetpack App

• 
• 
• Learn more

Search questions, courses, topics Back to Support Content and Media Blocks Custom HTML Block Custom HTML Block Other languagesالعربيةDeutschEspañolFrançaisעִבְרִיתBahasa IndonesiaItaliano日本語한국어NederlandsPortuguês do BrasilРусскийSvenskaTürkçe简体中文繁體中文

Use the Custom HTML block to add HTML code and preview it as you edit it. This guide will show you how to use this block to add code to your website.

In this guide

1. Add the Custom HTML Block
2. Add Your Code
   1. Supported Code
3. Custom HTML Block Toolbar

Add the Custom HTML Block

To add the Custom HTML block, click the + Block Inserter icon and search for “HTML”. Click to add the block to a page, post, or template.

💡

Using your keyboard, you can also type /html on a new line and press enter to quickly add a new Custom HTML block.

For more information, visit our detailed instructions on adding blocks.

Add Your Code

Once you’ve added the block, you can type or paste your code in the box provided, as well as edit and preview it right within the editor.

You can add code to display content from various services and platforms, including Google Maps, Facebook Pixel, and Google Docs.

Supported Code

HTML is a computer language that tells browsers how to display website content. WordPress.com allows the following HTML tags on all plans:

• a
• address
• abbr
• acronym
• area
• article
• aside
• b
• big
• blockquote
• br
• caption
• cite
• class
• code
• col

• del
• details
• dd
• div
• dl
• dt
• em
• figure
• figcaption
• footer
• font
• h1, h2, h3, h4, h5, h6
• header
• hgroup
• i

• img
• ins
• kbd
• li
• map
• mark
• ol
• p
• pre
• q
• rp
• rt
• rtc
• ruby
• s
• section
• small

• span
• strike
• strong
• sub
• summary
• sup
• table
• tbody
• td
• tfoot
• th
• thead
• tr
• tt
• u
• ul
• var

For security reasons, not all HTML tags are allowed in the Custom HTML block on all plans. The following tags require a plugin-enabled plan:

embed, frame, iframe, form, input, object, textarea, script, style, link

For more information on the types of code you can add to your website, as well as alternatives when a type of code is not supported, visit our guide on adding code to your website. This guide describes the various methods to add code to your site, depending on the type of code it is.

Custom HTML Block Toolbar

When you click on the block, a toolbar of options will appear above it:

The Custom HTML block has the following options in its toolbar:

• Change block type.
• Drag the block.
• Move the block up or down.
• Display the field for adding the HTML code.
• Preview the added HTML code.
• More options.

Was this guide helpful for you?

Yay Nay

Not quite what you're looking for? Get Help!

Get Help

What can we do to make this guide more helpful?

Get help.

Related Guides

Couldn’t find what you were looking for?

YouTube Block Read this guide Write a List Read this guide WhatsApp Button Block Read this guide Vote Block Read this guide

Go further

Upgrade and unlock features, tools, and expert help with a paid plan.

View plans

Join the forum

Connect and learn with the WordPress.com community.

Join the Community

Check our guides

Find and follow step-by-step guides for every WordPress.com question.

Visit support guides

Questions? Get help.

Self-hosted WordPress site? Find support here.

New to WordPress.com? Find your perfect-fit plan here.

Get the latest learning in your inbox:

Create a WordPress.com account or log in to subscribe.

Your information will be used in accordance with WordPress.com privacy policy.

Copied to clipboard!

WordPress.com

Products

• WordPress Hosting
• WordPress for Agencies
• Domain Names
• Website Builder
• Create a Blog
• Professional Email
• P2: WordPress for Teams
• Website Design Services
• Enterprise WordPress

Features

• Overview
• WordPress Themes
• WordPress Plugins
• WordPress Patterns
• Google Apps

Resources

• WordPress.com Support
• WordPress Forums
• WordPress News
• Website Building Tips
• Business Name Generator
• Logo Maker
• Discover New Posts
• Popular Tags
• Blog Search
• Daily Webinars
• Learn WordPress
• Developer Resources
• Remove Subscriptions

Company

• About
• Partners
• Press
• Terms of Service
• Privacy Policy
• Do Not Sell or Share My Personal Information
• Privacy Notice for California Users

DeutschEspañolFrançaisBahasa IndonesiaItalianoNederlandsPortuguês do BrasilSvenskaTürkçeРусскийالعربيةעִבְרִית日本語한국어简体中文繁體中文EnglishDeutschEspañolFrançaisBahasa IndonesiaItalianoNederlandsPortuguês do BrasilSvenskaTürkçeРусскийالعربيةעִבְרִית日本語한국어简体中文繁體中文English

Mobile Apps

• Download on the App Store
• Get it on Google Play

Social Media

• WordPress.com on Facebook
• WordPress.com on X (Twitter)
• WordPress.com on Instagram
• WordPress.com on YouTube

Loading Comments... Write a Comment... Email Name Website