WP Okulu Soru & Cevap

Aradığınız cevaplara buradan ulaşabilirsiniz...

WP Kulüp Forums Soru & Cevap Eğitimler Dışındaki Konular Dinamik WhatsApp Düğmesi

  • Dinamik WhatsApp Düğmesi

    Bu yazı Toygar tarafından oluşturuldu 19/05/2024 at 11:04

    Merhaba,

    Pazaryerim için bir WhatsApp düğmesi hazırladım. Kod bilgim olmadığı için ChatCPT kullanıyorum. Bazı noktalar da anlamadığım için çözüm üretemiyorum.

    Yapmaya çalıştığım şey; Tek Ürün sayfasında talep eden alt üye iş yerleri için; ziyaretçinin WhatsApp uygulamasını açacak ve ürün bağlantısı ve bir metin otomatik olarak ekleyerek satıcının telefonuna mesaj göndermesi.

    Düğmeyi Tek ürün sayfasına ekledim. İsted,ğim şey bir javascript kodu gerektirdiğinden bunu da kısmen hazırladım işte örnek kod;

    <script>

    function shareViaWhatsApp() {

    var currentPageUrl = window.location.href;

    var phoneNumber = document.getElementById('user_phone').innerText; // Kullanıcı telefon numarasını al

    var shareText = "Metininiz Sayfa URL'si: " + currentPageUrl;

    var whatsappLink = "whatsapp://send?text=" + encodeURIComponent(shareText) + "&phone=" + phoneNumber;

    window.location.href = whatsappLink;

    }

    </script>

    Burada “user_phone” alanı dinamik olarak satıcıdan çekiliyor. Yani o ürün hangi satıcıya aitse o satıcının numarası otomatik olarak alınıyor.

    Toygar cevapladı 2 ay, 1 hafta önce 2 Üye · 10 Cevap
  • 10 Cevap
  • Sinan Doğan

    Üye
    19/05/2024 at 12:32

    Merhabalar,

    Yapmak istediğiniz şeyi anladım fakat atmış olduğunuz kod çalışmıyor, değil mi? Sizin istediğiniz çözümse bu koda benzer, doğru bir şekilde çalışan bir kod mu?

    • Toygar

      Üye
      02/07/2024 at 20:36

      Evet Sinan bey,

      WhatsApp açıldığında hangi sayfadan tıklandıysa (Sadece Ürün sayfalarında var) Ürün Snippeti ve sonra istediğim metin çıksın istiyorum. İnstagram aynen böyle çalışıyor bazı whatsappa bağlantılarında ama tabi oradan kodu ben alamıyorum:)

      Teşekkürler,

      • Sinan Doğan

        Üye
        02/07/2024 at 21:07

        Söz konusu kodu nakvaryum’da kullanmak istiyorsanız sayfada kullanıcının telefon numarası id’si #user_phone olacak şekilde olması gerekmekte. Muhtemelen bunun olmasını istemezsiniz. Halihazırda nakvaryum’da bulunan Satıcıya soru sor kısmı hangi eklenti ile yapılıyor? O eklenti üzerinden php ile yapılabilir diye düşünüyorum

        • Toygar

          Üye
          03/07/2024 at 13:07

          Merhaba,

          “Satıcıya Soru Sor” kısmında bir eklenti değil. Basit bir bağlantı sadece:) Bu bağlantıyı da kullanıcı profilindeki bir alandan çektiriyorum. Hatta bun özel bir kulanıcı alanıda oluşturabilirim. Ancak tam da söylediğiniz gibi numarayı mevcut kullalncı alanından çekmesini istiyorum.

          Buradaki konu bir java kodu ama o koda ben hazırlayamıyorum. Böyle bir bilgim yok. Hazırlanmış kodlar var denedim ama başarılı olamadım.

          Eklediğiniz koduda nasıl kullanacağımdan emin olamadım. düze metin olarak eklemeniz mümkün olabilir mi? ya da tek bir kod olarak?

          Teşekkürler,

      • Sinan Doğan

        Üye
        02/07/2024 at 21:08

        Ya da şu an var olan butona javascript ile erişip, linkteki mesajın içeriğini değiştirebiliriz. Bunu yapmaya çalışacağım

      • Sinan Doğan

        Üye
        02/07/2024 at 21:43

        const links = document.querySelectorAll(‘li.elementor-icon-list-item.elementor-inline-item a’);

        links.forEach(link => {

        if (link.href.includes(‘wa.me’)) {

        const currentPageLink = window.location.href;

        const newMessage = Merhaba, ${currentPageLink} bu ürün hakkında detaylı bilgi almak istiyorum.;

        const newLink = https://wa.me/905374410730?text=${encodeURIComponent(newMessage)};

        link.href = newLink;

        }

        });

        • Toygar

          Üye
          03/07/2024 at 13:08

          MErhaba,

          bu kouda tam olarak anlayamadım. Hatalı çıkmış olabilir mi? Yoksa birden fazla kod mu var? NAsıl kullanacağım?

          Teşekkürler,

          • Sinan Doğan

            Üye
            03/07/2024 at 19:14

            document.addEventListener('DOMContentLoaded', () => {

            const links = document.querySelectorAll("li.elementor-icon-list-item.elementor-inline-item a");

            links.forEach(link => { if (link.href.includes("wa.me")) { const phoneNumberMatch = link.href.match(/wa.me\/(\d+)/); if (phoneNumberMatch && phoneNumberMatch[1]) { const phoneNumber = phoneNumberMatch[1]; const currentPageLink = window.location.href; const newMessage = Merhaba, ${currentPageLink} bu ürün hakkında detaylı bilgi almak istiyorum.; const newLink = https://wa.me/${phoneNumber}?text=${encodeURIComponent(newMessage)}; link.href = newLink; } } });

            });


          • Toygar

            Üye
            05/07/2024 at 12:21

            Merhaba,

            Ben bu işi beceremedim:) Şayet mümkünse sizden bana yarım saatinizi ayırmanızı ve zoom üzerinden birlikte yapmayı teklif ediyorum:)

            Teşekkürler,

          • Sinan Doğan

            Üye
            03/07/2024 at 19:15

            Kod olarak eklemediğim için hatalı gözükmüş. kod olarak tekrar paylaştım. bunu ürün sayfasına javascript kodu olarak koyabilirsiniz

Log in to reply.

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Gün :
Saat :
Dakika :
Saniye

Hoşgeldin !
Seni Tekrar Aramızda Görmek İstiyoruz

WP Kulüp
840TL İndirim

WP Kulüp BAŞVURU

WP Kulüp hakkında daha fazla bilgi almak istediğinizi duyduk.

Size uygun yol haritasını oluşturmak için bilgilerinizi bırakın uzmanlarımız sizi arasın.