배리는?
home
📱

개발자 없이 만드는 추첨이벤트 페이지 5분 컷 가능?

언제든 사랑받는 이벤트가 있습니다.
간단한 참여 방법으로 많은 사람에게 인기가 높은 ‘추첨이벤트' 인데요. 각종 전시회나 프로모션 행사에서 기본적인 이벤트로 생각될 만큼 필수 이벤트로 자리잡고 있습니다.
오늘은 추첨이벤트를 준비하면서, 개발자가 없이도 이벤트 페이지를 5분만에 만들 수 있는 방법을 알아보려고 합니다.

추첨이벤트 페이지를 제작하려면?

‘추첨이벤트 페이지'를 제작하려면 꽤나 까다로운 부분이 많습니다.
미리 정해진 횟수만큼 당첨/낙첨의 결과가 나와야 하는 것부터, 반복 참여자를 막는 기능까지 모두 추첨이벤트를 위해 기본적으로 필요한 기능들이죠. 개발자 중에서도 이런 로직을 구현해 본 경험이 있는 인력이 필요합니다. 만약 대행 업체에게 의뢰한다면 기본 200만원 이상의 비용이 필요하다고 해요.

하지만 배리로 제작한다면?

개발자 없이도 5분이면 만들 수 있습니다. 심지어 무료로 말이죠.
배리의 신규 업데이트된 기능 ‘랜덤카드' 블록을 활용하면 간단한데요. 얼마나 간단한지 함께 만들어 보겠습니다. 그럼 시작해볼까요?

vary’ 오프라인 행사 추첨이벤트 페이지 제작하기

오프라인 행사를 준비하는 ‘vary’의 추첨이벤트 페이지를 만들어 보려고 합니다. 오프라인 현장에서 태블릿 PC나 노트북을 활용해서 추첨이벤트를 진행할 예정이고, 1등부터 3등까지 각각 다른 경품을 준비해 놓고, 당첨 결과에 따라 경품을 바로 제공하는 프로세스를 계획하고 있습니다. 그래서 다양한 당첨 결과를 나타낼 수 있는 추첨이벤트 페이지를 만들어 보려고 해요. 그럼 함께 만들어 볼까요?

1) 랜덤카드 블록 생성하기

배리의 새로운 기능, 랜덤카드 블록을 추가해보자
추천이벤트를 위한 랜덤카드 블록을 추가해 보겠습니다. 
랜덤카드 블록은 웹페이지 편집 화면의 블록 기능 중 하단 부분에 위치해 있습니다. 블록을 클릭하면 바로 작업 화면의 하단 부분에 추가되는데요. 이 추가된 블록을 드래그해서 원하는 부분으로 위치시킬 수 있습니다. 랜덤카드 블록은 이미지와 고객 정보를 기입 부분 그리고 버튼으로 구성되어 있는데요.
각 영역의 설정 방법을 더 자세하게 알아보겠습니다.

2) 이미지 넣기

당첨/낙첨 이미지를 직접 설정할 수 있다.
랜덤카드 기능은 시작 화면을 비롯해 당첨/낙첨 결과를 나타내는 5개의 이미지를 자유롭게 설정할 수 있습니다. 이번 배리의 추첨이벤트에는 1등, 2등, 3등의 결과를 나타내야 하기 때문에 총 3개의 당첨 이미지를 적용했습니다. 나머지 부분에는 낙첨 결과를 나타내는 이미지를 설정했어요. 미리 준비해 둔 이미지를 직접 업로드하는 방법으로 진행했습니다.

3) 확률 설정하기

