기능
단지 「붙여넣기」가 아니라 — 편집 가능한 Elementor 페이지로
레이아웃부터 아이콘까지, 색상부터 반응형까지, 도구는 HTML의 모든 세부를 Elementor에서 실제로 바꿀 수 있는 것으로 변환합니다.
네이티브 구성요소 변환
제목·텍스트·이미지·버튼·아이콘·구분선·동영상이 네이티브 Elementor 위젯으로 변환됩니다 — 죽은 HTML 덩어리가 아니라 블록 단위로 편집 가능.
Grid 및 Flex 레이아웃
display:flex는 flex 컨테이너로, display:grid는 Grid 컨테이너로 변환되어 열·간격·정렬을 보존해 레이아웃이 무너지지 않습니다.
반응형 포함
레이아웃 차이는 여러 너비에서 계산되어 Elementor 반응형 필드에 기록됩니다. 확장 laptop / tablet_extra / mobile_extra 브레이크포인트는 선택 사항입니다.
안전한 정리
스크립트·위험한 링크·외부 스타일시트·폼 전송·극단적 z-index·고정 위치가 정리되며, 스타일은 가져온 콘텐츠에만 적용됩니다.
스마트 아이콘 매칭
Font Awesome와 eicons 클래스는 Elementor 아이콘 라이브러리의 실제 교체 가능한 항목이 됩니다. 매칭되지 않는 단독 아이콘은 렌더링 크기의 인라인 SVG로 정확한 형태를 유지합니다. Icon Box 안에서는 아이콘 컨트롤을 비워 두어 직접 고르게 하며, 잘못된 추측으로 채우지 않습니다.
두 가지 내보내기 방식
공식 「다른 사이트에서 붙여넣기」용 클립보드 데이터를 생성하거나, 표준 JSON 템플릿을 내려받아 라이브러리에서 가져오세요 — 둘 다 바로 Elementor로 들어갑니다.
세밀한 제어
네이티브 모드에서는 대상 사이트에 맞게 변환을 조정할 수 있습니다.
- 제목 레벨 — 원본 H1–H6 유지, 상위 레벨부터 자동 정렬, 또는 한 레벨로 강제하여 SEO 구조가 깨지지 않게 합니다.
- 색상 및 글꼴 — HTML 값을 유지하거나, 대상 사이트의 전역 색상과 글꼴을 상속하여 즉시 일관성을 얻습니다.
- 이미지 방식 — 원본을 유지하거나 자리표시자를 만듭니다. 상대/인라인/임시 URL은 자리표시자화, Base URL로 해석, 또는 그대로 유지할 수 있습니다.
- 구성요소 범위 — 기본판, 기본판 + Pro를 대상으로 하거나 Atomic을 포함합니다. 범위를 벗어난 구성요소는 대체되어 내용을 유지합니다.
- 고급 항목별 매핑 — 각 블록의 제안 구성요소를 검토해 덮어쓰거나, HTML로 유지하거나, 건너뜁니다.
- 레이아웃 골격만 — 컨테이너 골격만 생성한 뒤 Elementor에서 내용을 채웁니다.