20대 초보 창업, 단돈 1만원으로 월 100만원 버는 강의 사이트 만들기?

단 1만원으로 강의 사이트 만드는 방법

강의 사이트를 개발자를 통해 제작하려면 상당한 비용이 들지만, 아임웹을 이용하면 저렴하게 혹은 무료로도 강의 사이트를 만들 수 있습니다. 오늘은 아임웹을 활용하여 강의 사이트를 제작하는 방법을 자세히 알아보겠습니다. 홈페이지 강의를 만드는 것을 예시로 진행할 것이며, 러닝 템플릿을 사용했지만 다른 템플릿을 선택해도 무방합니다. 템플릿은 디자인 모드에서 얼마든지 변경 가능하기 때문입니다.

템플릿을 선택했다면 바로 디자인 모드로 진입합니다. 강의용 페이지 제작이 목적이므로 메인 페이지는 크게 수정하지 않을 것입니다. 비주얼 슬라이드는 메인 화면을 슬라이드 형식으로 보여주는 기능인데, 오늘은 한 장만 남기고 나머지는 삭제하겠습니다. 슬라이드에는 보통 슬로건을 넣습니다. 메인 페이지 외에 다른 페이지는 모두 삭제하고, 강의와 관련된 필요한 페이지만 남겨둡니다. 일반 홈페이지 제작 시에도 템플릿 디자인이 마음에 들지 않으면 대부분 삭제하고 새로 디자인하는 경우가 많습니다.

아임웹 PRO 버전에서는 메뉴를 5개 이상 만들 수 있기 때문에, 무료 버전 사용자는 메뉴를 5개 이하로 유지해야 합니다. 오늘은 메인 페이지와 강의 페이지, 그리고 강의 구매 페이지, 강의 시청 페이지를 만들 것입니다. 먼저 메인 페이지에서 불필요한 섹션을 모두 삭제하여 깔끔하게 정리합니다. 이제 강의를 넣을 공간을 마련해야 합니다. 페이지를 추가하여 강의 구매 페이지와 강의 시청 페이지를 각각 만듭니다. URL은 나중에 변경할 수 있으므로 지금은 임의로 설정해도 괜찮습니다. 메뉴를 복제하여 구매 페이지와 수강 페이지를 쉽게 만들 수 있습니다. 구매 페이지는 강의를 구매하는 페이지, 수강 페이지는 실제 강의 영상이 올라갈 페이지입니다.

수강 페이지부터 먼저 만들어 보겠습니다. 페이지 이름을 설정하고, 기존 쇼핑 위젯을 삭제한 후 디자인 요소에서 게시판 위젯을 추가합니다. 기본 게시판 형태는 블로그처럼 보일 수 있으므로 스타일을 변경할 것입니다. 게시판 위젯 오른쪽 마우스를 클릭하고 게시판 설정 - 디자인 탭으로 이동합니다. 스타일 옵션에서 그리드 게시판의 두 번째 스타일을 선택하면 됩니다. 아직 강의가 등록되지 않아 기본 이미지가 표시되지만, 강의를 업로드하면 썸네일이 나타납니다.

게시판 설정을 좀 더 자세히 살펴보겠습니다. 강의 수강용 페이지이므로, 글쓰기 권한을 소유자만 가능하도록 설정합니다. 권한 탭에서 권한이 있는 경우 표시를 선택하고 소유자로 변경합니다. 이렇게 하면 관리자만 글쓰기 버튼을 볼 수 있습니다. 다음으로 메뉴 리스트를 추가하여 강의 주제별로 하위 메뉴를 구성할 수 있도록 하겠습니다. 이는 선택 사항이며, 강의가 하나라면 생략해도 됩니다. 메뉴 추가 기능은 나중에 강의 수강 페이지를 복제할 때 다시 설명드리겠습니다. 우선 강의를 업로드하는 방법부터 알아보겠습니다.

