📋 WordPress Embed Instructions
Method 1: Direct iframe embed (Recommended)
Copy and paste this code into your WordPress page/post editor (HTML/Code view):
<div style=”max-width: 1200px; margin: 20px auto; background: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); overflow: hidden;”>
<div style=”background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: white; padding: 15px 20px; text-align: center;”>
<h3 style=”margin: 0; font-size: 1.5rem;”>🏭 Warehouse Management System</h3>
</div>
<iframe
src=”https://illustrious-medovik-5ef7a4.netlify.app”
width=”100%”
height=”800″
frameborder=”0″
style=”display: block; border: none;”
title=”Warehouse Management System”
allow=”fullscreen”>
</iframe>
</div>
Method 2: Shortcode (if your theme supports custom shortcodes)
[warehouse_management_system url=”https://illustrious-medovik-5ef7a4.netlify.app”]
Method 3: Block Editor (Gutenberg)
- Add a “Custom HTML” block
- Paste the iframe code from Method 1
- Preview and publish
🔧 Customization Options
You can customize the iframe by modifying these parameters:
- Height: Change
height="800"
to your preferred height (e.g., height="600"
)
- Width: The iframe is responsive by default, but you can set a fixed width if needed
- Border: Add
style="border: 2px solid #ccc;"
for a border
- Background: Modify the container background color in the style attribute
Custom Height Example:
<iframe src=”https://illustrious-medovik-5ef7a4.netlify.app” width=”100%” height=”600″ frameborder=”0″></iframe>