웹사이트에 구글 폼(Google Forms) 삽입하는 방법
사이트에 설문지나 신청서를 넣고 싶은데 방법이 막막하다면, 기본적인 기능만 제공하는 플러그인을 설치하는 방법이 있습니다. 하지만 이미 플러그인이 많이 설치되어 있다면 사이트 속도가 더 느려질 수 있어 부담스러울 수 있습니다.
구글 폼(Google Forms)을 활용하면 빠르게 웹사이트에 설문지를 추가할 수 있을 뿐만 아니라 다양한 기능도 함께 누릴 수 있습니다. 예를 들어 미디어 파일 삽입, 다른 설문지에서 문항 가져오기, 워드프레스와 이메일 간편 연동, 여러 플랫폼에서의 공유, 구글 드라이브 추가 저장 공간 활용 등이 가능합니다.
또한 구글 폼은 팀원들과 실시간으로 협업할 수 있고, 웹사이트뿐 아니라 여러 채널에서 접수된 응답 결과를 한곳에서 체계적으로 관리할 수 있다는 장점도 있습니다.
지금부터 몇 가지 간단한 단계만으로 구글 폼을 웹사이트에 삽입하는 방법을 알아보겠습니다.
웹사이트에 구글 폼 삽입하기
시작하려면 먼저 구글 폼과 해당 폼의 삽입 코드(임베드 코드)가 필요합니다. 이 코드를 설문지가 나타나길 원하는 페이지나 글에 추가하게 됩니다.
1. 구글 폼 만들기
- 구글 계정에 로그인한 후 Google 앱 메뉴에서 Google Forms(구글 폼) 아이콘을 선택합니다. 또는 forms.google.com으로 직접 접속해도 됩니다.
- 상단 도구 모음에서 빈 양식(Blank) 타일을 선택해 처음부터 새로 만들거나, 제공되는 템플릿 중 하나를 골라 시작할 수 있습니다.
- 설문지에 제목과 설명을 입력합니다.
- 오른쪽 도구 모음을 사용해 질문을 추가하거나, 다른 설문지에서 문항을 가져오고, 동영상·이미지를 업로드하고, 새 섹션을 추가할 수 있습니다.
- 답변 유형을 지정하려면 답변 유형 영역 옆의 화살표를 클릭합니다.
- 단답형이나 서술형(문단), 객관식, 체크박스, 드롭다운 메뉴 등 원하는 답변 방식을 자유롭게 선택할 수 있습니다.
- 설문지 테마를 꾸미거나 변경하려면 화면 오른쪽 상단의 팔레트 아이콘을 사용하세요.
- 저장하고 웹사이트에 삽입하기 전에 눈 모양 아이콘을 눌러 최종 디자인을 미리 확인할 수도 있습니다.
- 응답자의 이메일 주소를 수집하거나, 한 사람당 한 번만 응답하도록 제한하거나, 제출 후 답변 수정을 허용하려면 설정(톱니바퀴 아이콘)을 클릭하세요.
- 점 세 개 아이콘(더보기)을 클릭하면 공동작업자 추가, 작업 되돌리기, 환경설정, Google Workspace 마켓플레이스 애드온 등 더 많은 옵션을 활용할 수 있습니다.
참고: 공동작업자 추가를 선택하면 팀원들을 해당 설문지 편집에 초대할 수 있습니다. 링크 공유 옵션으로 초대장을 보내거나 이메일 주소를 직접 입력하면 상대방이 초대 알림 이메일을 받게 됩니다.
2. 구글 폼 삽입 코드 받기
구글 폼 작성을 마쳤다면 이제 웹사이트에 추가할 차례입니다. 이를 위해서는 폼의 삽입 코드(임베드 코드), 즉 설문지를 표시할 페이지나 글에 넣는 고유 코드 조각이 필요합니다.
- 폼 편집기 창 오른쪽 상단의 보내기(Send) 버튼을 클릭합니다.
- 양식 보내기 창에서 링크, 이메일, 소셜 미디어, HTML 등 다양한 공유 방법을 확인할 수 있습니다. 페이스북이나 X(트위터)에 공유하거나 이메일 구독자에게 바로 보낼 수도 있습니다.
- 웹사이트에 설문지를 삽입하려면 HTML 옵션을 사용해야 합니다. <> 탭을 선택하세요.
- HTML 삽입 영역에 코드 조각이 표시되며, 그 아래 너비(width)와 높이(height) 입력란에서 삽입될 설문지의 크기를 자유롭게 조절할 수 있습니다.
- 복사(Copy) 버튼을 눌러 삽입 코드를 복사한 뒤, 웹사이트 관리자 페이지로 이동합니다.
3. 워드프레스에 삽입 코드 추가하기
삽입 코드를 확보했다면 사이트 관리자 대시보드에 로그인한 후, 설문지를 넣고 싶은 페이지나 글로 이동합니다.
참고: 이 가이드의 설명은 구텐베르크(블록 에디터)를 사용하는 워드프레스 기준입니다.
- 먼저 사용자 정의 HTML 블록을 추가해야 합니다. 관리자 패널에서 페이지 또는 글 메뉴를 열고 편집할 페이지나 글을 찾아 블록 에디터를 실행하세요.
- 블록 에디터 왼쪽 상단, 워드프레스 로고 옆의 블록 추가(+) 아이콘을 클릭합니다.
- 서식(Formatting) 섹션으로 이동해 스크롤을 내린 후 사용자 정의 HTML(Custom HTML)을 선택합니다.
- 앞서 복사한 HTML 코드 조각을 입력란에 붙여넣습니다.
- 사용자 정의 HTML 블록의 도구 모음에서 미리 보기 탭을 클릭하면 설문지가 웹사이트에 어떻게 표시될지 확인할 수 있습니다.
- 페이지나 글에 구글 폼이 정상적으로 나타나는지 확인합니다.
- 편집을 마친 후에는 반드시 업데이트 버튼을 눌러 변경 사항을 저장하세요.
내 사이트에 딱 맞는 완벽한 설문지 만들기
웹사이트에 설문조사를 추가하든, 온라인 스토어에 주문서를 달든, 행사 등록 폼이나 문의 폼을 만들든, 구글 폼만 있으면 사이트에 꼭 맞는 설문지를 손쉽게 완성할 수 있습니다.
추가 기능과 더 나은 사용자 경험을 원한다면, 웹사이트에 구글 캘린더를 삽입하는 방법이나 워드프레스에서 쿠폰 팝업을 직접 만드는 방법에 대한 가이드도 함께 확인해 보세요.
이 가이드를 따라 웹사이트에 구글 폼을 성공적으로 만들고 삽입하셨나요? 아래 댓글로 여러분의 경험을 공유해 주세요!