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:
htmlCopy
<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.