졜근 λ³Έ μƒν’ˆ

졜근 λ³Έ μƒν’ˆμ„ μ‚¬μš©ν•˜λ©΄ κ³ κ°μ—κ²Œ νƒμƒ‰ν•œ μƒν’ˆμ„ 보여 μ£Όμ–΄ 고객이 μ‰½κ²Œ μž₯λ°”κ΅¬λ‹ˆμ— μΆ”κ°€ν•  수 μžˆμŠ΅λ‹ˆλ‹€. μƒν’ˆ μ„ΈλΆ€ 정보 νŽ˜μ΄μ§€μ— 이 μΆ”κ°€ κΈ°λŠ₯을 μΆ”κ°€ν•˜μ—¬ 고객의 μ£Όλ¬Έ ν”„λ‘œμ„ΈμŠ€λ₯Ό 보닀 μœ μ—°ν•˜κ²Œ λ§Œλ“€ 수 μžˆμŠ΅λ‹ˆλ‹€.

이것은 ShopEngine의 일반 μœ„μ ―μž…λ‹ˆλ‹€. λ”°λΌμ„œ ShopEngine ν…œν”Œλ¦Ώμ—μ„œ μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

ν•˜μ§€λ§Œ 졜근 λ³Έ μƒν’ˆμ„ μΆ”κ°€ν•˜λŠ” 방법? WooCommerce μ‚¬μ΄νŠΈμ—μ„œ 졜근 λ³Έ μƒν’ˆ μœ„μ ―μ„ μ‚¬μš©ν•˜λŠ” 방법을 μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€.

졜근 λ³Έ μƒν’ˆ - ShopEngine μœ„μ ― #

1단계: 졜근 λ³Έ μƒν’ˆ μœ„μ ― ν™œμ„±ν™” #

μœ„μ ―μ„ ν™œμ„±ν™”ν•˜λ €λ©΄,

  • 이동 ShopEngine > μœ„μ ― > 졜근 λ³Έ μƒν’ˆ
  • μΌœλ‹€ 일반 μ„Ήμ…˜μ—μ„œ 졜근 λ³Έ μƒν’ˆ
  • κ΅¬ν•˜λ‹€ λ³€ν™”
졜근 λ³Έ μƒν’ˆ μœ„μ ― ν™œμ„±ν™”

μ°Έκ³ : κΈ€λ‘œλ²Œ 섀정을 μ‚¬μš©ν•˜μ—¬ μ΅œκ·Όμ— λ³Έ μ œν’ˆμ„ μΌ€ μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€. ShopEngine의 λͺ¨λ“  μœ„μ ―μ„ μΌ­λ‹ˆλ‹€ λ™μ‹œμ—.

2단계: 졜근 λ³Έ μƒν’ˆ μΆ”κ°€ #

μœ„μ ―μ„ μΆ”κ°€ν•˜κΈ° 전에 λ¨Όμ € ShopEngine WooCommerce Template에 μΆ”κ°€ν•΄μ•Ό ν•©λ‹ˆλ‹€. μ„€λͺ…μ„œλ₯Ό ν™•μΈν•˜μ„Έμš”. ν…œν”Œλ¦Ώμ„ λ§Œλ“œλŠ” 방법.

졜근 λ³Έ μƒν’ˆμ„ μΆ”κ°€ν•˜λ €λ©΄:

  • 이동 ShopEngine > ν…œν”Œλ¦Ώ > λͺ¨λ“  ShopEngine ν…œν”Œλ¦Ώ
  • Elementor둜 νŽΈμ§‘μ„ ν΄λ¦­ν•˜μ„Έμš”.
단일 μ œν’ˆ ν…œν”Œλ¦Ώ νŽΈμ§‘
  • μ°Ύλ‹€ Elements 검색 μ˜΅μ…˜μ—μ„œ 졜근 λ³Έ μƒν’ˆμ„ ν™•μΈν•˜μ„Έμš”.
  • λŒμ–΄μ„œ 놓기 μœ„μ ―
  • 클릭 μ—…λ°μ΄νŠΈ λ³€κ²½ 사항을 μ €μž₯ν•©λ‹ˆλ‹€.
ShopEngine의 졜근 λ³Έ μƒν’ˆ μœ„μ ―μ„ ν™œμš©ν•΄ λ§€μΆœμ„ λŠ˜λ €λ³΄μ„Έμš”.

3단계: 졜근 λ³Έ μƒν’ˆ μ„€μ • #

