Wix Stores: Ürün Widget'ı Ekleme ve Ayarlama
5 dakikalık okuma
Ürün Widget'ı sitenizin herhangi bir yerinde tek bir ürün göstermenizi sağlar. Ürün tıklandığında ne olacağına siz karar verirsiniz; Ürün Sayfası açılabilir veya ürün sepete eklenebilir.
Not:
Ürün Widget'ı şu anda Editor X'te kullanılamaz. Ancak, ürünleri başka şekillerde, örneğin bir açılış sayfasıyla öne çıkarabilirsiniz. Öne çıkan ürünler hakkında daha fazla bilgi edinin.
1. Adım | Ürün Widget'ı ekleyin
Ürün Widget'ı iki stilde mevcuttur: kompakt ve genişletilmiş. İhtiyaçlarınıza en uygun stili seçin.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2020/03/10/5dae579f-eaaf-4ba0-95d3-5b0206f61e65/2781bd23-7863-42fc-8ea0-bce628dcfd2c.png)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2020/03/10/a798802e-3753-444f-99bf-81c6b6de5ccf/ab0f3796-617f-471b-82fd-0af2a5661e53.png)
Ürün Widget'ı eklemek için:
- Ürün Widget'ı eklemek istediğiniz sayfaya gidin.
- Editör'ün sol tarafındaki Ekle
simgesine tıklayın.
- Mağaza seçeneğine tıklayın.
- Ürün Widget'ına tıklayın.
- Ürün Widget'ını sayfanıza sürükleyin.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2021/10/05/f9e3821d-f9bb-4395-afc8-ed5140ab0949/2a0b7129-184e-4049-bb78-3244bbd24c80.gif)
2. Adım | Widget'ı bir ürüne bağlayın
Ürün Widget'ı ürünlerinizden birini sergilemenizi sağlar ve satın alınmasını kolaylaştırır. Ayarlamak için, tanıtmak istediğiniz ürünü seçin.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2021/10/05/22de4372-8d5d-4251-acfe-09763cbcdab5/8db24e66-2ce0-4db0-be7f-4b6f530fb5ce.gif)
Bir ürünü widgeta bağlamak için:
- Editör'de sayfanızdaki Ürün Widget'ını tıklayın.
- Ayarlar'a tıklayın.
- Ok simgesine
tıklayın.
- Bir ürün seçin.
3. Adım | Widget davranışını ayarlayın
Artık widget'ta bir düğmeyi görüntülemek isteyip istemediğinizi seçebilirsiniz. Görüntülenmesini tercih ederseniz, düğmeye tıkladığında müşterinizin Ürün Sayfasına mı yoksa Hızlı Görünüm açılır penceresine mi yönlendirileceğini seçebilirsiniz.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2021/10/05/e57a95a5-056d-4a3a-816c-41303d662b0a/efa1b09a-d0f7-4bf3-9a09-bcda538cbfbf.png)
Widget davranışını ayarlamak için:
- Editör'de sayfanızdaki Ürün Widget'ını tıklayın.
- Ayarlar'a tıklayın.
- Ayarlar sekmesine tıklayın.
- Widget düğmesinin ne zaman gösterileceğini seçin:
- Her zaman: Düğme her zaman gösterilir.
- Yalnızca üzerine gelindiğinde: Düğme sadece üzerine gelindiğinde görünür durumda olur (mobil cihazlarda görünmez).
- Asla: Düğme hiç gösterilmez.
- Düğmeye tıklandığında ne olacağını seçin:
- Ürün Sayfasına Git: Müşteriler ürünün Ürün Sayfasına yönlendirilir.
- Ürünü Sepete Ekle: Müşteriler ürünü sepete ekleyebilecekleri Hızlı Görünüme yönlendirilir.
- Varsayılan düğme metnini düzenleyin.
- Envanter sıfır olduğunda otomatik olarak görüntülenen "Stokta Yok" mesajını düzenleyin.
4. Adım | Widget düzenini özelleştirin
Her iki Ürün Widget'ının stilini ayarlayabileceğini de birçok düzen seçeneği bulunur. Düzeni seçmek ve özelleştirmek için Düzen sekmesine tıklayın.
Düzeni özelleştirmek için:
- Editör'de sayfanızdaki Ürün Widget'ını tıklayın.
- Ayarlar'a tıklayın.
- Düzen sekmesine tıklayın.
- Özelleştirmek istediğiniz stili seçin:
Kompakt stil düzenini özelleştirme
Genişletilmiş stil düzenini özelleştirme
5. Adım | Widget'ı tasarlayın
Ürün widgetınız için mükemmel renkleri, kenarlıkları, yazı tiplerini ve daha fazlasını seçin.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2021/10/05/85179983-f92c-4efd-b7b4-d27d9e2e9799/ad7750a3-1c96-44c9-b636-6e03742dd2de.png)
Widget tasarımını güncellemek için:
- Editör'de sayfanızdaki Ürün Widget'ını tıklayın.
- Ayarlar'a tıklayın.
- Tasarım sekmesine tıklayın.
- Mevcut seçeneklerden istediğinizi kullanarak tasarımı güncelleyin.
Tasarım seçenekleri hakkında daha fazla bilgi
Bu içerik yardımcı oldu mu?
|