많은 사람이 자신만의 AI 도구 사이트를 만들고 싶어 하지만, 실제로 시작하면 쉽게 막히곤 합니다.
사이트는 어디서 만들까? Logo는 어디서 바꿀까? 어떤 도구를 공개해야 할까? 가격은 어떻게 추가할까? 독립 도메인은 또 어떻게 연결할까?
이런 일들은 하나씩 보면 어렵지 않지만, 어려운 점은 백엔드 진입점이 비교적 많아서 처음 작업할 때 무엇부터 해야 할지 모른다는 것입니다. 가장 수월한 순서는 사실 먼저 서브 사이트를 만들고, 정상적으로 접속되는지 확인한 다음, 브랜드, 로그인, 기능, 가격, 도메인을 처리하는 것입니다.
이 글은 이 순서대로 한 번 진행해 보겠습니다. 완료하면 정상적으로 열리고, 자체 브랜드가 적용되어 있으며, 고객이 로그인해서 도구를 사용할 수 있는 Studio 사이트를 얻게 됩니다.
¶ 먼저 Studio로 만든 결과물이 어떤 모습인지 살펴보겠습니다
Studio는 브라우저에서 바로 사용하는 AI 창작 플랫폼입니다. 홈페이지에는 일반적으로 채팅, 이미지, 비디오, 음악 등의 도구가 표시됩니다. 사용자가 카테고리를 열면 도구 소개를 확인한 후 해당 창작 페이지로 들어갈 수 있습니다.
홈페이지는 단순한 도구 목록이 아니라 일부 추천 작품도 표시할 수 있습니다. 사용자가 마음에 드는 결과를 본 후 “같은 스타일로 만들기”를 누르면 해당 도구로 들어가고, 자신의 필요에 따라 소재와 파라미터를 조정할 수 있습니다.
여기서 한 가지 미리 분명히 할 점이 있습니다. 같은 스타일로 만들기는 사용자를 해당 작업 공간으로 데려가는 것일 뿐, 한 번 누르면 바로 생성되는 것은 아닙니다. 사용자는 여전히 소재, 프롬프트, 생성 파라미터를 확인해야 합니다.
¶ 먼저 서브 사이트를 만들어 보겠습니다
Studio 웹 버전을 열고 로그인한 후 오른쪽 상단의 아바타를 눌러 “설정”으로 들어가 “내 서브 사이트”를 찾은 다음, “서브 사이트 만들기”를 클릭합니다.
“내 서브 사이트”는 Studio 공식 메인 사이트의 웹 버전에 있습니다. App을 사용 중이거나 이미 어떤 화이트 라벨 서브 사이트에 들어가 있다면 이 진입점을 보지 못할 수 있습니다.
만들기 전에 두 가지를 미리 준비하는 것이 좋습니다. 하나는 고객에게 보여 줄 사이트 이름이고, 다른 하나는 짧은 영문 접두사입니다.
예를 들어 사이트 이름이 “은하 창작”이라면, 접두사는 xinghe로 입력할 수 있습니다. 생성이 완료되면 시스템은 xinghe.studio.acedata.cloud와 같은 주소를 할당합니다.
접두사에는 앞부분의 짧은 구간만 입력하고, .studio.acedata.cloud를 다시 입력하지 마세요. 소문자, 숫자, 하이픈을 지원하며, 길이는 3~32자입니다. 시작과 끝은 문자 또는 숫자여야 하고, 하이픈을 연속해서 사용해서도 안 됩니다.
사이트 제목은 고객이 실제로 보게 되는 브랜드 이름이며, 나중에 수정할 수도 있으므로 처음부터 여기에서 너무 오래 고민할 필요는 없습니다.
접두사가 이미 사용 중이라는 메시지가 표시되면 다른 것으로 바꾸면 됩니다. 생성에 성공하면 새 서브 사이트가 목록에 나타납니다.
목록의 “열기”와 “관리”는 용도가 다릅니다.
“열기”는 고객이 보게 되는 웹사이트로 들어가는 것이며, 이를 사용해 홈페이지, 로그인 진입점, 모바일 표시가 정상인지 확인할 수 있습니다. “관리”는 사이트 백엔드로 들어가는 것이며, 이후 Logo 변경, 가격 수정, 도구 선택, 도메인 연결은 모두 여기에서 완료합니다.
방금 만들었다면 한꺼번에 많은 설정을 바꾸지 마세요. 시스템이 할당한 주소를 복사하여 브라우저 시크릿 창에서 한 번 열어 보세요. 홈페이지가 표시되고 로그인 버튼을 누를 수 있으며, “관리”도 올바른 서브 사이트로 들어가는지 확인하면 이 단계는 안정적이라고 볼 수 있습니다.
¶ 기본 페이지를 자신의 브랜드로 바꾸기
서브 사이트를 열 수 있게 된 후에는 브랜드 작업을 시작할 수 있습니다.
“내 서브 사이트”로 들어가 방금 만든 웹사이트를 찾고 “관리”를 클릭한 다음 “사이트 설정”을 엽니다. 여기에서 사이트 이름을 수정하고, Logo와 Favicon을 업로드할 수 있으며, 테마 색상, 웹사이트 언어, 고객 서비스 정보도 설정할 수 있습니다.
Logo는 페이지에 표시되는 브랜드 이미지이고, Favicon은 브라우저 탭에 표시되는 작은 아이콘입니다. 이들은 각각 업로드해야 하며, Logo만 바꾸고 브라우저 아이콘도 함께 바뀐다고 생각하면 안 됩니다.
저장한 후에도 이전 아이콘이 계속 보인다면 시크릿 창이나 다른 기기에서 다시 확인해 보세요. 브라우저 캐시는 때때로 즉시 업데이트되지 않습니다.
계속 아래로 내려가면 기본 색상과 언어 설정을 볼 수 있습니다.
기본 색상은 버튼, 링크, 페이지 내 강조 색상에 영향을 주므로, Logo와 어울리는 색상을 선택하세요.
“웹사이트 언어”는 방문자가 전환할 수 있는 언어를 결정합니다. “강제 언어”는 모든 방문자가 하나의 언어를 통일하여 사용하도록 하는 기능입니다. 웹사이트가 방문자의 브라우저에 따라 자동으로 언어를 선택하도록 하려면 “자동 감지”를 유지하는 것이 더 적합합니다.
고객 서비스 정보도 여기에서 보완하는 것이 좋으며, 실제로 누군가 응답하는 연락처를 입력해야 합니다. 저장한 후 로그아웃 상태로 한 번 열어 보고, 일반 방문자도 고객 서비스 진입점을 찾을 수 있는지 확인하세요.
¶ 웹사이트에 누구나 이해할 수 있는 한 줄 소개 작성하기
브랜드 외관을 조정한 후 “SEO 설정”으로 들어갑니다.
여기에는 긴 모델 이름을 잔뜩 쌓아 넣을 필요가 없습니다. 정말 중요한 것은 이 웹사이트가 누구를 대상으로 하는지, 무엇을 도와줄 수 있는지 한눈에 이해하게 만드는 것입니다.
고객이 주로 1인 미디어 크리에이터라면 다음과 같이 작성할 수 있습니다.
1인 미디어 크리에이터를 위해 AI 글쓰기, 게시물 이미지, 짧은 영상 제작 도구를 제공하며, 하나의 웹사이트에서 일상 콘텐츠 준비를 완료합니다.
키워드도 실제 업무를 중심으로 입력하면 됩니다. 예를 들어 “AI 글쓰기”, “게시물 이미지”, “짧은 영상 제작” 등이 있습니다. 수십 개의 모델 이름을 전부 넣지 마세요. 그렇게 하면 정보가 많아 보이지만, 실제로는 고객이 이해하기 어렵습니다.
¶ 로그인 방식을 정상적으로 설정하기
웹사이트를 볼 수 있는 것은 시작일 뿐이며, 고객도 정상적으로 로그인할 수 있어야 합니다.
“Authentication” 또는 “인증 설정”으로 들어가 지원하려는 로그인 방식을 활성화한 다음, 이미 활성화된 방식 중 하나를 기본 옵션으로 선택합니다. 로그인 방식은 최소 하나를 유지해야 하며, 모두 비활성화할 수는 없습니다.
아래에서 로그인 모드도 조정할 수 있습니다. 예를 들어 “임베디드 팝업”은 현재 웹사이트 내에서 로그인 페이지를 직접 팝업으로 띄우며, 기본 로그인 방식은 팝업이 열린 후 이메일, 휴대폰 번호 또는 기타 진입점 중 무엇을 우선 표시할지 결정합니다.
저장한 후에는 반드시 시크릿 창에서 한 번 완전히 로그인해 보세요. 로그인이 성공하는지, 완료 후 자신의 서브 사이트로 돌아오는지 확인하세요.
로그인 과정에서 잠시 통합 인증 도메인으로 이동하는 것이 반드시 오류는 아닙니다. 실제로 확인해야 할 것은 로그인 완료 후 서브 사이트로 돌아올 수 있는지, 계정 상태가 정상인지입니다.
¶ 처음부터 모든 도구를 다 꺼내 놓지 마세요
다음으로 “Capabilities”, 즉 기능 설정으로 들어갑니다.
여기서 고객이 웹사이트에서 볼 수 있는 AI 도구를 결정합니다. 비교적 실용적인 방법은 먼저 하나의 명확한 시나리오를 중심으로 도구를 공개하는 것입니다.
고객이 주로 텍스트와 이미지 콘텐츠를 만든다면 먼저 글쓰기와 이미지 생성을 공개할 수 있습니다. 고객에게 실제로 영상과 음악 수요가 있다면 그때 점진적으로 추가하세요. 도구 진입점이 적을수록 고객은 오히려 어디를 클릭해야 할지 더 쉽게 알 수 있습니다.
오른쪽의 편집 진입점에서 현재 서브 사이트 내 도구의 표시 이름과 아이콘을 수정할 수 있습니다.
이름은 이해하기 쉽게 바꿀 수 있습니다. 예를 들어 내부 모델 이름을 “카피 작성 도우미” 또는 “이미지 생성”으로 바꿀 수 있습니다. 다만 이름을 수정해도 페이지 표시만 변경될 뿐, 기반 모델이 다른 모델로 바뀌거나 실제 호출 방식과 과금이 변경되지는 않는다는 점에 유의하세요.
아이콘은 PNG, JPEG 및 WebP를 지원하며, 업로드 후 정사각형으로 잘립니다. 투명 배경이 필요하다면 투명 PNG를 우선 사용할 수 있습니다.
저장한 후에는 다시 고객의 관점에서 홈페이지를 열어, 자주 사용하는 도구를 쉽게 찾을 수 있는지, 제공하지 않을 진입점은 숨겨졌는지 확인하세요.
여기의 스위치는 주로 페이지 표시를 제어합니다. 진입점을 숨긴다고 해서 고객의 API 권한을 수정하는 것은 아니므로, 둘을 혼동하지 마세요.
¶ 홈페이지 시나리오에 기본 콘텐츠를 그대로 따를 필요는 없습니다
“홈페이지 설정”의 “제작 시나리오”에서 기본 시나리오의 이름, 소개, 커버 및 정렬 순서를 수정할 수 있으며, 각 시나리오에 추천 도구를 다시 선택할 수도 있습니다.
예를 들어 셀프 미디어 도구 사이트를 준비한다면 홈페이지를 “글 작성”, “이미지 만들기”, “짧은 영상 만들기”, “배경 음악 제작”으로 정리할 수 있습니다. 고객이 보게 되는 것은 낯선 모델 이름이 잔뜩 있는 것이 아니라 자신에게 익숙한 작업입니다.
새 시나리오를 만든 후 먼저 저장하고, 그다음 자동 번역을 켜세요. 커버는 업로드 또는 교체 버튼을 직접 사용하면 되며, 직접 이미지 링크를 붙여 넣을 필요가 없습니다.
당분간 제공하지 않는 도구는 추천 시나리오에 넣지 마세요. 그렇지 않으면 사용자가 들어간 뒤에야 사용할 수 없다는 것을 알게 되어, 처음부터 보이지 않는 것보다 더 혼란스러울 수 있습니다.
¶ 가격은 먼저 통일된 규칙을 정하세요
“Price” 또는 “가격 설정”으로 들어가 먼저 전체 사이트의 통일된 추가 요금 비율을 설정하세요.
대부분의 서비스는 이 비율을 직접 상속할 수 있습니다. 특정 도구의 비용, 사후 지원 부담 또는 시장 가격이 다르다면 그 도구에만 별도의 덮어쓰기 규칙을 설정하세요.
어떤 서비스의 플랫폼 가격이 100이고, 전체 사이트 추가 요금이 10%라고 가정하면 고객이 보게 되는 가격은 110입니다.
이 서비스에 다시 별도로 5%가 설정되어 있다면 최종적으로 적용되는 것은 해당 서비스의 5%이며, 가격은 105입니다. 먼저 10%를 더한 뒤 다시 5%를 더하는 것이 아닙니다.
별도 설정이 필요한 경우 서비스 사용자 지정 영역에서 추가를 클릭하고, 서비스를 선택한 다음 추가 요금 비율을 입력하세요.
개별 서비스의 추가 요금을 비워 두면 전체 사이트 비율을 계속 사용한다는 의미입니다. 0을 입력하면 추가 요금이 없다는 의미이지만, 무료라는 뜻은 아닙니다.
여기서 서비스 이름, 소개, 정렬 및 표시 상태도 조정할 수 있습니다. 수정한 후에는 백엔드에서만 보지 말고, 고객 페이지를 열어 전체 사이트 가격을 상속하는 서비스 하나와 별도로 가격이 설정된 서비스 하나를 각각 찾아 최종 결제 페이지가 예상과 일치하는지 확인하는 것이 좋습니다.
“충전 비활성화”는 서브 사이트 내 충전 진입점만 숨기는 것이며, 기존 잔액을 비우는 것도 아니고 소비 한도도 아닙니다. 고객이 서브 사이트에서 구매하지 못하게 하려는 경우에만 이 옵션을 켜면 됩니다.
실제로 이미지, 음악 또는 영상을 생성하면 비용이 발생합니다. 출시 검수 시에는 먼저 가격을 확인한 다음 작은 작업 하나를 테스트하면 되며, 처음부터 대량 생성할 필요는 없습니다.
¶ 명확한 콘텐츠가 있을 때만 홈페이지 Banner를 올리세요
홈페이지 Banner는 필수 항목이 아닙니다.
당분간 이벤트, 주력 서비스 또는 명확한 랜딩 페이지가 없다면, 아무 이미지나 올려 자리를 차지하게 하기보다는 비워 두는 편이 낫습니다.
추가해야 할 경우 이미지, 제목, 부제목, 이동 주소 및 표시 시간을 입력할 수 있습니다.
Banner가 글의 삽화를 홍보하는 것이라면 해당 도구로 직접 이동해야 하며, 사용자를 다시 홈페이지로 데려가서는 안 됩니다.
사이트 내 주소는 일반적으로 /로 시작하는 경로를 입력할 수 있으며, 완전한 HTTP 또는 HTTPS 링크를 입력할 수도 있습니다. 비워 두면 Banner는 표시만 되고 클릭할 수 없습니다.
저장한 후에는 직접 한 번 클릭하여 이동 페이지가 잘못 입력되지 않았는지 확인하세요.
¶ 마지막에 자신의 도메인을 연결하세요
시스템이 할당한 주소가 정상적으로 열린 후에 독립 도메인을 처리하세요.
“내 서브 사이트”로 들어가 “관리”를 클릭하고, “Custom Domain” 또는 “사용자 지정 도메인”을 찾으세요. studio.example.com과 같이 전체 도메인을 입력하고, https://를 추가하지 말고, 페이지 경로를 입력하지도 말며, 끝에 슬래시도 추가하지 마세요.
연결을 제출하면 페이지에서 CNAME 대상 주소를 제공하므로, 이를 복사해 두세요.
이어서 도메인을 구매한 플랫폼으로 들어가 DNS 레코드 관리로 이동하세요.
studio.example.com을 연결하는 경우 레코드 유형은 CNAME을 선택하고, 호스트 레코드에는 일반적으로 studio를 입력하며, 레코드 값에는 Studio 백엔드에서 방금 제공한 CNAME 대상을 입력하면 됩니다. TTL은 기본값으로 유지하면 됩니다.
도메인 서비스 제공업체마다 인터페이스가 다를 수 있습니다. 어떤 곳은 접두사를 입력해야 하고, 어떤 곳은 전체 도메인을 입력하라는 안내가 표시되므로, 페이지의 설명에 따라 작업하면 됩니다.
studio라는 이름에 이미 A, AAAA 또는 다른 CNAME 레코드가 있다면, 먼저 다른 웹사이트에서 사용 중인지 확인하세요. 새 사이트를 연결하기 위해 사용 중인 DNS 레코드를 바로 삭제하지 마세요. 확실하지 않다면, 사용한 적 없는 다른 서브도메인으로 바꾸는 것이 더 안전합니다.
DNS를 저장한 후 Studio의 사용자 지정 도메인 페이지로 돌아가 새로고침하거나 상태를 확인하세요.
DNS 업데이트와 HTTPS 인증서 발급은 두 가지 별도 과정이며, 반드시 동시에 완료되는 것도 아니고 절대적으로 고정된 대기 시간도 없습니다. 백엔드에 게시 완료로 표시된 후에도 직접 https://를 사용해 웹사이트를 열고, 브라우저에 인증서 경고가 없는지 확인해야 합니다.
¶ 게시 전에는 홈페이지만 보지 마세요
웹사이트가 열리는 것이 모든 곳에 문제가 없다는 뜻은 아닙니다.
컴퓨터와 휴대폰으로 각각 한 번씩 접속하여 사이트 이름, Logo, 아이콘 및 내비게이션이 어긋난 곳은 없는지 확인하세요. 내부 페이지를 아무거나 열어 새로고침한 뒤 404로 이동하지 않는지도 확인하세요. 계정에서 로그아웃한 후 다시 로그인하여, 완료 후 자신의 도메인으로 돌아갈 수 있는지 점검하세요.
자주 쓰는 도구, 고객센터 진입 경로 및 가격 페이지도 한 번씩 확인해야 합니다. 결제 또는 작업 생성을 테스트할 계획이라면, 먼저 가격을 확인한 후 소액 테스트를 진행하세요.
마지막으로 모바일 환경도 다시 확인하세요.
모바일에서는 사이트 제목이 완전하게 표시되는지, 버튼을 정상적으로 누를 수 있는지, 하단 내비게이션이 명확한지를 중점적으로 확인하세요. 많은 사이트가 컴퓨터에서는 문제가 없지만, 휴대폰에서는 이름이 너무 길거나 진입 경로를 찾기 어렵다는 사실을 나중에 발견하게 됩니다.
시스템 도메인도 열리지 않는다면, 먼저 하위 사이트 자체를 확인하고 DNS를 급하게 건드리지 마세요.
자신의 도메인만 열리지 않는다면, 도메인을 완전하게 입력했는지, DNS 레코드가 충돌하는지, 그리고 공용 DNS가 이미 업데이트되었는지 확인하세요.
브라우저가 연결이 안전하지 않다고 표시하면, 먼저 DNS 설정이 올바른지 확인한 다음 인증서 상태를 확인하세요. 고객이 경고를 무시하고 계속 접속하게 하지 마세요.
공유 링크를 사용할 때 여전히 플랫폼 기본 이름이 표시되는 경우, 공유 도구가 웹페이지 스크립트를 실행하지 않았을 수 있습니다. 이것은 도메인 연결 실패와는 다른 문제이므로, 따로 점검해야 합니다.
¶ 여기까지 하면 웹사이트를 사용하기 시작할 수 있습니다
정식으로 외부에 사용할 수 있는 Studio는 Logo만 바꾼다고 끝나는 것이 아닙니다.
고객은 웹사이트를 열 수 있어야 하고, 이곳이 무엇을 하는 곳인지 이해할 수 있어야 하며, 적절한 도구를 찾고, 원활하게 로그인하고, 합리적인 가격을 확인하며, 문제가 생겼을 때는 당신에게 연락할 수도 있어야 합니다. 독립 도메인은 마지막 외관의 층으로, 전체 웹사이트가 진정으로 자신의 제품처럼 보이게 합니다.
가장 안전한 방법은 한 부분을 수정할 때마다 고객의 관점으로 다시 한 번 확인하는 것입니다. 백엔드에서 저장에 성공했다고 해서 프론트엔드가 반드시 기대에 부합하는 것은 아니므로, 시크릿 창, 휴대폰 및 독립 도메인을 모두 직접 확인해 보면 보통 게시 전에 대부분의 문제를 발견할 수 있습니다.