초보자를 위한 Wix 튜토리얼 단계별로 웹사이트 구축하기

Tooltester는 여러분과 같은 독자들의 지원을 받고 있습니다. 귀하가 링크를 통해 구매하면 당사는 제휴 커미션을 받을 수 있으며 이를 통해 연구를 무료로 제공할 수 있습니다.

웹사이트 빌더는 종종 “ 웹사이트를 구축하는 가장 쉬운 방법” 으로 알려져 있습니다. 그리고 웹사이트 빌더에 관해 이야기하면 Wix보다 더 큰 규모는 없습니다. Wix는 전 세계적으로 2억 명 이상의 사용자를 자랑합니다(여기에서 실제 Wix 웹사이트의 몇 가지 예를 볼 수 있습니다).

그럼에도 불구하고 Wix의 수많은 편집 및 사용자 정의 옵션은 신규 사용자에게 부담을 줄 수 있습니다.

이 포괄적인 Wix 튜토리얼에서는 Wix에서 자신만의 웹사이트를 구축하기 위해 알아야 할 주요 사항을 다루고 각 단계를 다룹니다.

Wix로 할 수 있는 모든 작업에 대해 핵심적으로 다루지는 않겠지만(너무 많습니다!), 약속합니다: 이 Wix 튜토리얼이 끝날 때쯤에는 간단하지만 전문가 수준의 Wix 웹사이트 출시 준비 완료.

그럼 바로 들어가 보겠습니다!

이 Wix 튜토리얼은 누구를 위한 것인가요?

이 Wix 튜토리얼에서는 기본 사진 포트폴리오 웹사이트를 구성합니다. 따라서 귀하가 사진작가, 디자이너, 예술가 또는 창의적인 전문가라면 잘 찾아오셨습니다!

또한 약속 예약 달력, 연락처 양식을 추가하고 검색을 위해 사이트를 최적화하는 방법도 안내합니다. 따라서 이러한 기능을 추가하려는 중소기업이나 프리랜서라면 이 튜토리얼도 유용할 것입니다.

Wix는 초보자 친화적으로 설계되었으므로 귀하의 기술 수준은 중요하지 않습니다. 이 튜토리얼을 사용하면 모든 기능을 갖춘 Wix 웹사이트를 즉시 만들 수 있습니다!

추가 통찰력을 얻으려면 Wix 리뷰를 확인하여 장단점을 알아보세요.

단계별 Wix 튜토리얼

자유롭게 영상의 단계를 따르거나 서면 버전을 읽어보세요. 아니면 둘 다 사용하세요. 무엇이든지 당신에게 효과가 있습니다!

여기에서 Wix를 무료로 사용해 보세요.

1단계 – Wix에 가입하기

시작하려면 Wix.com으로 이동하여 계정을 만드세요. (참고: Wix는 때때로 인터페이스를 변경하므로 다음 몇 단계가 완전히 똑같아 보이지 않을 수도 있지만, 그래도 매우 직관적이므로 쉽게 따라할 수 있습니다.)

"시작하기" 버튼을 클릭하고 새 로그인을 생성하거나 기존 Google 또는 Facebook 계정으로 로그인하세요. 이 단계에서는 모두 무료로 사용할 수 있으므로 결제 세부정보를 제공할 필요가 없습니다.

2단계 – 웹사이트 카테고리 및 기능 선택

그런 다음 설정 마법사는 생성하려는 사이트 유형에 대해 몇 가지 질문을 합니다. 우리의 경우에는 “photographer”를 입력하고 “Next”를 클릭하겠습니다. 물론 귀하의 사이트와 관련된 카테고리를 입력할 수도 있습니다.

웹사이트 이름(회사 이름, 프로젝트 이름, 본인 이름 등)을 입력하고 “다음”을 다시 클릭하세요. 이는 웹사이트의 페이지 제목에 표시되지만 필요한 경우 나중에 변경할 수 있습니다.

