Integrasi Page di Squarespace

Di artikel ini Anda akan mempelajari cara mengintegrasikan fitur Page MTARGET dengan Squarespace. Terdapat 2 jenis integrasi disini yaitu dengan cara Embed (user dapat menentukan dimana page tersebut akan tampil) dan Pop-Up (user dapat menampilkan pop-up di website mereka).

Integration Page MTARGET

  1. Buat page terlebih dahulu kemudian di publish
  2. Pada list page, klik action ‘share’
  3. Pilih Embed, disitu terdapat script untuk meng-embed page
  4. Login ke squarespace lalu pada halaman header klik ‘Template’
  5. Pilih Template sesuai selera lalu klik ‘start here’ halaman template

  6. Akan muncul modal ‘Welcome to Your Site’ isi ‘site title’ kemudian klik button ‘continue’
  7. Akan berada dimodal step kedua ‘Edit Pages’ dan step ketiga ‘Create Pages’ klik ‘next’
  8. Pada step terakhir ‘Style Pages’ klik button ‘get started’
  9. Untuk memulai meng-edit klik ‘edit’

  10. Di halaman edit klik icon ‘+’ untuk menambah section sebagai tempat template yang akan diembed

  11. Pada modal section pilih ‘Add Blank +’

  12. Hasilnya akan seperti ini

  13. Pada pojok ‘box text’ terdapat icon ‘baloon’ jika disorot dengan cursor, klik salah 1 ‘baloon’ akan tampil modal untuk menambah komponen. Pilih ‘embed’

  14. Pada modal embed klik tanda ‘</>’

  15. Copy semua script embed pada modal ‘share’ di app mtarget lalu paste pada modal ‘embed data’. Setelah di paste klik ‘set’ lalu ‘apply’ modal embed data modal share

  16. Untuk mengetahui embed berhasil atau tidak klik button ‘preview in safe mode’

  17. Jika berhasil meng-embed akan keluar hasilnya

  18. Atur layout, untuk komponen yang tidak dibutuhkan bisa dihapus
  19. Jika sudah selesai jangan lupa disimpan ‘save’ kemudian klik ‘back’

  20. Untuk melihat hasilnya berupa tampilan preview di mobile atau desktop klik icon yang berada di kanan pojok atas

  21. Dan ini hasilnya preview mobile

preview desktop

×

Subscribe

The latest tutorials sent straight to your inbox.