인터넷 강의도 판매 가능한가요?

https://imweb.me/qna?mode=faq&q=71992

입력폼 위젯을 통해 개인정보를 입력받거나, 입력받은 개인정보를 제3자에게 제공해야 하는 경우, 입력폼 작성자에게 개인정보 수집 항목, 수집 사유, 보유 기간, 제3자 제공자 등의 정보를 충분히 제공하고, 수집 및 이용 동의를 받아야 합니다.

아임웹에서 작업사이트에 대하여 상호간 검토 확인을 거쳐 제작이 완료된 경우

1. 고객사 소유권 이전

제작이 완료된 후 작업 사이트를 소유권 변경으로 이전받으셔야 합니다

 소유권 이전

2. 고객사 호스팅 확인

3. 자동 메일 발송 설정 (입력폼 수신)

자동 메일 발송 기능이란, 내 사이트에 회원가입, 주문, 결제, 게시물 등록, 입력폼 수신 등의 상황에서 자동으로 메일이 발송되는 기능입니다.
다양한 상황에 맞춰 회원, 소유자, 운영진 그룹에게 발송되도록 설정할 수 있습니다.

메일발송 설정

자동 메일 발송 기능이란, 내 사이트에 회원가입, 주문, 결제, 게시물 등록, 입력폼 수신 등의 상황에서 자동으로 메일이 발송되는 기능입니다. 다양한 상황에 맞춰 회원, 소유자, 운영진 그룹에게 발송되도록 설정할 수 있습니다.

시작에 앞서

설정방법

1단계: 메일 발송 설정으로 이동하기

2단계: 서비스 제공업체 지정하기

회원에게 발송할 이메일 주소 및 발송 서비스 업체를 지정합니다.

아임웹에서 지정 가능한 메일 서비스 제공 업체는 네이버, Gmail, 다음(Daum), 네이트가 있습니다. 그외 다른 업체를 사용하는 경우, 사용자 지정 SMTP 서버 옵션을 통해 직접 설정이 가능합니다.

메일 서비스 제공업체 지정방법

3단계: 자동 메일 발송 조건 설정하기

기본적으로 회원 및 소유자에게 자동 메일이 발송되도록 설정되어 있습니다. 메일을 받아야 할 대상을 변경하려는 경우, 각 항목을 확인 후 체크박스를 선택 또는 해제해 주세요.

예를 들어, 신규 주문이 일어났을 때 메일 알림을 받으려면 주문 항목에서 입금 요청과 결제 완료 안내에 소유자를 각각 선택하면 됩니다.

(선택 사항) 4단계: 고급 설정 활용하기

아임웹은 기본적으로 모든 게시판과 입력폼에 새 콘텐츠가 등록 됐을 때 자동 메일이 발송되도록 설정되어 있습니다.

그러나 고급설정을 활용하면 각각의 게시판과 입력폼에 자동 메일이 발송되는 대상을 다르게 설정할 수 있습니다. 예를 들어, 자유 게시판에서 새 글이 등록 됐을 때 소유자가 알림을 받지만, 새 댓글은 알림을 받지 않도록 설정할 수 있습니다.

게시물 또는 입력폼 항목의 오른쪽 상단에 고급설정 을 클릭 후, 게시판 및 입력폼마다 자동 메일을 받아야 할 대상(회원, 소유자)을 확인 후 체크박스를 선택 또는 해제해 주세요.

(선택 사항) 5단계: 운영진 그룹에게 자동 메일 발송하기

회원, 소유자에 이어 운영진 그룹에게만 자동 메일이 발송되도록 설정할 수도 있습니다. 운영진 그룹 열에서 그룹 선택 을 클릭하고, 수신받을 운영진 그룹을 선택해 주세요.

추가로, 위 4단계: 고급설정 활용하기 도움말에 따라 게시물과 입력폼 각각의 항목에 대해 회원, 소유자 뿐만 아니라 운영진 그룹으로 발송 대상을 따로따로 설정할 수도 있습니다.