μ½˜ν…μΈ  μ„Ήμ…˜μ—μ„œ μ‚¬μš©μž μ •μ˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 일반 및 μ„€μ •.

μΌλ°˜μ„ ν΄λ¦­ν•˜μ—¬ ν™•μž₯ν•˜μ„Έμš”.

고객은 μ΅œκ·Όμ— λ³Έ μƒν’ˆμ„ ꡬ맀할 κ°€λŠ₯성이 κ°€μž₯ λ†’μœΌλ―€λ‘œ μœ„μ ―μ€ 맀우 μœ μš©ν•©λ‹ˆλ‹€.

  • νŽ˜μ΄μ§€λ‹Ή μ œν’ˆ:  νŽ˜μ΄μ§€λ‹Ή ν‘œμ‹œν•  졜근 λ³Έ μƒν’ˆμ˜ 수λ₯Ό μ„€μ •ν•˜μ„Έμš”.
  • μ£Όλ¬Έν•˜λ‹€: μ˜€λ¦„μ°¨μˆœ λ˜λŠ” λ‚΄λ¦Όμ°¨μˆœμœΌλ‘œ μ œν’ˆμ„ ν‘œμ‹œν•  수 μžˆμŠ΅λ‹ˆλ‹€. μ˜€λ¦„μ°¨μˆœμ˜ 경우 ASCλ₯Ό μ„ νƒν•˜κ³  λ‚΄λ¦Όμ°¨μˆœμ˜ 경우 DESCλ₯Ό μ„ νƒν•©λ‹ˆλ‹€.
  • μ—΄: ν–‰λ‹Ή ν‘œμ‹œν•  μ—΄μ˜ 수λ₯Ό μ„ νƒν•©λ‹ˆλ‹€.

섀정을 ν΄λ¦­ν•˜κ³  ν™•μž₯ν•˜μ„Έμš” λ‹€μŒ 배지 섀정에 μ•‘μ„ΈμŠ€ν•˜λ €λ©΄:

  • 세일 배지 ν‘œμ‹œ: 이 μ˜΅μ…˜μ„ 켜면 세일 배지가 ν‘œμ‹œλ©λ‹ˆλ‹€. 세일 배지λ₯Ό ν‘œμ‹œν•˜μ§€ μ•ŠμœΌλ €λ©΄ λ•λ‹ˆλ‹€..
  • ν• μΈμœ¨ ν‘œμ‹œ: 이 μ˜΅μ…˜μ„ 켜면 ν• μΈλœ λΉ„μœ¨μ„ ν‘œμ‹œν•  수 μžˆμŠ΅λ‹ˆλ‹€.
  • νƒœκ·Έ ν‘œμ‹œ: νƒœκ·Έλ₯Ό ν‘œμ‹œν•˜λ €λ©΄ 이 μ˜΅μ…˜μ„ μΌœμ„Έμš”.
  • 배지 μœ„μΉ˜: 배지 μœ„μΉ˜λ₯Ό μ™Όμͺ½ μœ„μ™€ 였λ₯Έμͺ½ μœ„λ‘œ μ„€μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€. XμΆ•κ³Ό YμΆ• 값을 μ‚¬μš©ν•˜μ—¬ μ‚¬μš©μž 지정 μœ„μΉ˜λ₯Ό 선택할 μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.
  • 배지 μ •λ ¬: μ›ν•˜λŠ” λŒ€λ‘œ 배지λ₯Ό 수직 λ˜λŠ” μˆ˜ν‰μœΌλ‘œ μ •λ ¬ν•˜μ„Έμš”.
  • μ‡Ό 제λͺ©?: 이미지 이름을 ν‘œμ‹œν•˜λ €λ©΄ 이 μ˜΅μ…˜μ„ ν™œμ„±ν™”ν•˜μ„Έμš”.
  • 가격 보기?: 가격을 ν‘œμ‹œν•˜λ €λ©΄ 'ν‘œμ‹œ'λ₯Ό, 그렇지 μ•ŠμœΌλ©΄ '숨기기'λ₯Ό μ„ νƒν•˜μ„Έμš”.
  • λ²„νŠΌ ν‘œμ‹œ?: 이 μ˜΅μ…˜μ„ ν™œμ„±ν™”ν•˜λ©΄ λ‹€μŒμ΄ ν‘œμ‹œλ©λ‹ˆλ‹€. μž₯λ°”κ΅¬λ‹ˆ λ²„νŠΌ μ•„λž˜μ— μžˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ SHOWλ₯Ό μ„ νƒν•˜μ—¬ 카트 μ˜΅μ…˜μ„ ν‘œμ‹œν•˜κ±°λ‚˜ HIDEλ₯Ό μ„ νƒν•˜μ—¬ ν‘œμ‹œν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.