추첨이벤트를 운영하기 위해 가장 필수적인 기능인 당첨과 낙첨에 대한 확률 설정 기능입니다. 당첨자만 많이 나오거나, 당첨자가 아예 나오지 않거나 한다면 추첨이벤트에 대한 신뢰가 뚝 떨어질 거예요. 이 당첨/낙첨 확률을 개발자가 없이도 쉽게 조정할 수 있습니다.
가중치를 변경하면 확률이 함께 바뀌는 것을 알 수 있다
그럼 한 번 직접 설정해 볼까요?
랜덤카드 블록에는 5개의 카드가 있어요. 이 카드마다 가중치를 자유롭게 설정할 수 있게 되어 있습니다. 가중치의 초기 세팅되어 있는 값은 ‘20’으로 각각 20%씩 동일한 확률을 가지고 있죠. 이 가중치를 변경하면 확률이 함께 변경됩니다. 최종적으로 이 확률 값이 몇이냐에 따라 해당 카드가 결과로 표시되는 빈도를 결정하게 됩니다. 가중치를 다른 카드들보다 상대적으로 높게 정하면 더 많이, 가중치를 상대적으로 더 낮게 설정하면 더 적게 노출되는 것이죠!

4) 당첨 여부와 선택 개수 설정하기

당첨여부를 토글을 활성화 시킨 카드는 당첨 카드로 설정된다.
각 카드마다 당첨 여부를 설정할 수 있습니다. 
이번 배리의 추첨이벤트는 1등, 2등, 3등이 있죠. 이 3가지 이미지 부분의 당첨 여부 토글을 ON 하면, 해당 이미지와 당첨 메시지가 함께 표시됩니다. 반대로 나머지 낙첨 이미지 부분의 토글은 OFF 상태로 두면 낙첨 메시지와 함께 표시됩니다.
준비된 경품의 수만큼 ‘최대 선택 개수’를 미리 선택할 수 있다
‘최대 선택 개수’도 미리 설정할 수 있어요! 
적용한 숫자만큼만 카드가 노출되고, 그 이 후에는 더이상 해당 카드가 노출되지 않도록 하는 것이죠. 상품의 갯수가 정해져 있는 상태라면 꼭! 미리 기입해놔야 사고가 없겠죠?

5) 당첨/낙첨 메시지 적용하기

당첨/낙첨에 대한 결과 메시지를 임의대로 설정할 수 있다.
앞서 당첨/낙첨에 대한 이미지와 당첨 여부를 설정했죠! 
이제 각 결과에 따라 이미지와 함께 표시될 메시지를 설정할 차례입니다. 랜덤카드 기능의 하단 부분을 보면 ‘결과 화면 설정’ 란에 텍스트 상자가 2개가 있습니다. 하나는 당첨 메시지 상자, 하나는 낙첨 메시지 상자인데요. 당첨여부 설정에 따라, 각각의 메시지가 표시되게 됩니다. 일반 배리의 텍스트 기능과 마찬가지로 다양한 폰트 스타일을 적용할 수 있습니다.

제작된 추첨이벤트 페이지 바로 확인하기

이렇게 배리로 추첨이벤트 페이지 만드는 작업이 끝났습니다. 정말 개발자 없이도 추첨이벤트 페이지를 쉽게 만들 수 있었는데요. 결과물을 함께 확인해 보실까요?
먼저 목표했던 테블릿 PC나 노트북으로 보이는 화면입니다. 보시는 것처럼 고객이 직접 이벤트 내용을 확인하고 정보를 적어서 이벤트에 참여할 수 있어요. ‘당첨 화면을 직원한테 보여주면 상품을 드려요!’ 간단한 공지만 하면 문제없이 이벤트가 진행될 수 있을 거예요.
배리로 만든 콘텐츠는 모바일에서 가장 잘 보이는 형태로 노출된다
이건 모바일로 보이는 화면입니다. 이렇게 온라인 상으로 URL만 공유해서 추첨이벤트를 진행할 수도 있어요.

영상으로 보는 추첨이벤트 페이지 제작

마무리하며

혹시 오프라인 행사에 활용할 추첨이벤트 페이지 제작 솔루션을 찾고 계신가요?
배리의 신규 업데이트 기능, 랜덤카드 블록을 활용해보세요. 글만으로는 배리의 간편함이 와닿지 않을 수도 있어요. 이메일 주소만 있으면 바로 무료로 시작할 수 있습니다. 오늘부터 배리를 시작해보시기 바랍니다.
지금 무료로 시작할 수 있어요 배리 더 알아보기
다음 콘텐츠