header-logo
Wix ile sitenizi ve işinizi nasıl kuracağınızı öğrenin.
Kullanışlı Wix özellikleri ile sitenizi tasarlayın ve yönetin.
Abonelikleri, planları ve faturaları yönetin.
İşinizi yönetin ve üyelerle bağlantı kurun.
Domain satın alma, bağlama ve transfer işlemlerini öğrenin.
İşinizi ve web varlığınızı büyütmek için araçlar edinin.
SEO ve pazarlama araçlarıyla görünürlüğünüzü artırın.
Verimliliği artıracak yardımcı gelişmiş özellikler edinin.
Çözüm bulun, bilinen sorunları öğrenin veya iletişime geçin.
placeholder-preview-image
Kurslarımız ve eğitimlerimizle becerilerinizi geliştirin.
Web tasarımı, pazarlama ve daha fazlası için ipuçları alın.
Arama motorlarından organik site trafiğini artırmayı öğrenin.
Tam kapsamlı platformumuzu kullanarak özel site oluşturun.
Hedeflerinize ulaşmanıza yardımcı olacak bir uzmanla eşleşin.
placeholder-preview-image

Wix Editör: Tam Ekran Pop-Up Menü Oluşturma

4 dk.
Bu makalede
  • 1. Adım | Sitenize bir etkileşim kutusu ekleyin
  • 2. Adım | Etkileşim kutusu menünüzü ayarlayın
  • 3. Adım | Menüyü açmak için bir düğme ekleyin
  • 4. Adım | Düğmeyi mobil sitenizden gizleyin
Etkileşim Kutusu kullanarak oluşturduğunuz tam ekran pop-up menülerle ziyaretçilerinizi etkileyin! Ziyaretçiler düğmeye tıkladıklarında, site içeriğinin en üstünde yer alırlar.
Bir sitede tam ekran pop-up menüsü açan Menü düğmesine tıklanmasını gösteren bir GIF.

1. Adım | Sitenize bir etkileşim kutusu ekleyin

Sitenize Öge Ekle panelinden herhangi bir etkileşim kutusu ekleyerek başlayın. Daha sonra sitenizi yeniden tasarlayabilirsiniz. 

Etkileşim kutusu eklemek için:

  1. Editörünüze gidin.
  2. Sol çubuktaki Öge Ekle simgesine  tıklayın.
  3. İnteraktif'e tıklayın.
  4. Sitenize eklemek için bir etkileşim kutusu seçin.
Wix Editör'de bir etkileşim kutusu seçilirken alnmış ekran görüntüsü

2. Adım | Etkileşim kutusu menünüzü ayarlayın

Eklediğiniz etkileşim kutusunu ziyaretçiler sitenize geldiğinde otomatik olarak gösterilmeyecek şekilde ayarlayın. Ardından tasarımını kendi zevkinize göre özelleştirin ve dikey bir menü ekleyin. 

Etkileşim kutusunu ayarlamak için:

  1. Editörde etkileşim kutusuna tıklayın. 
  2. Ayarlar simgesine tıklayın.
  3. Etkileşim kutunuza "Menü" gibi ayırt edici bir ad verin.
  4. Etkileşim kutusunu sayfalarda otomatik olarak göster'in altından Hayır'ı seçin.
Editördeki etkileşim kutusu ayarlarının ekran görüntüsü.
  1. Etkileşim kutusunun içindeki tüm ögeleri silin. "X" simgesini silmeyin.
  2. Etkileşim kutusuna dikey menü ekleyin.
  3. Menünüzü tasarlayın.. Menü yazı tiplerinizin büyük ve ortalanmış olmasını öneririz.
  4. Tasarımı tamamladığınızda, üstteki Çıkış düğmesine tıklayarak Etkileşim Kutusu modundan çıkın.
Editörde bir etkileşim kutusunun üstündeki bir menünün ekran görüntüsü.
İpucu:
Ayrıca etkileşim kutusunun arka planını özelleştirebilir ve arka plan kaplamasını sitenize uyacak şekilde özelleştirebilirsiniz. Arka planları hafif şeffaf yaparak daha havalı bir görünüm katın.

3. Adım | Menüyü açmak için bir düğme ekleyin

Etkileşim kutunuz ve menünüz hazır olduğuna göre artık ziyaretçilerin menüye erişmek için tıklayacağı düğmeyi ekleyebilirsiniz. Ardından düğmeyi etkileşim kutusuna bağlayın. 

Bir düğme eklemek için:

  1. Sol çubuktaki Öge Ekle simgesine  tıklayın.
  2. Dekoratif'i seçin.
  3. Temel Şekiller'i seçin.
  4. Daha Fazla Temel Şekil'e tıklayın.
Wix Editör'de Daha Fazla Temel Şekil seçilen ekran görüntüsü
  1. Arama çubuğuna "menü" yazın ve klavyenizde Enter tuşuna basın.
  2. Bir menü düğmesi tasarımı seçin ve Sayfaya Ekle'ye tıklayın.
  3. Editörde menü düğmesine tıklayın.
  4. (İsteğe bağlı) Menü düğmenizin tasarımını özelleştirmek için Tasarım simgesine tıklayın.
  5. Bağlantı simgesine tıklayın.
  6. Soldaki listeden Etkileşim Kutusu seçeneğini işaretleyin.
  7. Açılır menüden etkileşim kutunuzu seçin.
  8. Tamam seçeneğine tıklayın.
İpuçları:
  • Menü düğmesini sitenizde belirgin bir konuma yerleştirin. Bu başlığınız olabilir veya sitenizin üst kısmına sabitlemek için Ekrana Sabitle özelliğini kullanabilirsiniz. Menü düğmeniz üst bilgide yer almıyorsa, tüm sayfalarda gösterilecek şekilde ayarladığınızdan emin olun.
  • Ayrıca kendi menü düğmenizi tasarlayabilirsiniz. Bu bir metin düğmesi, simge düğmesi veya farklı bir şekil olabilir; bu size kalmış. Aşağıdaki örneklere göz atın:

4. Adım | Düğmeyi mobil sitenizden gizleyin

Oluşturduğunuz düğmeyi zaten varsayılan olarak tam ekran bir menüye sahip olan mobil sitenizden gizleyin. 

Düğmeyi gizlemek için:

  1. Mobil editörünüze erişin.
  2. Etkileşim kutunuza bağlı olan menü düğmesine tıklayın. 
  3. Gizle simgesine tıklayın. 
Mobil editördeki etkileşim kutusundaki ögeyi gizle seçeneğinin ekran görüntüsü.