iframe button block

About

The Iframe Button block allows you insert embedded content in an iframe which is only revealed when the user clicks the button.

Adding a iframe button block

To add a iframe button block, click on the Block Inserter (+). Alternatively, you can type /iframe button in a new paragraph and press enter.

Get detailed instructions on adding blocks.

Enter your button text, paste an iframe source link into the link field and click Preview:

Iframe block settings

Go through all the available settings in the block settings sidebar.

Styles

The button can be either

  • Primary (yellow)
  • Dark
  • Light

Options

Adjust the iframe height so that the frame fits the content.

Add an iframe title so that people using screen readers can better understand what the iframe is.

iframe button block demonstration

Primary button

Dark button

Light button