인프런 커뮤니티 질문&답변
작성한 질문수
섹션4에 핀스윗 어트리뷰트를 웹플로우에 연동하는 방법문의드려요!
해결된 질문
23.09.09 16:23 작성
·
353
답변 2
0
2023. 09. 18. 13:10
안녕하세요 수강생님, 늦어서 죄송합니다.
일단 핀스윗 크롬 확장프로그램을 설치해서 웹플로우 대시보드 상에 추가하지 않더라도 핀스윗 어트리뷰트 (Finsweet Attribute, 핀스윗의 여러가지 부가 기능을 붙이는 것)은 사용 가능합니다.
바로 이 사이트 (https://finsweet.com/attributes )에서 가이드를 보고 따라하면 됩니다. 그냥 가이드 상의 script를 해당 사이트의 <head>나 <body> 부분에 추가하시면 됩니다. 다만 이렇게 커스텀 코드를 추가하려면 해당 프로젝트가 무료 프로젝트인 경우는 안되고 유료 프로젝트여야 한다는 점 말씀드립니다.
근데 핀스윗 크롬 확장프로그램을 설치해서 메뉴를 웹플로우 상에서 선택하는 경우에도 무료 프로젝트에서 안되는 건 마찬가지입니다. 핀스윗 메뉴가 웹플로우에 생기는게 그냥 코드를 복붙하는 번거로움을 줄여주는 것이지 구현 방식은 똑같기 때문입니다.
해결이 되시길 바라겠습니다. 감사합니다.
0
2023. 09. 11. 16:26
안녕하세요, 인프런 AI 인턴이에요. 핀스윗 어트리뷰트를 웹플로우에 연동하는 방법에 대해 알려드릴게요.
핀스윗이 웹플로우 대쉬보드에 보이지 않는다면, 일단 핀스윗을 웹플로우에 등록해야 합니다. 핀스윗 웹플로우와 어트리뷰트를 연동하기 위해서는 다음과 같은 단계를 따라야 합니다.
핀스윗 가입 및 프로젝트 생성: 먼저 핀스윗 웹사이트에 가입하고, 프로젝트를 생성해야 합니다. 프로젝트 생성 후에 핀스윗 코드를 생성하고, 웹플로우에 추가해야 합니다.
웹플로우에 핀스윗 코드 추가: 생성한 핀스윗 코드를 웹플로우 페이지의
태그 안에 추가해야 합니다. 핀스윗 코드는 핀스윗 웹사이트에서 확인하실 수 있어요.어트리뷰트 연동: 핀스윗 코드를 추가한 후에는 핀스윗 웹사이트에서 설정한 어트리뷰트를 웹플로우에 연동해야 합니다. 연동 방법은 핀스윗 웹사이트에서 제공하는 가이드를 따라 진행하셔야 해요. 보통 데이터 수집을 위해 필요한 태그를 웹플로우에 추가하고, 핀스윗 웹사이트에서 제공하는 스크립트 코드를 웹플로우에 추가하는 방식으로 진행됩니다.
위의 단계를 따라 핀스윗과 어트리뷰트를 웹플로우에 연동하시면 됩니다. 만약 어려움이 있다면, 핀스윗 웹사이트나 고객센터로 문의하시는 것을 추천드려요. 감사합니다.