쇼피파이에서 문의하기(Contact Us)나 주문하기(Order Form)와 같은 폼(Form)을 추가하고 싶다면, 앱 스토어에서 적절한 Form Builder 앱을 설치하면 간편하게 구현할 수 있다.
무료 앱 중에서 건수 제한 없이 사용할 수 있는 앱으로는 Form Builder by Hulkapps를 추천한다. 이 가이드는 Hulk Form Builder를 사용하여 Shopify 스토어에 Contact US 폼을 삽입하는 방법을 단계별로 설명한다.
 |
| Form Builder by Hulkapps |
Table of Contents
1. 새 폼 생성하기
2. 페이지 선택 후 코드 삽입하기
3. 코드 삽입 확인하기
4. 앱 임베드 활성화하기 (필수 단계)
1. 새 폼 생성하기
- 앱을 설치한 후, + New form 을 클릭하여 원하는 폼을 생성한다.
- 디자인, 필드, 텍스트 등을 자유롭게 설정할 수 있다.
- 폼 생성 후 오른쪽 버튼들 중 Insert short code to a page 버튼을 클릭한다.
2. 페이지 선택 후 코드 삽입하기
- Insert shortcode 창이 열리면 Pages List에서 원하는 페이지를 선택한다.
- 폼을 페이지 상단 또는 하단에 삽입할지 선택한 뒤, Insert 버튼을 클릭한다.
3. 코드 삽입 확인하기
- Online Store > Pages에서 선택한 페이지로 이동하여 Edit을 선택한다.
- 해당 페이지의 HTML 코드에 폼 숏코드(Shortcode)가 자동으로 삽입된 것을 확인할 수 있다.
4. 앱 임베드 활성화하기 (필수 단계)
- Online Store > Themes > Customize로 이동한다.
- 왼쪽 상단 메뉴에서 세번째로 보이는 App embeds 아이콘을 클릭한 후, Form Builder by Hulkapps 스위치를 ON으로 활성화한다.
** 이 단계를 완료해야 폼이 실제 페이지에 표시된다. **
이와 같이 설정하면 별도의 코딩 없이도 Shopify 스토어에 효과적인 Contact Us 폼을 무료로 구현할 수 있다.
* 함께 읽으면 좋은 글
벤큐 PD2705U 27인치 개발자 & 디자이너 모니터 추천 및 1년 사용 후기