가격 상자 세부 정보

이제 세부 사항으로 넘어가 보겠습니다.

제목 및 부제목

제목은 콘텐츠에서 매우 중요한 역할을 합니다. 따라서 방문자의 관심을 끌 수 있는 내용을 넣어야 합니다. 가격 상자의 경우 제품 이름이나 서비스 요금제 이름과 같은 직접적인 제목을 입력해야 합니다. 사용자 정의는 스타일 탭 > 헤더. 여기에서 제목과 부제목의 색상과 타이포그래피를 변경할 수 있습니다.

가격표

다음으로 가격표에 대해 이야기해 보겠습니다. 가격표는 가격 표 위젯에는 이 부분에 대한 흥미로운 설정이 있습니다.

시중에 나와 있는 모든 가격 라벨과 마찬가지로, 가격을 변경할 수 있습니다. 가격 책정 섹션으로 이동합니다. 재미있는 부분은 통화 레이블을 선택할 수 있다는 것입니다. 통화 기호 옵션을 선택합니다.

다시 말하지만, 스위처를 클릭하면 판매를 클릭하면 다른 가격 필드가 나타납니다. 원래 가격. 여기에 줄이 그어진 스타일로 제품의 원래 가격을 입력할 수 있습니다. 일반적으로 할인된 제품이나 오퍼를 표시하는 데 사용할 수 있습니다.

마지막으로, 가격표를 사용자 지정할 수 있습니다. 스타일 탭 > 가격. 위 그림과 같이 배경색을 나머지 색상과 구분하여 남겨두세요. 이렇게 하면 시청자에게 가격표가 강조됩니다.

가격 상자에 표시된 제품/서비스의 특징

다음으로 이동 콘텐츠 탭 > 기능

우선, 기능 섹션은 오퍼에 어떤 항목이 포함되어 있는지 파악하는 데 중요한 역할을 합니다. 간략하게 자세히 설명하는 부분은 아니지만 내용을 빠르게 파악할 수 있습니다. 따라서 이 부분에서는 직접적인 단어를 사용하고 구체적으로 작성하세요.

사용자 지정에 대해 이야기해 보겠습니다. 보시다시피 이 섹션에는 여러 개의 리피터가 있습니다. 리피터를 더 추가하거나 제거할 수도 있습니다. 각 리피터에는 다음과 같은 두 가지 옵션 세트가 있습니다. 일반 텍스트로, 다른 하나는 툴팁 텍스트. 일반 텍스트의 경우 로고, 로고 색상 및 제목을 선택할 수 있는 옵션이 있습니다. 대부분의 경우 툴팁 옵션은 무시해도 됩니다.

이제 이 부분의 전망을 변경해 보겠습니다. 이 경우 스타일 탭 > 기능. 거기에서 위에 표시된 옵션을 찾을 수 있습니다. 실제로 전체 가격 상자에는 단일 색상을 유지하고 있습니다. 다시 말하지만, 가격표는 강조 표시된 유일한 부분입니다.

그러나 색상, 타이포그래피, 테두리 너비 그리고 무게및 gap 를 클릭합니다. 또한 텍스트의 정렬을 변경할 수 있는 옵션이 있습니다. 그러나 이 스타일의 중간에 유지하는 것이 좋습니다.

가격 상자 바닥글

마무리 단계에 거의 다 왔습니다. 가격 상자의 유형에 관계없이 바닥글을 추가해야 합니다. 만드는 방법을 살펴봅시다.

그리고 콘텐츠 탭 의 가격표 위젯 라는 섹션이 있습니다. 푸터. 기본적으로 바닥글 영역에는 콜아웃 버튼과 추가 텍스트 상자가 있습니다. 설정에서 다음과 같은 두 개의 스위처를 볼 수 있습니다. 간편한 디지털 다운로드 통합 그리고 사용자 지정 속성 추가. 첫 번째를 사용하여 연결할 수 있습니다. EDD 를 버튼에 추가하세요. 두 번째는 다음과 같이 알아볼 수 있습니다. 여기.

그러나 바닥글의 모양을 변경할 수 있습니다. 푸터 섹션의 스타일 탭. 실제로 버튼을 둥글게 만들려면 테두리 반경 옵션을 선택합니다. 여기에서 바닥글의 배경 및 전경색을 변경할 수 있습니다. 또한 버튼에 호버 효과와 상자 그림자를 추가할 수 있습니다.

리본

사람들은 종종 리본 를 가격 상자에 표시하여 기능이나 새로운 혜택을 표시합니다. 특정 제품을 강조하는 표시일 뿐입니다. 사용 방법을 알려드리겠습니다.

에서 콘텐츠 탭, 마지막 섹션은 리본. 섹션 상단에 스위처가 있습니다. 리본이 표시되도록 하려면 스위처를 켜야 합니다. 그러나 제목을 편집하고 다음에서 제목의 위치를 변경할 수 있습니다. 정렬 및 수평/수직 위치. 또한 리본을 원하는 대로 회전할 수도 있습니다.

이제 리본의 모양을 변경하려면 다음으로 이동합니다. 스타일 탭 > 리본. 위의 이미지처럼 색상, 테두리 반경, 타이포그래피 및 상자 그림자를 변경하여 쉽게 디자인할 수 있습니다.

전체 가격 상자 살펴보기

지금까지 환자를 지켜주신 것에 대해 축하와 감사를 드립니다. 저희와 함께 만든 멋진 가격 상자를 보세요. 위의 예시를 사용하면 다음과 같은 상자를 쉽게 만들 수 있습니다. 전자상거래 웹사이트.

한 가지 더, 이러한 가격 상자에 사용자 지정 배경을 추가할 수도 있습니다. 쉽게 만들 수 있습니다. 매력적입니다. 또한 재미도 있습니다. 이 블로그를 읽어주셔서 감사합니다. 좋은 하루 되세요!