μ‚¬μš©μž μ •μ˜ 재고 μ—†μŒ κ°€μ‹œμ„±:

ShopEngine Proλ₯Ό μ‚¬μš©ν•˜λ©΄ 졜근 λ³Έ μ œν’ˆ λͺ©λ‘μ—μ„œ μž¬κ³ κ°€ μ—†λŠ” μ œν’ˆμ˜ κ°€μ‹œμ„±μ„ μ‚¬μš©μž 지정할 수 μžˆμŠ΅λ‹ˆλ‹€. μ„€μ • μ„Ήμ…˜μ—μ„œ 재고 μ—†μŒ κ°€μ‹œμ„± κΈ°λŠ₯을 μ„€μ •ν•˜κ³  보여주닀 λ˜λŠ” μˆ¨λ‹€ λ˜λŠ” κΈ°λ³Έ.

μ œν’ˆ 재고 μ—†μŒ κ°€μ‹œμ„± -ShopEngine

당신이 선택할 λ•Œ κΈ°λ³Έ, κ°€μ‹œμ„±μ€ WooCommerce μ œν’ˆ μ„€μ •μ—μ„œ 재고 μ—†μŒ κ°€μ‹œμ„±μ— 따라 μ„€μ •λ©λ‹ˆλ‹€. WooCommerce > μ œν’ˆ > 재고. 그렇지 μ•ŠμœΌλ©΄ 선택 보여주닀 λ˜λŠ” μˆ¨λ‹€ κΈ°λ³Έ 섀정을 λ¬΄μ‹œν•©λ‹ˆλ‹€.

WooCommerce μ œν’ˆμ— λŒ€ν•œ κΈ°λ³Έ 재고 μ—†μŒ κ°€μ‹œμ„±

λͺ¨λ“  섀정을 λ³€κ²½ν•œ ν›„ ν΄λ¦­ν•˜μ„Έμš”. μ—…λ°μ΄νŠΈ μ €μž₯ν•©λ‹ˆλ‹€.

4단계: 졜근 λ³Έ μƒν’ˆμ˜ μŠ€νƒ€μΌ μ„€μ • #

섀정을 μ™„λ£Œν•œ ν›„μ—λŠ” μŠ€νƒ€μΌμ„ λ³€κ²½ν•  수 μžˆμŠ΅λ‹ˆλ‹€. λ‚΄μš© > μŠ€νƒ€μΌ

ν™•μž₯ μ œν’ˆ 포μž₯ λ‹€μŒ μŠ€νƒ€μΌμ„ λ³€κ²½ν•˜λŠ” μ˜΅μ…˜:

κ³ κ°μ—κ²Œ μ΅œκ·Όμ— ν™•μΈν•œ μ œν’ˆμ„ 보여 μ£Όμ–΄ λ§€μΆœμ„ λŠ˜λ¦¬μ„Έμš”.
  • ν…μŠ€νŠΈ μ •λ ¬: ν…μŠ€νŠΈλ₯Ό μ •λ ¬ν•  수 μžˆμŠ΅λ‹ˆλ‹€ μ™Όμͺ½, 쀑앙아λ₯΄ μžν˜•, 그리고 였λ₯Έμͺ½.
  • κΈ°λ‘₯ 간격: 각 μ—΄ μ‚¬μ΄μ˜ 간격을 ν”½μ…€ λ‹¨μœ„λ‘œ μ„ νƒν•©λ‹ˆλ‹€.
  • ν–‰ 간격: 여기에 각 ν–‰ μ‚¬μ΄μ˜ 간격을 μž…λ ₯ν•˜μ„Έμš”.
  • 심: μœ„μͺ½, μ™Όμͺ½, 였λ₯Έμͺ½, μ•„λž˜μͺ½ νŒ¨λ”©μ„ μ„€μ •ν•©λ‹ˆλ‹€.
  • 이미지 λ°°κ²½: 배경색을 μ„ νƒν•˜μ„Έμš” 
  • ν…Œλ‘λ¦¬ μœ ν˜•: 각 μ œν’ˆ μ„Ήμ…˜ μ£Όμœ„μ— ν‘œμ‹œν•  ν…Œλ‘λ¦¬ μœ ν˜•μ„ μ„ νƒν•˜μ„Έμš”.

