WordPress | TD Jobs White-labeled Solution for Partners

A Step-by-Step Guide to Embedding iframes Using Gutenberg, the Classic Editor, and Plugins

You can insert an iframe into a WordPress page in several ways. Here are some common methods:

1. Using the Gutenberg Editor (Block Editor)

  • Step 1: Open the page or post you want to edit.
  • Step 2: Click the “+” icon to add a new block and choose the Custom HTML block.
  • Step 3: Paste your iframe code into the block. For example:
    html
    Copy
    <iframe src="https://tourneydirect.com/jobs-partners-partner-name" width="600" height="400" frameborder="0"></iframe>
  • Step 4: Preview the page to make sure the iframe displays correctly, then update or publish the page.

2. Using the Classic Editor

  • Step 1: Open the page or post in the Classic Editor.
  • Step 2: Switch to the Text tab instead of the Visual tab.
  • Step 3: Insert your iframe code where you want it to appear.
  • Step 4: Save or update your post/page.

3. Using Plugins

If your site is filtering out iframe code for security reasons, consider using a plugin like "Iframe" or "Advanced iFrame". These plugins allow you to safely insert iframes by handling sanitization and shortcode conversion.