Warehouse Management System – WordPress Embed

🏭 Warehouse Management System

Loading Warehouse Management System…

📋 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)

  1. Add a “Custom HTML” block
  2. Paste the iframe code from Method 1
  3. Preview and publish

📱 Responsive Design Notes:

  • The iframe automatically adjusts to different screen sizes
  • On mobile devices, the height is reduced to 600px for better usability
  • All features work seamlessly on desktop, tablet, and mobile
  • The system uses local storage, so data persists across sessions

🔧 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>