ν™•μž₯ μ œν’ˆ 이미지 μ§€κΈˆ μ˜΅μ…˜:

μ—¬κΈ°λ₯Ό ν΄λ¦­ν•˜λ©΄ λͺ¨λ“  이미지에 λ™μΌν•œ 높이λ₯Ό μ‚¬μš©ν•˜λ €λ©΄ YESλ₯Ό μ„ νƒν•©λ‹ˆλ‹€. μ˜΅μ…˜μ΄ ν‘œμ‹œλ©λ‹ˆλ‹€ 이미지 맞좀 및 이미지 높이 μ˜΅μ…˜μž…λ‹ˆλ‹€. λ”°λΌμ„œ ν•„μš”μ— 따라 μ„€μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

인기 μžˆλŠ” μœ„μ ― 쀑 ν•˜λ‚˜λŠ” 졜근 λ³Έ μƒν’ˆμœΌλ‘œ, 이λ₯Ό μ΄μš©ν•˜λ©΄ 고객이 κ·€ν•˜μ˜ μ›Ήμ‚¬μ΄νŠΈμ— μ˜€λž«λ™μ•ˆ 머무λ₯΄κ²Œ ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

ν™•μž₯ μ œν’ˆ 배지 λ‹€μŒ μŠ€νƒ€μΌμ„ λ³€κ²½ν•˜λŠ” μ˜΅μ…˜:

고객은 졜근 λ³Έ μƒν’ˆ μœ„μ ―μ„ 톡해 κ°€μž₯ 관심 μžˆλŠ” μƒν’ˆμ„ 찾을 수 μžˆμŠ΅λ‹ˆλ‹€.
  • νƒ€μ΄ν¬κ·Έλž˜ν”Ό: 판맀 λ°°μ§€μ˜ κΈ€κΌ΄ νŒ¨λ°€λ¦¬, κΈ€κΌ΄ 크기, κ΅΅κΈ°, λ³€ν˜•, 쀄 높이 및 문자 간격을 μ„ νƒν•˜μ„Έμš”.
  • 색상: 배지 ν…μŠ€νŠΈμ˜ 색상을 λ³€κ²½ν•©λ‹ˆλ‹€.
  • 배지 λ°°κ²½: 이 μ˜΅μ…˜μ—μ„œ 배지 배경을 μ„ νƒν•˜μ„Έμš”.
  • λ°±λΆ„μœ¨ 배지 λ°°κ²½: νΌμ„ΌνŠΈ λ°°μ§€μ˜ 배경색을 μ„ νƒν•˜μ„Έμš”.
  • ν•­λͺ© κ°„ 곡간(px): ν•­λͺ© 사이에 μ›ν•˜λŠ” 간격을 μ„ νƒν•˜μ„Έμš”.
  • 심: 배지 μ£Όλ³€μ˜ μœ„μͺ½, 였λ₯Έμͺ½, μ•„λž˜μͺ½, μ™Όμͺ½ νŒ¨λ”©μ„ μ„ νƒν•©λ‹ˆλ‹€.
  • μ—¬μœ : 배지 μ£Όλ³€μ˜ μœ„μͺ½, 였λ₯Έμͺ½, μ•„λž˜μͺ½, μ™Όμͺ½ 여백을 μ„ νƒν•©λ‹ˆλ‹€.
  • ν…Œλ‘λ¦¬ μœ ν˜•: μ—¬κΈ°μ„œ ν…Œλ‘λ¦¬ μœ ν˜•μ„ λ³€κ²½ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
  • κ΅­κ²½ 반경: μ—¬κΈ°μ„œ border-radius의 μœ„μͺ½, 였λ₯Έμͺ½, μ•„λž˜μͺ½, μ™Όμͺ½ 값을 μ„€μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

이제 ν΄λ¦­ν•˜μ„Έμš” μ œν’ˆ 제λͺ© 및 μ˜΅μ…˜ λ³€κ²½:

μžˆλ‹€ 색상, νƒ€μ΄ν¬κ·Έλž˜ν”Ό 및 νŒ¨λ”© 제λͺ©μ— λŒ€ν•œ 섀정이 μžˆμœΌλ―€λ‘œ 이에 맞게 μ„€μ •ν•˜μ„Έμš”.

