Skip to main content

WordPress

Integrating an Iframe in WordPress​

WordPress simplifies embedding content, including iframes:

Step 1: Use a Custom HTML Block​

In your post or page editor, add a Custom HTML block where you want the iframe.

Step 2: Insert Iframe Code​

Paste your iframe code into the Custom HTML block:

<div style="position: relative; width: 100%; padding-top: 56.25%;">
  <iframe src="https://iframe.proximaai.co" style="position: absolute; top: 0; left 0; width: 100%; height: 100%; border: none;" frameborder="0" allowfullscreen></iframe>
</div>

Step 3: Style as Needed​

Use additional CSS in your theme or the Additional CSS section of the Customizer to manage the iframe's appearance and responsiveness.

Each of these guides provides a tailored approach to embedding iframes within different frameworks and platforms, ensuring optimal integration and responsiveness.