그런 다음 특정 기능이 필요한지 묻습니다. 우리의 경우에는 작품을 선보일 수 있는 포트폴리오와 고객이 사진 촬영(또는 당사가 제공할 수 있는 기타 서비스)을 위해 온라인으로 약속을 예약할 수 있도록 예약을 권장합니다.

사이트에 추가하고 싶은 기능을 선택하려면 선택하세요. 원하는 경우 '건너뛰기'를 누르세요. 언제든지 추가하거나 제거할 수 있으므로 나중에 마음이 바뀌더라도 걱정하지 마세요.

3단계 – 웹사이트 구축 옵션 선택

웹사이트의 제어 센터인 대시보드로 이동하려면 클릭하세요. 여기에서 전체 사이트를 관리할 수 있으므로 시간을 내어 다양한 영역과 기능을 모두 살펴보는 것이 좋습니다.

또한 서비스 추가, 도메인 연결 등 웹 사이트 구축의 주요 단계를 다루는 체크리스트도 볼 수 있습니다. 하지만 가장 먼저 하고 싶은 일은 사이트의 콘텐츠를 변경하는 것이므로 오른쪽 상단에 있는 “디자인 사이트” 버튼을 클릭하세요.

그런 다음 Wix가 AI 빌더를 사용하여 웹사이트를 만들도록 하거나 템플릿을 선택하는 두 가지 옵션이 제공됩니다. 우리가 원하는 방식으로 사이트를 디자인할 수 있도록 템플릿 옵션을 선택해 보겠습니다.

4단계 - 템플릿 선택

여기서는 웹사이트 제작에서 가장 흥미로운 부분 중 하나인 템플릿 선택에 대해 설명합니다. 보시다시피, Wix는 일반적으로 사진 작가와 창작자를 위한 훌륭한 템플릿을 제공합니다. 이는 Wix가 포트폴리오 사이트 구축에 인기 있는 옵션 중 하나입니다. Wix는 이전에 선택한 카테고리를 기준으로 선택 항목을 자동으로 필터링했지만, 카테고리를 변경하여 더 넓은 선택 항목을 얻을 수 있습니다. 페이지 상단에 있는 메뉴를 클릭하고 원하는 카테고리를 선택하기만 하면 됩니다.

우리는 사진작가 카테고리를 그대로 유지하고 웨딩 사진작가 템플릿을 선택하겠습니다. 템플릿 위로 마우스를 가져가서 "보기"를 클릭하여 템플릿을 미리 보거나 "편집"을 클릭하여 사용을 시작할 수 있습니다.

5단계 – Wix 편집기에 대해 알아보기

이제 Wix의 드래그 앤 드롭 편집기를 사용할 수 있습니다. 모든 옵션 때문에 좌절하지 마십시오. 수행할 작업을 단계별로 안내해 드리겠습니다.

먼저, 편집기에 대한 간략한 입문서와 화면에 표시되는 다양한 옵션을 알려드리겠습니다.

1. 편집자: 여기에서 사이트의 콘텐츠(텍스트, 이미지 등)를 변경할 수 있습니다. 편집기는 완전히 끌어서 놓기 방식이므로 페이지의 모든 요소를 ​​끌어서 원하는 곳에 배치할 수 있습니다.
2. 기능 도구 모음: 이 도구 모음에서 사이트 콘텐츠를 관리할 수 있습니다. 갤러리, 양식, 앱과 같은 새로운 요소를 추가할 수 있습니다. 사이트 디자인을 편집합니다. 페이지 등을 관리하세요.
3. 저장, 미리보기 및 게시: 오른쪽 상단에는 변경 사항 저장(처음 수동으로 작업을 저장한 후 Wix는 정기적으로 변경 사항을 자동 저장하지만), 방문자로서 사이트 미리보기 및 게시 옵션이 있습니다. 사이트를 변경한 후 변경 사항이 자동으로 게시되지 않으므로 라이브 준비가 되자마자 "게시" 버튼을 누르십시오(좋은 점입니다!).
4. 페이지 전환기: 여기에서 사이트의 다양한 페이지로 이동할 수 있으며, 그 중 대부분은 선택한 템플릿에 따라 자동으로 삽입됩니다. 새 페이지를 추가하고, 삭제하고, 공개 보기에서 숨길 수도 있습니다.
5. 백엔드 도구 모음: 여기에는 꽤 많은 기능이 있지만 주로 사용하게 될 기능은 "설정" 아래에 있습니다. 즉, 도메인 연결, 검색 엔진 최적화(SEO) 등이 있습니다. "도움말" 옵션에서 Wix 도움말 센터와 고객 지원에 액세스할 수도 있습니다.