이 κΈ°λŠ₯을 μ΄μš©ν•˜λ©΄ 고객은 μžμ‹ μ˜ μƒν’ˆ 검색 내역을 λΉ λ₯΄κ²Œ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

이제 ν΄λ¦­ν•˜μ„Έμš” μ œν’ˆ 가격 및 μ˜΅μ…˜ λ³€κ²½:

여기와 ν•¨κ»˜ 색상, νƒ€μ΄ν¬κ·Έλž˜ν”Ό 및 νŒ¨λ”© μ˜΅μ…˜ λ˜ν•œ μžˆλ‹€ 할인 배지 μ„€μ • μ˜΅μ…˜. λ„ˆ 할인 배지 λͺ¨λ“ˆμ„ μΌœμ„Έμš” 그러면 μ—¬κΈ°μ—μ„œ μ˜΅μ…˜μ„ 적절히 νŽΈμ§‘ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

ElementorλŠ” 고객이 μ΅œκ·Όμ— λ³Έ μƒν’ˆμ„ 찾을 수 μžˆλ„λ‘ μ§€μ›ν•˜λŠ” 인기 μžˆλŠ” μœ„μ ―μ„ μ œκ³΅ν•©λ‹ˆλ‹€.

λ§ˆμ§€λ§‰ ν•˜λ‚˜λŠ” μž₯λ°”κ΅¬λ‹ˆμ— μΆ”κ°€ μ˜΅μ…˜:

μ•„λž˜ 이미지λ₯Ό λ³΄μ„Έμš”. μ œν’ˆμ„ μΆ”κ°€ν•˜κ³  λ°°μΉ˜ν•˜λŠ” λ°λŠ” μ—¬λŸ¬ 가지 μ˜΅μ…˜μ΄ μžˆμŠ΅λ‹ˆλ‹€. 간격, νƒ€μ΄ν¬κ·Έλž˜ν”Ό, νŒ¨λ”©, μ—¬λ°± 등을 μ„€μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

졜근 λ³Έ μƒν’ˆ μœ„μ ―μ€ μ›Ήμ‚¬μ΄νŠΈ λ°©λ¬Έμžκ°€ μ„ νƒν•œ μƒν’ˆμ„ μ‰½κ²Œ μ°ΎλŠ” 데 도움이 λ©λ‹ˆλ‹€.

λͺ¨λ‘ λ³€κ²½ν•œ ν›„ 클릭 μ—…λ°μ΄νŠΈ μ €μž₯ν•˜λ €λ©΄. 이제 졜근 λ³Έ μƒν’ˆμ΄ λͺ¨λ“  μ‚¬μš©μž μ •μ˜ 및 μŠ€νƒ€μΌκ³Ό ν•¨κ»˜ μŠ€ν† μ–΄ν”„λŸ°νŠΈμ— ν‘œμ‹œλ˜μ–΄μ•Ό ν•©λ‹ˆλ‹€.

졜근 λ³Έ μƒν’ˆ μœ„μ ―μ˜ μ΅œμ’… λ―Έλ¦¬λ³΄κΈ°λŠ” λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€.

졜근 λ³Έ μƒν’ˆμ€ 고객이 λ§ˆμ§€λ§‰μœΌλ‘œ λ³Έ μƒν’ˆμ„ 찾을 수 μžˆλ„λ‘ λ„μ™€μ£ΌλŠ” μœ μš©ν•œ μœ„μ ―μž…λ‹ˆλ‹€.

고객은 λ•Œλ•Œλ‘œ λ§ˆμ§€λ§‰ μ œν’ˆμ„ 어디에 λ‘μ—ˆλŠ”μ§€ μžŠμ–΄λ²„λ¦½λ‹ˆλ‹€. 졜근 λ³Έ μ œν’ˆμ€ κ³ κ°μ—κ²Œ λ§ˆμ§€λ§‰ λ˜λŠ” 졜근 λ³Έ μ œν’ˆμ„ μ‰½κ²Œ λ³΄μ—¬μ£ΌλŠ” κΈ°λŠ₯μž…λ‹ˆλ‹€. 이 μœ„μ ―μ„ μ‚¬μš©ν•΄ 보고 이런 μ‹μœΌλ‘œ 판맀λ₯Ό 늘릴 수 μžˆμŠ΅λ‹ˆλ‹€.

λ‹Ήμ‹ μ˜ 감정은 λ¬΄μ—‡μž…λ‹ˆκΉŒ?
2022λ…„ 9μ›” 18일에 μ—…λ°μ΄νŠΈλ¨