HTML Importer

The HTML Importer is a powerful feature that converts static HTML files into fully managed WordPress landing pages. This allows designers and marketers to use their favorite design tools and seamlessly import the results into ShahiLandin.

What the Importer Does

The HTML Importer:

1. Extracts body content, inline styles, fonts, and other head assets
2. Sanitizes HTML to remove unsafe elements and scripts
3. Preserves CSS styling and layout fidelity
4. Mirrors external assets (fonts, stylesheets) for reliable hosting
5. Provides three rendering modes for theme integration
6. Supports files up to 512KB in size

Accessing the HTML Importer


7. Navigate to Landing Pages > HTML Importer in WordPress admin
8. The 4-step wizard interface will load

The Import Wizard


Step 1: Provide Source


This step collects basic information and your HTML source.

Landing Page Title (Required)


Enter a descriptive title for your landing page. This will:

9. Appear in admin listings
10. Be used as the default H1 heading (if not overridden)
11. Generate the URL slug automatically

Example: “Summer Sale 2025 Landing Page”

Custom URL Slug (Optional)


Customize the permalink for this landing page. Leave blank to auto-generate from the title.

Example: Enter summer-sale-2025 to create the URL yoursite.com/landing/summer-sale-2025

Upload HTML File


Click Choose File and select an HTML file from your computer.

Requirements:

12. File format: .html or .htm
13. Maximum size: 512KB
14. Must contain valid HTML markup

Supported Sources:

15. Exported pages from page builders (Webflow, Unbounce, Leadpages)
16. Hand-coded HTML files
17. Saved HTML from design tools (Figma exports, Sketch)

Or Paste HTML


Alternatively, paste raw HTML markup directly into the textarea.

When to use:

18. Quick imports from clipboard
19. Small HTML snippets
20. Testing markup before file upload

Note: Pasted HTML overrides file uploads if both are provided.

Step 2: Preview Extraction


Before importing, analyze your HTML to see what will be extracted.

Running the Analyzer


21. Click the Analyze Input button
22. The plugin processes your HTML and displays metrics
23. Review the extraction summary

Metrics Displayed


24. Body nodes: Total number of HTML elements in the body
25. Inline styles: Count of