typeform으로 자주묻는질문 페이지를 만들어봤습니다!

평소에 자주묻는질문 페이지가 마음에 안드셨다면 이 글을 꼭 읽어보세요.

Typeform으로 자주묻는질문 페이지를 만들어봤습니다.

웹페이지로 자주묻는질문 페이지를 만드는 것보다 Typeform이 훨씬 더 직관적이라서 한번 만들어봤습니다.

More...

Typeform을 통해서 제가 구현해보려고 한 것은 아래와 같습니다.

1. 자주묻는질문들 소개

☞ 질문 : 돈을 버는데 얼마나 걸릴까요?

☞ 질문 : 블로그로 돈 벌려면 어떻게 시작해야 하나요?

☞ '저는 이런게 궁금합니다!'


2. 각각의 질문을 클릭하면 그 질문에 대한 답변 화면으로 이동합니다.

돈을 버는데 얼마나 걸릴까요?라는 질문을 클릭하면 이 질문에 대한 답변으로 이동합니다.


그리고 '저는 이런게 궁금합니다!'라는 문장을 선택하면 답변이 아니라 바로 답변을 쓸수 있는 화면으로 이동합니다.

왜냐하면 질문 목록에 내가 궁금한 질문이 없을수도 있기 때문에 직접 질문을 입력할수 있도록 만들어봤습니다.

만드는 방법

1. 일단 질문 목록을 씁니다.

typeform으로 faq 만들기 1-1

가운데 보시면 아래 같은 글자가 보이시죠? 그리고 오른쪽 보라색 화면에는 그 글자들이 실제로 어떻게 구현되는지 보여집니다.

- 돈을 버는데 얼마나 걸릴까요?

- 블로그로 돈 벌려면 어떻게 시작해야 하나요?

- 저는 이런게 궁금합니다!

이런식으로 생각나는 자주묻는질문을 최대한 많이 만들어주세요.


2. 각 질문에 대한 답변을 씁니다.

typeform으로 faq 만들기 1-2

가운데 보시면 2번째 칸이 보입니다.

2번째 칸의 질문은 '돈을 버는데 얼마나 걸릴까요?'입니다.

그에 대한 답변은 '아무도 장담할수..' 이렇게 시작하는 곳이죠.

이 곳에 글자를 입력해주시면 마찬가지로 오른쪽 보라색 영역에 어떻게 구현되는지 보여집니다.


3. Logic이라는 기능을 통해 질문을 클릭했을때 답변으로 이동하게끔 만듭니다.

typeform으로 faq 만들기 1-3

왼쪽에 'Logic'에 해당되는 아이콘을 클릭하면 Logic 기능을 사용할수 있습니다.

이 Logic 기능을 사용하면 어떤 질문에서 어떤 목록을 클릭했을때 다른 질문이나 다른 답변으로 이동하게 만들수 있습니다.

typeform으로 faq 만들기 1-4

Logic 아이콘을 클릭하면 위와 같은 화면이 나오는데요.

굉장히 복잡해보이지만 의외로 단순합니다.

When answering block 바로 밑에 

'If 체크표시 1 온라인 비즈니스에 대한 자주 묻는...'

이런 칸이 나오는데요.

이 칸 바로 아래에 보시면 '돈을 버는데 얼마나 걸릴까요?'라는 질문을 만든걸 선택할수 있습니다.

그리고 'Then jump to'라는 기능이 보이죠?

이 기능으로 그 질문을 클릭했을때 어떤 블록으로 이동시킬지 설정할수 있습니다.

간단하게 정리해보면 아래와 같습ㄴ다.

- If는 블록을 선택하루 있습니다.

- 바로 아래 칸은 블록에서 질문들을 선택할수 있습니다.

- Then jump to : 그 질문을 클릭했을때 이동할 블록을 선택할수 있습니다.


3-2 '저는 이런게 궁금합니다!'라는 목록을 클릭했을때는 직접 답변을 할수 있는 곳으로 이동하게끔 Logic 기능을 만듭니다.

typeform으로 faq 만들기 1-5

위에 보시면 엄청나게 복잡해보이죠.

몇가지 기능만 보면 의외로 간단합니다.

일단 맨 아래의 화면을 보시면 '저는 이런게 궁금합니다!'라는 문장이 보이나요?

이 곳을 수정하면 '저는 이런게 궁금합니다!'라는 문장을 클릭했을때 다른 블록으로 이동하게 만들수 있습니다.


아래와 같이 3가지만 설정해주면 됩니다.

If 다음 문장 : 로직 적용할 블록 선택

그 밑의 문장 : '저는 이런게 궁금합니다!'라는 질문 선택

Then jump to : '저는 이런게 궁금합니다!'라는 질문을 클릭했을때 이동할 블록


그리고 이런 자주묻는질문 페이지를 보려면 링크를 클릭해야 하지만, 아래처럼 페이지에 삽입해서 보여줄수도 있습니다.

자주 묻는 질문 페이지를 좀 더 화려하게 내 입맛대로 만들고 싶으셨던 분은 Typeform을 통해서 구현이 가능합니다.

Click Here to Leave a Comment Below 0 comments