Bubble.io에서 제품 카탈로그를 어떻게 만드나요?

Bubble.io에서 제품 카탈로그를 만드는 것은 "제품"과 같은 사용자 정의 데이터 유형을 만들고 관련 필드로 채우는 것을 포함합니다. 다음은 단계별 가이드입니다:

1단계: Bubble.io를 실행하고 프로젝트를 엽니다. 계정이 없다면 가입하고 새로운 앱을 생성해야 합니다.

2단계: Bubble 편집기에서 "데이터" 탭을 클릭하여 앱의 데이터베이스로 이동합니다.

3단계: 사용 가능한 옵션 중에서 "데이터 유형"을 선택합니다. 여기에서 카탈로그의 제품과 같은 앱에 대한 새로운 데이터 유형을 만드려고 합니다.

4단계: "New type"이라는 레이블이 붙은 필드를 찾아 새 데이터 유형에 이름을 지정합니다. 예를 들어, 카탈로그를 만들고 있다면, 이 데이터 유형에 "제품"이라는 이름을 지정할 수 있습니다. 데이터 유형에는 고유하고 단수형의 이름을 사용하는 것이 좋습니다.

5단계: 데이터 유형에 이름을 지정한 후 "만들기" 버튼을 클릭합니다. 이렇게 하면 새 데이터 유형이 사용자 정의 데이터 유형 목록에 추가됩니다.

6단계: 이제 새로운 "제품" 데이터 유형에 필드를 추가할 차례입니다. 이들 필드는 "이름", "가격", "설명", "이미지" 등의 제품 속성을 나타냅니다. 새로 생성된 데이터 유형을 클릭하여 필드를 추가하기 시작하세요.

7단계: 정보를 저장할 필드 유형을 선택합니다. Bubble은 텍스트, 숫자, 날짜, 예/아니오, 파일, 이미지 등 다양한 빌트인 필드 유형을 제공합니다. 제품 사진의 이미지 URL을 저장하려면, "이미지"를 레이블로 가진 필드를 생성할 때 "이미지"를 선택하십시오. 각 필드는 목록으로 설정될 수 있으며, 이는 제품에 여러 이미지가 있을 수 있음을 의미합니다.

8단계: "제품" 데이터 유형에 필요한 모든 필드를 추가한 후 데이터를 입력할 수 있습니다.

9단계: 카탈로그에 카테고리가 있다면 "카테고리"라는 이름의 다른 데이터 유형을 생성합니다. 그런 다음 “제품” 데이터 유형에서 "카테고리" 데이터 유형을 참조하는 필드를 만들어 제품을 각각의 카테고리에 연결할 수 있습니다.

10단계: 디자인 탭의 "Repeating Group" 요소를 사용하여 제품 목록을 표시합니다. 이 요소는 앱 페이지에서 데이터베이스의 데이터를 동적으로 표시합니다.

11단계: "Repeating Group"에 대한 데이터 소스를 "Do a search for"을 통해 제품으로 설정하세요. 필요한 필터 또는 제약 조건을 적용하여 제품을 원하는 대로 정렬하고 표시합니다.

12단계: Repeating Group의 각 셀을 매핑하여 이름, 가격, 이미지 등의 제품 정보를 표시하세요. 셀에 있는 텍스트와 이미지 요소를 "제품" 데이터 유형의 각각의 필드에 연결하여 표시하세요.

제품에 슬러그 필드를 추가하는 것은 각 제품 페이지에 SEO 친화적인 URL을 생성하는 데 도움이 될 것입니다. 또한 개인정보보호 규칙은 사용자 계정이나 개인 정보가 있는 카탈로그에 특히 중요하므로 설정되어야 합니다.

이러한 단계를 따르면 Bubble.io에서 제품 카탈로그를 만들기 시작한 것입니다. 카탈로그의 기능성과 사용자 경험을 위해 미리보기와 테스트를 반드시 해보세요.