게시 버튼을 눌러 디자인 모드에서 수정한 내용을 실제 홈페이지에 반영합니다. 게시하기를 누르면 수강용 페이지 URL (예: page2) 로 접속하여 변경사항을 확인할 수 있습니다. 현재는 소유자 계정으로 로그인했으므로 글쓰기 버튼이 보입니다. 글쓰기 버튼을 눌러 강의를 업로드할 수 있습니다. 강의 제목을 입력하고, 강의 URL을 넣어야 하는데, 아임웹 자체에는 강의 영상 업로드 기능이 없습니다. 따라서 유튜브나 비메오 같은 동영상 플랫폼을 이용해야 합니다. 해당 플랫폼에 강의 영상을 먼저 업로드한 후, 링크를 아임웹 게시판에 연결하는 방식으로 강의를 제공할 것입니다.

강의 제목과 내용은 임시로 작성하고, 비메오에 강의를 업로드하는 방법을 알아보겠습니다. 비메오에 접속하여 계정을 만들고, 유료 요금제로 업그레이드해야 합니다. 무료 버전은 개인 정보 보호 및 공유 설정에 제한이 있기 때문에, 최소 플러스 요금제 이상이 필요합니다. 여기서는 플러스 요금제를 기준으로 설명하겠습니다. 비메오 가입 및 요금제 업그레이드는 어렵지 않으니, 카드 결제를 통해 진행하면 됩니다.

비메오 요금제를 업그레이드했다면, 동영상 업로드 설정을 해야 합니다. 이는 매우 중요한 단계인데, 설정을 제대로 하지 않으면 동영상이 무단으로 공유될 수 있습니다. 비메오 계정 설정으로 들어가 동영상 - 인베드 사전 설정 메뉴를 선택합니다. 여기서 새로운 사전 설정을 추가합니다. 설정 이름은 자유롭게 지정할 수 있습니다 (예: 강의용). 프로필 이미지 숨기기, 제목 표시, 제작자 이름 표시 옵션은 모두 해제합니다. 옵션 탭에서도 자막 옵션을 해제하고, 다른 옵션들도 필요에 따라 조정합니다. 모든 기기 동영상에 적용 옵션은 내용 없음으로 변경하고 저장합니다.

업로드 기본값 설정으로 이동하여 등급을 모든 시청자로 설정하고 저장합니다. 사전 설정 옵션은 방금 만든 강의용 사전 설정으로 선택합니다. 개인 정보 탭에서 누가 내 동영상을 볼 수 있나요? 옵션을 숨김으로 설정합니다. 이렇게 하면 비메오 자체 검색이나 채널에서 영상이 노출되지 않습니다. 어디에 임베드할 수 있나요? 옵션은 내가 선택하는 사이트만 으로 설정하고, 도메인 추가 버튼을 클릭하여 아임웹 홈페이지 URL을 입력합니다. 이렇게 하면 해당 아임웹 사이트에서만 영상이 재생되도록 제한할 수 있습니다. 다운로드 및 컬렉션에 추가 옵션도 모두 해제합니다. 이제 비메오 업로드 설정이 완료되었습니다.

비메오에 강의 영상을 업로드해야 합니다. 비메오 화면 우측 상단의 프로필 아이콘을 클릭하고 라이브러리 메뉴로 이동합니다. 폴더를 생성하여 강의 영상을 체계적으로 관리할 수 있습니다. (예: 강의 폴더). + 새 동영상 버튼을 클릭하여 강의 영상을 업로드합니다. 앞서 설정한 업로드 사전 설정이 적용되어 있는지 확인합니다. 도메인 제한, 플레이어 설정 등이 제대로 적용되었는지 다시 한번 확인하고 업로드를 진행합니다.

설정이 완료되었는지 테스트해보겠습니다. 권한이 없는 사용자가 비메오 동영상 링크에 직접 접근하려고 하면 페이지를 찾을 수 없음 오류가 발생해야 합니다. 비메오에서 숨김 설정을 했기 때문에, 외부에서 무단으로 접근하는 것을 방지할 수 있습니다. 이제 업로드한 동영상을 아임웹 홈페이지에 연결하겠습니다. 비메오 영상 페이지에서 공유 버튼을 클릭하고 인베드 탭으로 이동합니다. 인베드 코드 복사 버튼을 클릭하여 코드를 복사합니다.