6단계: 메일 발송 설정 저장하기

자동 메일 미리보기

위 3~5단계에서 설정한 상황(회원가입, 주문, 게시판 작성 등)을 테스트로 진행하면 소유자(운영진 그룹)와 회원에게 자동 메일이 발송됩니다.

소유자(운영진 그룹)에게 자동 발송되는 메일 미리보기

회원가입, 주문처리, 입력폼 제출, 게시판 작성 등이 일어났을 때, 소유자(운영진 그룹)에게 자동으로 메일이 발송됩니다. 아래는 회원가입이 일어났을 때 자동으로 소유자에게 발송되는 메일의 예시입니다.

회원에게 자동 발송되는 메일 미리보기

회원가입, 주문이 일어나거나, 주문 발송처리, 게시물 답변 등이 일어났을 때, 회원에게 자동으로 메일이 발송됩니다. 아래는 판매자가 상품을 발송 처리했을 때 자동으로 발송되는 메일의 예시입니다.

관련 도움말

전자상거래법, 정보통신망법 및 개인정보보호법에서 쇼핑몰에 반드시 표기해야 하는 정보를 명시하고 있어요.
쇼핑몰 초기 화면에 호스팅 제공자, 통신판매업자의 정보 공개 페이지 링크 등을 표기해야 해요.

쇼핑몰에 필수적으로 표시해야 하는 항목들을 아래에서 확인해 주세요.

쇼핑몰에 반드시 표시해야 하는 항목

1. 사이버 몰의 이용 약관

2. 개인정보 처리 방침

3. 상호, 대표자 성명

4. 사업자등록번호

5. 통신판매신고번호 통신판매사업자 정보 공개 페이지

6. 전화번호, 이메일 주소

7. 호스팅 서비스를 제공하는 자의 상호

8. 영업소가 있는 곳의 주소 (소비자의 불만을 처리할 수 있는 곳의 주소를 포함해 주세요.)

9. 구매안전 서비스 (배송 상품 등 선지급식 통신판매일 경우)

9-1 구매안전 서비스를 제공하는 사업자명 또는 상호
(결제대금 예치에 가입했다면 결제대금 예치 제공 사업자의 등록번호를 포함해 주세요.(전자금융거래법에 의거))

9-2 신용 카드가 아닌 무통장 입금, 실시간 계좌 이체 등으로 결제한다면 소비자가 구매안전 서비스의 이용을 선택할 수 있다는 사항
(단, 통신판매업자가 소비자의 편익 제고를 위해 금액, 지급 수단 등에 관계없이 모든 거래에 대해 자동적으로 구매안전 서비스를 적용할 때 등에는 실제 운용 현황을 반영하여 그 사실을 표시·광고 또는 고지)

9-3 위 9-1.의 본문의 내용이 사실임을 소비자가 확인 또는 조회할 수 있다는 사항
(소비자가 3.의 사항이 표시·광고 또는 고지된 부분을 누르면 구매안전 서비스 제공 사업자의 관련 웹 페이지에 바로 연결되는 등의 방법으로 소비자가 손쉽게 위 1.의 본문 내용이 사실임을 확인 또는 조회할 수 있어야 한다.)

갤러리 위젯에 사용자의 인스타그램 계정을 연동하여 인스타그램 포스트를 불러올 수 있습니다. 연동 완료 후 새로운 인스타그램 포스트를 올리면 갤러리 위젯에도 따라서 올라갑니다.

설정방법

1. 디자인 모드에 접속합니다. 접속방법
2. 왼쪽 상단의 위젯 추가 ＋ 아이콘을 클릭하고, 갤러리 위젯을 추가합니다.
3. 갤러리 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
4. 위젯 컨텍스트 메뉴가 나타나면 갤러리 설정을 클릭합니다.

5. 갤러리 연동 항목에서 이름 없는 갤러리를 클릭합니다.

   

6. 드롭다운 메뉴에서 인스타 계정에서 가져오기를 클릭합니다.

   

