외부 사이트에 상담창 연동하기
아래 HTML 코드를 복사하여 웹사이트의 원하는 위치에 붙여넣으면, 내용에 따라 높이가 자동으로 조절되는 상담창을 추가할 수 있습니다.
1. 연동 코드 복사하기
아래의 HTML과 Script 코드를 복사하여 웹사이트의 원하는 위치에 붙여넣으세요.
<div style="width: 100%; max-width: 500px;">
<iframe
id="cweh-ai-chat"
src="https://cweh-migrant.org/embed"
style="border: none; width: 1px; min-width: 100%;"
title="AI Migrant Worker Consultation"
></iframe>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.9/iframeResizer.min.js"></script>
<script>iFrameResize({ log: false, checkOrigin: false }, '#cweh-ai-chat');</script>2. 웹사이트에 적용된 예시
코드를 붙여넣으면 아래와 같이 상담창이 표시됩니다.
상담사 등록안내
전문 지식과 경험을 나누어 이주노동자에게 힘이 되어주세요. 상담사로 등록하면 언어 장벽 없는 다국어 상담, 소속 단체 홍보, 실시간 상담 현황 파악 등 다양한 활동에 참여하며 우리 사회에 기여할 수 있습니다.