아임웹 디자인 모드의 강의 게시글 작성 페이지로 돌아갑니다. 제목 및 내용을 입력하는 에디터 우측 상단에 </> (코드 보기) 버튼을 클릭합니다. 여기에 복사한 인베드 코드를 붙여넣습니다. 다시 </> (코드 보기) 버튼을 클릭하여 코드 에디터를 닫으면, 영상이 삽입된 것을 확인할 수 있습니다. 확인 버튼을 눌러 게시글 작성을 완료합니다. 강의 수강 페이지로 이동하여 게시글을 클릭하면, 비메오 영상이 정상적으로 재생되는 것을 확인할 수 있습니다.

하지만 현재 상태로는 누구나 강의 수강 페이지에 접근하여 강의를 시청할 수 있습니다. 강의를 구매한 사람만 시청할 수 있도록 접근 권한을 설정해야 합니다. 디자인 모드로 돌아가기 전에, 먼저 강의를 볼 수 있는 권한을 가진 사용자 그룹을 생성해야 합니다. 디자인 모드에서 나갑니다. 아임웹 관리자 페이지 좌측 메뉴에서 사용자 관리 - 사용자 목록 메뉴를 클릭합니다. 새 그룹 버튼을 클릭하여 새로운 그룹을 생성합니다. 그룹 이름은 아임웹 홈페이지 강의 시청 그룹 등으로 설정합니다.

그룹을 생성했으면, 이제 사용자에게 그룹 권한을 부여해야 합니다. 관리자가 직접 임시 계정을 만들어 그룹에 추가할 수도 있지만, 일반적으로는 사용자가 직접 회원가입하도록 유도합니다. 사용자가 홈페이지에서 회원가입을 하면, 사용자 목록에 그룹 없음 상태로 추가됩니다. 그룹 없음 사용자를 검색하거나, 목록에서 찾아서 해당 사용자를 아임웹 홈페이지 강의 시청 그룹에 추가합니다. 사용자 목록에서 그룹이 변경된 것을 확인할 수 있습니다.

이제 강의 수강 페이지 자체에 접근 권한을 설정해야 합니다. 디자인 모드로 다시 진입합니다. 강의 수강 페이지 메뉴를 선택하고 페이지 설정 (톱니바퀴 아이콘) 을 클릭합니다. 검색 차단 옵션을 먼저 활성화하고, 접근 권한 섹션에서 사용자 지정 그룹 을 선택합니다. 권한이 없을 때 메뉴 숨김 옵션도 체크합니다. 이렇게 하면 권한이 없는 사용자는 강의 수강 페이지 메뉴 자체가 보이지 않게 됩니다. 허용 그룹 옵션에서 아임웹 홈페이지 강의 시청 그룹을 선택합니다. 이제 해당 그룹에 속한 사용자만 강의 수강 페이지에 접근할 수 있습니다.

권한 설정을 테스트하기 위해 로그아웃 기능을 추가해보겠습니다. 디자인 요소에서 로그아웃 버튼을 추가합니다. 로그아웃 후 홈페이지를 확인하면, 강의 페이지 메뉴가 사라진 것을 확인할 수 있습니다. 비회원 상태에서는 강의 페이지에 접근할 수 없게 된 것입니다. 그룹 권한이 있는 사용자와 없는 사용자를 구분하여 테스트해보겠습니다. 테스트 1 계정은 권한이 있는 사용자, 테스트 2 계정은 권한이 없는 사용자라고 가정합니다. 권한이 없는 테스트 2 계정으로 로그인하면 강의 페이지 메뉴가 나타나지 않습니다.

다시 관리자 계정으로 로그인하여, 메뉴뿐만 아니라 게시판 자체에도 접근 권한을 설정해야 합니다. 강의 수강 페이지 디자인 모드에서 게시판 위젯을 선택하고 게시판 설정 - 권한 탭으로 이동합니다. 목록 접근 권한 옵션을 선택 그룹 사용자 로 변경하고, 그룹은 아임웹 홈페이지 강의 시청 그룹 으로 설정합니다. 이제 권한이 없는 사용자가 강의 수강 페이지 URL을 직접 입력하여 접속하더라도, 접근 권한이 없는 페이지 라는 메시지가 표시되며 페이지 접근이 차단됩니다. 반대로 권한이 있는 사용자는 정상적으로 강의 페이지에 접근하여 강의를 시청할 수 있습니다. 비메오 인베드 방식을 사용했으므로, 외부에서 강의 영상에 무단으로 접근하는 것은 원천적으로 차단됩니다.

