Kode Script Untuk Nama Tamu di Undangan Digital

Dalam website undangan digital, kita dapat membuat link khusus yang dapat menampilkan nama tamu. Seperti gambar di bawah ini.

Bila untuk setiap tamu harus membuat laman khusus, tentunya akan sangat memboroskan space juga memakan banyak waktu dalam pembuatan undangan digital tersebut.

Agar dapat membuat nama tamu yang berbeda-beda di dalam 1laman saja, tentunya diperlukan kode script nama tamu undangan. Berikut cara pembuatan dan kode scriptnya pada plugin elementor di wordpress:

1. Buat elemen tajuk dengan judul: Tamu Undangan dan ID CSS= namatamu.
2. Buat elemen HTML di bawah elemen tajuk dan masukkan kode script berikut:

<script>
  var urlParams = new URLSearchParams(window.location.search);
  if (urlParams) {
    var textElement = document.getElementById('namatamu');
    var defaultText = textElement.innerHTML;
    var newText = defaultText;

    if (urlParams.has('to')) {
      var toValue = urlParams.get('to');
      newText = newText.replace(/Tamu Undangan/g, toValue);
    }

    if (urlParams.has('dear')) {
      var dearValue = urlParams.get('dear');
      newText = newText.replace(/Tamu Undangan/g, dearValue);
    }

    if (urlParams.has('kepada')) {
      var kepadaValue = urlParams.get('kepada');
      newText = newText.replace(/Tamu Undangan/g, kepadaValue);
    }

    textElement.innerHTML = newText;
  }
</script>

Untuk mengujinya gunakan kode seperti ini: https://undangi.com/nikah-a01/?to=Ahmad%20%26%20Istri

Keterangan:

• setelah link laman masukkan: ?to=
• atau bisa juga menggunakan: “?dear=” atau “?kepada=”
• kemudian masukkan nama tamu seperti contoh di atas.
• Untuk spasi gunakan kode= %20
• Untuk simbol & gunakan kode= %26