Shopify'a Geri Sayım Sayacı Nasıl Eklenir? Kolay Adımlarla

Shopify Sitenize Neden Geri Sayım Sayacı Eklemelisiniz?

Geri sayım sayacı eklemek, düşündüğünüzden daha fazla fayda sağlayabilir.

Gerçekten de böyle ve bunun neden önemli olduğunu sizin için açıklıyoruz.

Aciliyet Hissi: FOMO yaratmak, ziyaretçilerinizi aktif tutmanın bir numaralı sebebidir.
Özel Teklif Gösterimi: Ürünlerinizi tanıtırken, geri sayım sayacı insanların harekete geçmesi için iyi bir teşvik olabilir.
Satış ve Dönüşüm Oranı Faydası: Uzun vadede, ziyaretçilerinizi satış yapmaya yönlendirebilir ve dönüşüm oranınızı artırabilirsiniz.
Marka Sadakati ve Güven İnşası: Ziyaretçiler, mağazanızda zaman sınırlı fırsatlar olduğunu düşündükçe, desteklemek için bir bağ kurabilirler.
Rekabet Avantajı: Ziyaretçilerinizi geri sayım sayacını gördüklerinde harekete geçmeye teşvik ederek, rakipleriniz karşısında avantaj sağlayabilirsiniz.
Pazarlama Çabalarının Ölçülmesi: Gelecek adımlarınız için pazarlama çabalarınızı geri sayım sayaçlarıyla değerlendirebilirsiniz.
Ani Alışveriş Yönetimi: Aciliyet hissi ve geri sayım sayacı etkisinin birleşimiyle, ziyaretçilerin alışveriş yapma olasılığı artar.
Müşteri Katılımı Katkısı: Geri sayım sayaçları, amaçlı veya amaçsız olarak ilgi çekicidir. Bu yüzden, ziyaretçiler siteye katkılarıyla etkileşime geçirilebilir.

Shopify'a Geri Sayım Sayacı Eklemek: 6 Adım

Shopify'a geri sayım sayacı eklemek sadece birkaç dakikanızı alabilir ve bazı basit adımlar gerektirir.

İşte bu adımları nasıl gerçekleştirebileceğinizi anlatıyoruz.

Adım 1. Shopify Yönetim Panelinize Gidin.

Shopify hesabınıza giriş yaparak, Shopify mağazanızın yönetim panelini görüntüleyebilirsiniz.

Adım 2. Satış Kanalları altında "Online Mağaza"ya tıklayın ve "Temalar"ı seçin.

Sol kenar çubuğunda hem Online Mağaza hem de Satış Kanallarını bulabilir ve Temalar'a ulaşabilirsiniz.

Üzerine tıkladığınızda, mağazanızı da görüntüleyebileceksiniz.

Satış kanalları, Online mağaza ve Temaları seçme

Adım 3. Devam etmek için üç noktayı seçin ve "Kodu Düzenle" seçeneğini bulun.

Ana tema düzenlenmeli, bu nedenle kodu düzenlemeye devam etmelisiniz.

Adım 4. Editörde, Sol Kenar Çubuğunda Snippet'leri Bulun ve Bir Dosya Adıyla Snippet Ekleyin.

Sol kenar çubuğunda farklı sekmeler var. Snippet'ler aşağıdaki görüntüde odaklanmıştır.

Shopify'a geri sayım zamanlayıcısı snippet'ı ekleniyor

Adım 5. Aşağıdaki Kodu Yapıştırın ve "Kaydet" Butonuna Tıklayın.

{% if end_date != blank %}

<div class="timer">

  {% if title != blank %}

    <h4 class="timer__title">{{ title }}</h4>

  {% endif %}

  <div class="timer-display">

    <div class="timer-block">

      <span class="timer-block__num js-timer-days">00</span>

      <span class="timer-block__unit">Gün</span>

    </div>

    <div class="timer-block">

      <span class="timer-block__num js-timer-hours">00</span>

      <span class="timer-block__unit">Saat</span>

    </div>

    <div class="timer-block">

      <span class="timer-block__num js-timer-minutes">00</span>

      <span class="timer-block__unit">Dakika</span>

    </div>

    <div class="timer-block">

      <span class="timer-block__num js-timer-seconds">00</span>

      <span class="timer-block__unit">Saniye</span>

    </div>

  </div>

</div>

<style>

/* timer için stiller */

  .timer {

    background: #f6fafd;

    padding: 10px;

    margin: 10px 0;

  }

  .timer--expired {

    display: none;

  }

  .timer__title {

    @extend .paragraph;

    text-align: center;

  }

  .timer-display {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    margin-top: 5px;

  }

  .timer-block {

    position: relative;

    width: 25%;

    padding: 0 10px;

    &:not(:last-child):after {

      content: ':';

      position: absolute;

      right: 0;

      top: 3px;

    }

  }

  .timer-block__num,

  .timer-block__unit {

    display: block;

    text-align: center;

  }

</style>

<script type="text/javascript">

  var second = 1000,

      minute = second * 60,

      hour = minute * 60,

      day = hour * 24;

  var countDown = new Date('{{- end_date -}}').getTime(),

      x = setInterval(function() {

      var now = new Date().getTime(),

          distance = countDown - now;

      document.querySelector('.js-timer-days').innerText = Math.floor(distance / (day)),

        document.querySelector('.js-timer-hours').innerText = Math.floor((distance % (day)) / (hour)),

      document.querySelector('.js-timer-minutes').innerText = Math.floor((distance % (hour)) / (minute)),

      document.querySelector('.js-timer-seconds').innerText = Math.floor((distance % (minute)) / second);

    }, second)