6단계 – 이미지와 텍스트 편집

먼저 홈페이지를 살펴보겠습니다. 다른 문서 편집기와 마찬가지로 각 요소를 직접 클릭하여 사용자 정의할 수 있습니다. 그런 다음 페이지의 어느 곳으로든 드래그하거나 내용을 변경할 수 있습니다.

예를 들어 텍스트를 선택한 다음 "텍스트 편집"을 클릭하여 텍스트를 변경합니다. 약간의 영감이 필요한 경우 "AI 텍스트 만들기"를 선택할 수도 있습니다. (이러한 제안이 충분하지 않은 경우 물론 전능한 ChatGPT 또는 다른 AI 대안을 참조할 수 있습니다.)

다른 이미지를 표시하려면 해당 이미지를 클릭한 다음 "이미지 변경" 버튼을 클릭하면 됩니다. 그런 다음 자체 이미지를 업로드하고 현재 이미지를 교체할 수 있습니다.

Wix 편집기는 섹션 기반이므로 페이지를 아래로 스크롤하면 그 안의 다양한 섹션을 볼 수 있습니다. 새 섹션을 추가하고 순서를 변경할 수도 있습니다.

페이지 전환기로 돌아가서 사이트의 모든 페이지를 하나씩 사용자 정의할 수 있습니다. Wix는 유용하다고 생각되는 몇 가지 항목을 삽입했지만, 필요하지 않은 경우 언제든지 삭제할 수 있습니다.

7단계 - 이미지 갤러리 추가

페이지에 요소와 앱을 추가할 수 있는 화면 왼쪽의 도구 모음으로 이동해 보겠습니다.

+ 기호를 클릭하고 "갤러리"를 선택한 다음 선택한 갤러리를 페이지의 아무 곳에나 끌어다 놓아 이미지 갤러리를 추가할 수 있습니다.

이 템플릿에서는 갤러리가 이미 "내 정보" 텍스트 아래에 배치되어 있습니다. 레이아웃을 변경하려면 갤러리를 선택하고 "설정"을 클릭한 다음 "레이아웃"을 클릭하세요. "그리드"를 선택하겠습니다. 이 레이아웃에서 이미지가 올바르게 표시되도록 하려면 일부 이미지를 편집하거나 재정렬해야 할 수도 있습니다.

자신의 사진을 추가하려면 "미디어 관리" 버튼을 클릭한 다음 "이미지 교체", "미디어 업로드"를 클릭하세요.

다시 한 번, 자신만의 이미지를 업로드하거나 Wix의 무료 스톡 사진 라이브러리 중 하나를 선택할 수도 있습니다.

8단계 – Wix Bookings 추가

애플리케이션은 사이트에 추가 기능을 추가하는 데 매우 유용할 수 있으며, Wix는 앱 마켓에서 매우 다양한 제품을 보유하고 있습니다. 예를 들어 약속 예약 기능을 추가하려면 왼쪽 메뉴에서 "앱 추가"를 클릭하세요.

그런 다음 Wix의 약속 예약 앱인 "Wix Bookings"를 검색해 보세요. 귀하의 웹사이트를 통해 사진 촬영을 예약하려는 사진작가라면 매우 편리합니다. 다행히 템플릿에 이 기능이 이미 사전 설치되어 있으므로 다시 설치할 필요가 없습니다.

