Hi feelwacom,
Thank you for reaching out!
To help us replicate this issue and find the exact solution, could you please tell us the specific file format or embed method you are using for the material (e.g., .pdf, pptx, .svg,…)?
Once we know the exact format or embed method you are using, we can test it and provide you with the most accurate fix.
We look forward to your response!
Best regards,
Brianvu-tp
like canva or YTembed or any external link:
<div style="position: relative; width: 100%; max-width: 960px; aspect-ratio: 16 / 9; margin: 0 auto;">
<iframe
src="https://www.youtube.com/embed/iLOLKZDgN64"
frameborder="0"
allowfullscreen
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;">
</iframe>
</div>
<div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;">
<iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
src="https://www.canva.com/design/DAG3dUx9mJU/9FRw2KDfLVD_uYZdsd7EbA/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
</iframe>
</div>
<a href="https://www.canva.com/design/DAG3dUx9mJU/9FRw2KDfLVD_uYZdsd7EbA/view?utm_content=DAG3dUx9mJU&utm_campaign=designshare&utm_medium=embeds&utm_source=link" target="_blank" rel="noopener"></a>
Hi feelwacom,
Thank you for providing the HTML embed codes!
The issue you are likely running into is that embed codes (like the ones from Canva and YouTube) should be placed directly into the Lesson Content area, not in the Materials section of the Lesson Settings.
The Materials setting is typically reserved for file uploads (like PDF, DOCX, etc.) or direct file URLs, as defined in LearnPress > Settings > Courses > Material Settings. It is not designed to render complex HTML iframes.
Please try the following steps to add your embed code:
Navigate to the lesson you are editing. Depending on your WordPress editor, follow one of these methods:
- If you are using the Classic Editor: Switch the lesson content box from Visual mode to Code mode, and paste the full HTML embed code (including the
<iframe> tags) there.
- If you are using the Gutenberg Editor: Add a Custom HTML block to the lesson content area, and paste your full embed code into that block.
After you place the HTML code directly into the Lesson Content, please view the lesson on the frontend and confirm that your Canva and YouTube embeds are displaying correctly instead of showing the “empty material” error.
If the embed codes still do not display correctly inside the Lesson Content, please try one more test: temporarily switch your theme to a default WordPress theme (like Twenty Twenty-Five) and check the lesson again. This will help us rule out a conflict with your current theme.
Please let us know the result!
Best regards,
Brianvu-tp
The links are missing not working at all
Hi feelwacom,
Thank you for trying the suggestions.
Since you’ve confirmed that the standard HTML embed method isn’t working, this suggests a deeper conflict.
Investigating this complex issue requires us to securely access your site environment for debugging, which we cannot do on this public forum due to community rules and security policies.
To help you troubleshoot and resolve quickly, we recommend that you create a private support ticket through our official forum:
- Please visit our official helpdesk and click on the “Support” and follow the instructions in this video to create your ticket.
- When creating the ticket, please use the title: “feelwacom – Error in Embed Iframe”
Our development team will be able to take a closer look at your environment and provide the best possible solution.
Thank you for your understanding!
Best regards,
Brianvu-tp