강의 시청 페이지 설정이 완료되었으니, 이제 강의 구매 페이지를 만들어야 합니다. 아임웹 쇼핑 기능을 이용하여 강의 상품을 판매하고, 구매자에게 자동으로 강의 시청 권한을 부여할 수 있습니다. 기본 템플릿에 등록된 상품들을 모두 삭제합니다. 쇼핑 - 상품 메뉴로 이동하여 상품 목록을 확인하고, 필요 없는 상품은 삭제합니다. 카테고리 메뉴에서도 불필요한 카테고리를 삭제하고, 강의 카테고리만 남겨둡니다. 상품이 없는 상태에서 + 상품 추가 버튼을 클릭하여 새로운 상품을 등록합니다.

상품 등록 페이지에서 강의 상품 정보를 입력합니다. 상품명, 판매 가격, 할인 가격 등을 설정합니다. 대표 이미지는 상품 목록 및 상세 페이지에 표시되는 이미지이므로, 강의 썸네일 이미지를 업로드하는 것이 좋습니다. 요약 설명 에는 상품 목록에 간단하게 표시될 강의 요약 내용을 입력합니다. 상세 설명 에는 강의 상세 내용, 환불 규정 등을 자세하게 작성합니다. 판매 방식 옵션에서 회원 그룹 이용 을 선택하고, 이용 기간 을 설정합니다. 그룹 선택 옵션에서 아임웹 홈페이지 강의 시청 그룹 을 선택합니다. 이렇게 설정하면, 해당 상품을 구매한 고객은 자동으로 아임웹 홈페이지 강의 시청 그룹 에 추가되어 강의 시청 권한을 얻게 됩니다. 만약 쇼핑몰 기능 외에 별도로 결제를 받거나, 지인에게 강의를 무료로 제공하고 싶다면, 사용자 관리 메뉴에서 직접 계정을 추가하고 그룹 권한을 부여할 수 있습니다.

판매 가격 및 할인 가격을 설정하고, 카테고리 를 강의 로 지정합니다. 저장 버튼을 클릭하면 상품 등록이 완료됩니다. 디자인 모드로 돌아가서, 메인 페이지에 상품 목록을 표시해야 합니다. 기존 쇼핑 기획전 섹션을 삭제하고, 새로운 섹션을 추가합니다. 디자인 요소 에서 텍스트 위젯을 추가하여 섹션 제목을 입력합니다 (예: 강의 목록). 쇼핑 위젯을 추가하여 상품 목록을 표시합니다. 쇼핑 위젯 설정에서 표시할 상품 정보를 선택합니다. 카테고리 를 강의 로 설정하고, 상품명, 가격, 요약 설명 등을 표시하도록 설정합니다. 디자인 탭에서 상품 목록 스타일을 변경하고, 텍스트 크기, 테두리 등을 조정할 수 있습니다.

상품 목록 디자인을 완료했으면 게시 버튼을 클릭하여 변경사항을 홈페이지에 적용합니다. 이제 사용자가 홈페이지에 접속하면 메인 페이지에 강의 상품 목록이 표시됩니다. 사용자는 상품을 클릭하여 구매하고, 구매 완료 후 자동으로 강의 시청 권한을 얻어 강의를 수강할 수 있습니다. 여기까지 진행하면 기본적인 강의 사이트 제작이 완료됩니다. 추가적으로 제휴 마케팅 기능 설정 방법 등은 댓글 문의가 많으면 추가 강의를 제작하거나, 이메일 문의를 통해 답변드리겠습니다. 궁금한 점은 댓글로 남겨주시고, 도움이 되셨다면 구독과 좋아요 부탁드립니다. 시청해주셔서 감사합니다.