그러나 홈 페이지에 추가하려면 먼저 해당 섹션을 만드십시오. 편집기로 이동하여 섹션을 배치하려는 위치(기존 섹션 두 개 사이에 있어야 함) 위로 마우스를 가져간 다음 표시되는 '섹션 추가' 버튼을 클릭하면 됩니다.

그런 다음 "예약"으로 이동하여 선택한 블록을 새 섹션으로 끌어다 놓습니다.

그런 다음 새로 추가된 섹션 위에 나타나는 “서비스 관리” 버튼을 클릭하세요. 여기에 표시되는 이미지와 텍스트에 대해 걱정하지 마세요. 이는 단지 자리 표시자일 뿐이므로 서비스를 추가하면 업데이트됩니다.

작업을 더 쉽게 하기 위해 Wix에서는 약속, 수업, 강좌 등 일부 기존 옵션 중에서 선택하거나 "처음부터 시작"을 선택하여 직접 추가할 수 있습니다.

"약혼 사진 촬영"을 편집해 보겠습니다. 여기서는 기간, 가격 및 결제 옵션, 위치 세부 정보, 직원 가용성만 편집하면 됩니다. 또한 더 많은 이미지를 추가하고 수동 또는 자동으로 요청을 승인하고 예약 양식을 사용자 지정하는 등의 고급 기능에 액세스할 수도 있습니다.

완료되면 '저장'을 누르는 것을 잊지 마세요.

9단계 - 문의 양식 추가

고객이 연락할 수 있도록 하려면 사이트에 문의 양식을 추가하는 것이 중요합니다. 우리 템플릿에는 홈페이지 바닥글 바로 앞에 양식이 추가되었습니다. 템플릿에 템플릿이 없으면 다시 한 번 왼쪽 도구 모음에서 +를 클릭하고 "연락처 및 양식"으로 이동하여 선택한 양식을 페이지에 끌어다 놓습니다.

새 필드를 추가하려면 양식을 클릭한 다음 "새 필드 추가" 버튼을 클릭하세요. 필드 이름을 변경하려면 변경하려는 텍스트 블록을 클릭하고 "필드 편집"을 선택하면 됩니다. 단순한!

양식 설정(기어 아이콘이 있는 버튼)에서 양식 이름을 변경하고, 사용자가 양식을 제출할 때 표시할 메시지를 선택할 수 있으며, 양식을 통해 직접 결제를 수락할 수도 있습니다(Wix Business를 사용하는 경우). 계획).

10단계 – 검색을 위해 사이트 최적화

귀하의 웹사이트가 하나로 합쳐지기 시작했습니다! 그러나 사이트를 게시하기 전에 취해야 할 가장 중요한 단계 중 하나는 검색에 맞게 사이트를 최적화하는 것입니다. 다행히 Wix는 이 작업을 매우 쉽게 만들었습니다.

페이지 맨 위의 '설정'으로 이동하여 'Google에서 검색' 옵션을 선택하세요.

편집기에서 나와 Wix의 기본 대시보드로 돌아갑니다. “시작하기” 버튼을 클릭하세요.

그런 다음 단계를 따르십시오. 업체명을 입력하세요(예: 'Portland Wedding Photography').

고객에게 현지에서 서비스를 제공할지 여부를 지정하고, 그렇다면 포틀랜드와 같은 위치를 추가하세요.

'포틀랜드 웨딩 사진', '포틀랜드 약혼 사진' 등 관련 키워드를 쉼표로 구분하여 추가하세요. 집중된 목록으로 시작하는 것이 좋으므로 지금은 2~3개의 검색어만 사용하면 됩니다.

“다음”을 클릭하면 사이트 최적화 방법에 대한 맞춤형 체크리스트가 표시됩니다. 각 단계 옆에 있는 "실행"을 클릭하여 각 단계를 따르세요. Wix는 각 주요 단계를 수행할 수 있는 올바른 장소로 자동으로 안내합니다.

이 작업이 완료되면 Google에서 검색할 수 있는 사이트가 완성됩니다! 귀하의 사이트가 Google에서 인식되고 순위가 매겨지기까지는 며칠이 걸릴 수 있습니다.