</script>

{% endif %}

‍

Bu kod, Shopify'da kendi geri sayım sayacınızı oluşturmanıza yardımcı olacaktır.

geri sayım sayacı kodunu Shopify'a kaydetme

Adım 6. Geri Sayım Sayacınızı Nerede Göstereceğinizi Belirleyin ve Aşağıdaki Kodu O Sayfaya Yerleştirin.

Sayfa seçeneği size bağlı, ister bir ürün sayfası ister ana sayfa olsun, karar size ait.

Tek yapmanız gereken karar verip aşağıdaki kodu yerleştirmek.

{% include 'countdown-timer',
  title: "Özel Teklif Bitiş Tarihi",
  end_date: "30 Aralık 2024"
%}

‍

Geri sayım sayacınızı tutmak istediğiniz süreye bağlı olarak bitiş tarihi değiştirilmelidir.

Popupsmart ile Shopify'a Geri Sayım Sayacı Ekleme

Kod yazmaya gerek yok, acele etmeye veya zorlanmaya gerek yok. Artık her zamankinden daha kolay.

Shopify'da bir web siteniz olduğuna göre, Shopify App Store'dan Popupsmart uygulamasını kolaylıkla ekleyebilir ve sorunsuz bir şekilde kullanmaya başlayabilirsiniz.

Peki, geri sayım sayacını nasıl ekleyeceksiniz? İşte adımlar!

Adım 1. Shopify Yönetici Panelinizde "Popupsmart" Uygulamasını Bulun.

Bir Shopify mağazanız olduğuna göre, Popupsmart Shopify uygulamasına daha kolay ulaşmanız muhtemeldir.

Shopify'de Popupsmart uygulamasını ekleme

Adım 2. Yeni Bir Kampanya Oluşturun.

Popupsmart kontrol panelinize giderek kampanyanızı oluşturabilirsiniz.

Popupsmart'ta yeni bir kampanya oluşturma

Adım 3. İlk Adımda 'Geri Sayım Sayacı' Ekleyin ve Popup'ınızı Özelleştirin.

İster bir popup şablonu seçin, ister boş bir popup kullanın, geri sayım öğesi ekleyerek popup'ınıza olması gerektiği gibi aciliyet duygusu katabilirsiniz.

Adım 4. Kaydet ve Yayınla.

Görüyorsunuz, işte bu kadar basit.

Manuel süreçleriniz ve Popupsmart uygulamasıyla Shopify'da yapabileceklerinizin yanı sıra, Shopify ve Popupsmart entegrasyonunu kullanmanın çeşitli yöntemleri vardır.

Mağazanız için Popupsmart’ın Shopify çözümlerine göz atabilirsiniz.

Sonuç

Sonuç olarak, Shopify mağazanıza bir geri sayım sayacı eklemek roket bilimi değil.

Ayrıca, bunu yönetmenin iki güçlü yolu olsa da, her ikisini deneyip size en kolay geleni seçebilirsiniz.

Ziyaretçilerinizle farklı bir şekilde etkileşim kurmanın yeni bir yolunu yaratacağınızdan şüphe yok.

Hangi yöntemi seçerseniz seçin, görmek istediğiniz etkiyi yaratabilir ve mağazanızla ilgilenme niyeti olan ziyaretçileri satın almaya teşvik edebilirsiniz.

Sıkça Sorulan Sorular

Shopify'a geri sayım sayacı ekleme hakkında cevapları bulabileceğiniz bazı sorular bulunmaktadır.

Geri Sayım Sayaçları Mobil Cihazlarda Çalışır mı?

Evet, geri sayım sayaçları mobil uyumludur ve mobil cihazlarınızda görüntüleyip kullanabilirsiniz. Ne sayaç kodu ne de geri sayım içeren açılır pencereler, farklı cihazlarda uyumluluğa aykırı değildir.

Geri Sayım Sayaçlarını Kullanırken Yapılan Yaygın Hatalar Nelerdir?

Birçok işletme geri sayım sayaçlarını kullanma konusunda temkinlidir, ancak geri sayım sayaçlarını kullanmak için aciliyet duygusu yaratabilecek özel bir kampanyayı beklemeniz gerekebilir. Ya da amacınız, ziyaretçilerinize sınırlı süreli bir indirim kodu sunmak olabilir. Bu bağlamda, geri sayım sayacınızı göstereceğiniz zamanı ve son tarihleri dikkatlice belirlemeniz gerekir.

Shopify Mağazanıza Geri Sayım Sayacı Eklemek İçin Kodlama Becerilerine İhtiyacım Var mı?

Hayır, aslında kodlama becerilerine ihtiyacınız yok. Bilmeniz gereken tek şey verilen kodları nereye kopyalayıp yapıştıracağınız. Her iki adımı izleyerek geri sayım sayacınızı kolaylıkla Shopify mağazanıza ekleyebilirsiniz.

Önerilen Blog Yazıları

Shopify mağazanızda kampanyalarınızı güzelleştirmek ve neler yapabileceğiniz konusunda bilgi edinmek için bu önerilen blog yazılarına göz atabilirsiniz.