7. 설정 창 상단에 인스타그램 연동하기를 클릭합니다.

   

8. 인스타그램 계정으로 로그인합니다. 디자인 모드를 사용 중인 브라우저(예: Google 크롬)에서 인스타그램에 이미 로그인한 경우 이 단계는 자동으로 넘어갈 수 있습니다.

   참고: 새 인스타그램 계정으로 로그인 해야 하는데 기존 계정으로 계속 로그인 되는 경우, 인스타그램 연동 시 계속 이전 계정으로 자동 연결됩니다 도움말을 확인해 주시길 바랍니다.

   

9. (선택 사항) 로그인 정보 저장 창이 나오면 정보 저장 또는 나중에 하기를 선택할 수 있습니다. 정보 저장을 클릭하면 다음에 브라우저에서 인스타그램 접속 시 로그인이 유지됩니다. 어느 것을 선택해도 무방합니다.
10. 인스타그램과 연동 정보 공유 확인 창이 나오면 허용 버튼을 클릭합니다.

11. 갤러리 위젯에 내 인스타그램 계정의 포스트가 표시됩니다.

    

방법1: 에이전시에서 사이트 작업 후 소유권 양도받기

고객이 아직 아임웹으로 사이트를 만들지 않았을 경우

1. 고객사 홈페이지 제작을 위해 샘플 사이트를 생성합니다

2. 샘플 버전으로 작업을 시작합니디.

(샘플 버전의 사이트는 소유자를 변경할 수 없으며,  일반 버전 사이트로 복제/변경하여 소유자를 변경할 수 있습니다)

3. 사이트 작업 완료 후 소유자를 고객사로 변경합니다

소유자 변경 방법

1) [리셀러 관리자 페이지 > 사이트 관리 > 사이트 목록]에서 우측 ‘정보’ 버튼을 클릭.

2) [등록정보 > 소유자] 우측 ’변경’ 버튼을 클릭하여 소유자 계정을 변경합니다.

아임웹에 가입된 고객사 계정(이메일)으로 입력합니다

방법2: 고객사가 사이트를 생성 후 에이전시에 디자인 대행 신청하기

이미 고객이 아임웹 사이트를 운영하고 있을 경우

1. 고객이 사이트 [관리자 페이지 > 환경설정 > 디자이너 찾기] 에서 리셀러 코드 또는 리셀러 메일 주소를 입력하고, 우측 [저장] 버튼을 클릭합니다.

2. 이후 저희(에이전시)는 [리셀러 관리자 페이지 > 사이트 관리 > 신청 요청 사이트] 에서 확인할 수 있어요. 

[승인] 버튼을 클릭하면 ‘사이트 목록’ 메뉴에서 확인하게 되고, 사이트 관리자 권한을 얻을 수 있습니다.

3. 권한 획득 후 작업을 진행하게 됩니다.

1. 반응형 웹이란

기기에 반응하는 웹으로, 사이즈가 다른 기기에 맞춰 레이아웃, 요소 등이 변경됩니다

디바이스가 다른 게 포인트가 아니라, 사이즈(기기해상도)가 다르다는 게 포인트입니다

반응형 웹을 쉽게 확인할 수 있는 방법은 브라우저 사이즈를 줄여보면 됩니다

브라우저 사이즈를 줄였을 때 화면 크기에 맞추어 레이아웃과 요소가 변화된다면 반응형으로 볼 수 있습니다.

그런데 왜 네이버 모바일 웹은 아까 봤던 네이버 데스크톱 웹처럼 사이즈만 '줄어들고 레이아웃/요소는 변화하지 않는' 것이 아닐까? 같은 웹으로 들어갔는데, 완전히 다른 화면입니다.

네이버 화면이 완전히 다른 이유는, url이 다르기 때문입니다. 

데스크톱으로 접근한 웹은 https://naver.com이고, 모바일로 접근한 웹은 https://m.naver.com이다. 같은 화면이 아닌 것입니다.