11단계 - 최종 작업

이제 마지막 단계입니다. 사이트를 게시하기 전에 몇 가지 작업을 수행하는 것이 좋습니다.

페이지 탐색 마무리

먼저 편집기로 돌아가서 왼쪽 상단에 있는 페이지 전환기를 클릭하여 페이지와 메뉴를 관리하세요. 페이지를 끌어서 놓아 탐색 메뉴의 순서를 바꿀 수 있을 뿐만 아니라 페이지를 숨기거나 삭제할 수도 있습니다.

모바일 사이트 수정

다음으로, 사이트의 모바일 버전을 확인하여 모든 것이 괜찮은지 확인하세요. Wix의 모바일 디자인이 항상 100% 모바일 친화적인 것은 아니며 때로는 약간의 수동 조정이 필요하기 때문입니다. 페이지 상단에 있는 휴대폰 아이콘을 클릭한 다음 모바일 편집기에서 변경하면 됩니다.

모바일 편집기는 데스크톱 편집기만큼 유연하지 않으므로 변경할 수 있는 내용이 제한되어 있습니다. 그러나 일반적으로 요소가 모두 제대로 정렬되었는지 확인하고, 섹션을 재정렬하고, 방문자가 모바일에서 사이트를 볼 때 섹션을 완전히 숨기기 위해 약간의 조정을 할 수 있습니다. (사이트에 비디오와 같은 대용량 미디어가 있고 이를 모바일 데이터를 사용할 가능성이 있는 모바일 사용자에게 표시하고 싶지 않은 경우에 유용합니다.)

도메인 이름 설정

마지막으로 사이트를 게시하려면 사이트를 도메인 이름(예: www.mywebsite.com )에 할당해야 합니다. 이를 수행하기 위한 몇 가지 옵션이 있습니다:

• 무료 Wix 도메인 이름(예: username.wix.com/sitename )을 사용하세요. 이력서나 결혼식 웹사이트 등 개인 프로젝트에는 적합하지만 전문 사이트나 비즈니스 사이트에는 권장되지 않습니다.
• Wix에서 자신만의 도메인 이름을 구매할 수 있습니다. 연간 유료 요금제에 가입하면 첫 해에 도메인 이름이 무료로 포함됩니다.
• 자신의 도메인 연결 – 일반적으로 다른 공급자(예: Namecheap)로부터 도메인 이름을 구입한 다음 이를 Wix 웹사이트에 연결하는 것이 장기적으로 더 저렴합니다.

각 옵션에 대한 자세한 내용은 Wix 도메인 가이드를 확인하세요.

사이트 게시

준비가 되면 편집기 오른쪽 상단에 있는 "게시" 버튼을 누르기만 하면 됩니다. 그러면 게시가 시작됩니다! 그게 전부입니다!

Wix 튜토리얼: 결론

이 Wix 튜토리얼에서는 간단하지만 모든 기능을 갖춘 사이트를 Wix에 게시하기 위해 알아야 할 기본 사항을 다뤘습니다. 하지만 시장에서 가장 강력한 웹사이트 빌더 중 하나인 이 앱으로 할 수 있는 일은 훨씬 더 많습니다. 자세한 내용은 Wix 리뷰를 확인하세요.

Wix를 사용해 볼 준비가 되셨다면 여기에서 시작해 보세요.

Wix가 귀하에게 적합하다고 확신하지 못하시나요? 더욱 사용하기 쉬운 웹사이트 빌더를 원한다면 최고의 웹사이트 빌더 목록을 확인해 보시기 바랍니다.

반면, 더 높은 유연성과 제어력을 원한다면 Wix Editor X 또는 Wix Velo와 같은 Wix의 고급 기능을 확인해 보세요. 그러나 이를 위해서는 더 많은 기술 전문 지식이 필요합니다. Webflow는 또한 확실한 대안이지만, 다시 한번 학습 곡선이 훨씬 더 가파르게 됩니다.