다시 돌아가서, 반응형 웹은 디바이스(창) 크기에 따라, 각 디바이스(창)에 최적화된 레이아웃으로 창이 '반응'하는 것입니다. 

2. 미디어쿼리(media query)란

미디어쿼리는 반응형 웹을 만들기 위한 CSS 기능입니다. 

앞에서 보았듯이 반응형 웹은 창의 가로 사이즈에 따라 달라집니다. 

Behance로 예를 들자면, 가로 폭이 클 때는 4단, 조금 줄였을 땐 3단, 더 줄였을 땐 2단, 더더 줄였을 땐 1단으로 변화하는 것처럼 말이죠.

미디어쿼리는 범위에 따라 화면을 다르게 할 수 있는 CSS의 기능입니다. 

오른쪽 개발자모드(맥북 기준 cmd+opt+i)를 보면 @media라고 보입니다. 

좀 더 자세히 읽어보자면 @media(min-width:1025px) 이런 식으로 적혀있는 걸 볼 수 있다. 1025 미만이면 아래에 있는 코드 {.has-message~를 적용해 화면을 띄우라는 것입니다. 

범위에 따라 화면을 다르게 하는 것이니까 min-width(최소 너비), max-width(최대 너비)처럼 범위를 지정해줘야 합니다.

​

3. 분기점(breakpoint)이란

미디어쿼리를 적용하기 위해서는 먼저 분기점을 지정해야 한다. 분기점이란 변화하는 지점(point)입니다.

가령 가로 너비가 1024이하면 A버전(ex. 콘텐츠 레이아웃 3단인 버전)로 화면을 띄워주고, 가로 너비가 1024 초과면 B버전(ex. 콘텐츠 레이아웃 4단인 버전)으로 화면을 띄워줘야 하는 거면, 분기점은 1024px가 됩니다.

보통은 모바일, 태블릿, 데스크톱을 기준으로 분기점을 설정하는데요 

모바일은 768px 미만

태블릿은 768 이상, 1024 미만

데스크톱은 1024 이상

물론 조직에 따라 달라질 수 있으며, 분기점을 더 상세하게 설정하는 경우도 있습니다.

(모바일 S사이즈, M사이즈, L사이즈처럼 모바일 안에서도 여러 분기점을 설정해 여러 미디어쿼리(범위)를 적용할 수 있습니다)

1. 네이버 웹마스터도구 홈페이지 (http://webmastertool.naver.com/)에 접속하여 로그인 합니다.
   우측 상단의 "로그인" 버튼을 클릭하여 로그인 합니다.

2. "연동할 사이트/앱 추가" 화면에서 "사이트 추가"를 선택합니다.

3. "사이트 정보 입력" 란에 홈페이지 URL을 입력합니다.
   프로토콜은 "http://"를 선택하고, www. 를 제외한 도메인 주소를 입력합니다.
   입력이 완료된 후 "확인" 버튼을 클릭합니다.

4. "사이트 소유 확인"은 입력한 도메인에 연결된 홈페이지가 고객님 본인의 것인지를 확인하는 절차입니다.
   "HTML 태그"를 선택합니다.
 

   "HTML 태그"를 선택하면 화면 가운데에 녹색으로 "<meta name~" 으로 시작하는 메타태그가 있습니다.
   이 메타태그를 복사(CTRL+C)해 두시기 바랍니다.
   
  

5. 빌더호스팅 관리자 (http://home.cafe24.com/admin)에서 접속하여 로그인 합니다.
 

- 메인페이지 소스에 <TITLE> 태그가 있어야 합니다.

빌더호스팅 관리자의 [디자인관리 > 템플릿 디자인 수정] 으로 이동하신 후, 

[페이지 > 메인]의 <HEAD>...</HEAD> 영역에 <TITLE>...</TITLE> 태그를 이용하여 사이트 제목을 입력해 주시기 바랍니다.

입력한 제목으로 네이버에서 검색 시 검색결과가 나타납니다.

- <HEAD></HEAD> 영역에 "메타태그 설정" 항목에서 복사해 둔 메타태그를 붙여넣고, "저장하기"를 클릭하여 페이지를 저장합니다.

- <HEAD></HEAD> 영역에 description 등의 메타태그를 이용하시면 좀 더 효율적인 검색 노출이 가능합니다.

- 검색엔진 최적화를 위한 HTML 마크업 가이드는 웹 표준 HTML 마크업 가이드 를 참고하시기 바랍니다.

6. 네이버 웹마스터도구 창에서 "확인" 버튼을 눌러 사이트 추가를 완료합니다.

7. 정상적으로 설정이 완료된 경우, 아래와 같은 화면이 나타납니다.
  

■ 참고사항

- 정상적으로 설정이 완료된 경우라도 사이트의 성격, 내용 등에 따라서 노출이 되지 않을 수 있습니다.
사이트 추가 및 소유 확인이 검색결과의 노출을 보장하지 않습니다. (관련내용 보기)
정상적으로 설정이 완료됐음에도 사이트가 검색결과에 표시되지 않는 경우 네이버 고객센터로 문의해 보시기 바랍니다.

- 네이버 검색결과는 "웹문서" 항목에 노출됩니다.

- 등록 완료 후 바로 검색이 되지 않습니다. 네이버 검색로봇이 데이터를 수집 후 노출되기 때문에 노출에 수 일이 걸릴 수 있습니다.

- 네이버웹마스터 도구에서 소유 확인을 하지 않고 사이트 등록만 해도 네이버 검색로봇이 사이트 정보를 방문하여 수집합니다. 

사이트 소유확인을 하는 경우 조금 더 효율적인 사이트 수집을 위함입니다.

- 웹표준을 준수하지 않은 사이트나 스팸 사이트는 검색에 반영되지 않습니다.

1. 상품 선택하기

다양한 디자인 상품들 중에서 마음에 드는 디자인을 선택합니다
 

옵션 선택

① 단순복사
 - 구매한 디자인을 적용할 호스팅 계정에 바로 복사합니다.

② 원본제공
 - 구매한 디자인의 원본 파일을 다운로드 받습니다.
 - 원본을 직접 수정하여 디자인을 적용합니다.
 

③ 커스터마이징
 - 구매한 디자인의 일부를 원하는 대로 수정합니다.
 - 수정 범위는 판매자나 상품에 따라 다르므로, 구매 전 반드시 확인해야 합니다.

상품 상세페이지에서 구매할 옵션을 선택한 후 [바로 신청하기]를 클릭합니다.  

2. 결제하기

(1) 주문 결제 페이지 접속

상품 상세페이지에서 [바로 신청하기]를 클릭하거나, 장바구니 목록에서 [바로 주문]을 클릭하면 [주문 결제] 페이지로 넘어갑니다.
결제 프로그램이 설치되어있지 않은 경우, 브라우저 상단에 경고메시지를 클릭하여 [추가 기능 설치]를 선택하여 프로그램을 설치합니다.

(2) 주문 정보 입력

다음의 주문 관련 정보를 입력한 후 [결제하기] 버튼을 클릭합니다.

① 스마트디자인/ (구)디자인 / 홈페이지디자인

 - 주문할 상품 및 금액을 확인합니다.

 - 현재 호스팅을 사용중인 아이디를 선택하거나 새 호스팅 계정을 신청할 수 있습니다.
 - 원본제공인 경우 나타나지 않습니다.

 - 이미 입력된 회원정보는 자동으로 뿌려줍니다.
 - 원본제공인 경우 나타나지 않습니다.

 - 직거래/안전거래 중 선택합니다.
 - 판매자가 안전거래를 신청하지 않은 경우, 직거래로만 구매가 가능합니다.
 - 직거래 : 무통장입금
 - 안전거래 : 신용카드, 가상계좌이체

 - 직거래인 경우, 판매자만의 약관이 있는 경우 판매자 약관에 동의합니다.
 - 안전거래이거나, 직거래면서 판매자 약관이 없는 경우는 디자인센터의 약관에 동의합니다.

② 부분디자인

 - 주문할 상품 및 금액을 확인합니다.

 - 이미 입력된 회원정보는 자동으로 뿌려줍니다.
 - 원본제공인 경우 나타나지 않습니다.

 - 직거래/안전거래 중 선택합니다.
 - 판매자가 안전거래를 신청하지 않은 경우, 직거래로만 구매가 가능합니다.
 - 직거래 : 무통장입금
 - 안전거래 : 신용카드, 가상계좌이체

 - 직거래인 경우, 판매자만의 약관이 있는 경우 판매자 약관에 동의합니다.
 - 안전거래이거나, 직거래면서 판매자 약관이 없는 경우는 디자인센터의 약관에 동의합니다.

③ 디자인소스>부가웹솔루션

 - 주문할 상품 및 금액을 확인합니다.

 - 현재 호스팅을 사용중인 아이디를 선택하거나 새 호스팅 계정을 신청할 수 있습니다.

 - 이미 입력된 회원정보는 자동으로 뿌려줍니다.

 - 신용카드, 가상계좌이체

 - 디자인센터의 약관에 동의합니다.

④ 디자인소스>디자인시안,플래시,일러스트,사진이미지

 - 주문할 상품 및 금액을 확인합니다.

 - 신용카드, 가상계좌이체

 - 디자인센터의 약관에 동의합니다.

3. 구매 확인/확정하기

(1) 구매 확인하기

[마이페이지 > 상품주문 내역]에서 구매한 내역을 확인합니다.
리스트에서 [상세 주문내역] 버튼을 클릭하면 거래 단계, 상품주문 정보, 주문작업 정보가 나타납니다. 

거래 단계는 [입금대기 > 결제완료 > 작업 중 > 작업완료 > 거래종료] 순으로 진행되며
구매 옵션이 원본복사인 경우는 작업중, 작업완료 단계는 생략됩니다. 

구매 옵션이 커스터마이징인 경우는 주문작업 처리단계가 추가로 보여집니다. 

(2) 구매 확정하기

구매 옵션이 커스터마이징인 경우,
판매자가 디자인 작업을 완료하면 구매자가 디자인을 확인한 후
더 이상 수정사항이 없으면 구매자가 [작업완료 승인]을 클릭하여 작업을 완료시킵니다.

step1. 제작상담 및 의뢰

전화 또는 온라인으로 제작 요건에 대하여 상담을 진행합니다

step2. 견적안내

홈페이지 구성에 맞는 견적을 제시합니다. 

step3. 견적검토 및 계약

견적 검토 후 계약 및 착수금을 입금합니다. 

- 메인디자인 시안을 제작 

- 고객님과 함께 디자인 시안을 결정 

- 전체 서브페이지를 제작 

작업사이트에 접속하여 작업을 진행합니다. 작업사이트는 구매자도 확인할 수 있습니다.
작업사이트 확인 : 카페24 디자인센터 > 마이페이지 > 상세주문내역 > 작업사이트 가기


step6. 작업완료 알림
디자인 수정이 완료되었다면, 구매자에게 완료사실을 알립니다. 작업완료일을 지키지 않을 시 불이익을 받을 수 있습니다.


step7. 구매자 확인
구매자가 작업사이트를 확인하고, 수정 요청을 하거나 완료를 확인합니다. 구매자가 완료를 확인하면 다음 단계로 넘어갑니다.
작업사이트 확인 : 카페24 디자인센터 > 마이페이지 > 상세주문내역 > 완료승인

step8. 최종 작업 및 검수

최종적인 사이트를 제작합니다. 

완성된 사이트를 보며 최종 검수 합니다. 

step9. 완료 결정 및 잔금 

제작 완료 결정 및 잔금을 입금합니다.

step10. 디자인 적용 후 완료
구매자가 작업완료를 확인하면, 구매자 계정으로 디자인을 복사하여 거래를 종료합니다.