Waktu membaca

0

menit

Waktu membaca

0

menit

Wawasan

23 Okt 2025

Menambahkan widget Trustpilot ke situs web

Panduan langkah demi langkah untuk memasang widget Trustpilot di situs Anda menggunakan Framer. Tambahkan skrip Trustpilot, sesuaikan kode widget, lalu sisipkan ke komponen Embed untuk menampilkan ulasan pelanggan dengan mudah.

Blogger Logo Framer

Diposting oleh

Blog penulis Kim Yejeong

Diterjemahkan oleh

Ini adalah thumbnail blog yang menjelaskan cara mengembed widget Trustpilot ke situs web menggunakan Framer. Thumbnail ini menggunakan logo Trustpilot dan menjelaskan proses memasukkan kode widget yang disediakan oleh situs tersebut ke dalam skrip.
Ini adalah thumbnail blog yang menjelaskan cara mengembed widget Trustpilot ke situs web menggunakan Framer. Thumbnail ini menggunakan logo Trustpilot dan menjelaskan proses memasukkan kode widget yang disediakan oleh situs tersebut ke dalam skrip.
Ini adalah thumbnail blog yang menjelaskan cara mengembed widget Trustpilot ke situs web menggunakan Framer. Thumbnail ini menggunakan logo Trustpilot dan menjelaskan proses memasukkan kode widget yang disediakan oleh situs tersebut ke dalam skrip.

Daftar Isi

Daftar Isi

Menyisipkan Widget Trustpilot

Framer secara bawaan menyertakan komponen Trustpilot. Namun, Anda juga bisa menyematkan widget Trustpilot langsung ke situs Anda. Ikuti langkah di bawah ini.

1. Menambahkan Skrip Trustpilot ke Pengaturan Situs

Langkah pertama, tambahkan skrip pertama yang disediakan Trustpilot ke bagian awal tag <head> pada seksi Custom Code di pengaturan situs.

<!-- TrustBox script -->
<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
<!-- End TrustBox script -->

2. Mencari dan Mengedit Kode Widget Trustpilot

Salin skrip kedua dari akun Trustpilot Anda dan tempelkan ke editor teks seperti TextEdit (Mac) atau Notepad (Windows).

Selanjutnya, periksa dan ekstrak ketiga elemen berikut.

  • data-template-id (contoh: 5407e68dz0d06a09e041d5km)

  • data-businessunit-id (contoh: 5c09c4742068df0001rrfd35)

  • URL halaman ulasan (contoh: https://www.trustpilot.com/review/yourdomain)

Ganti placeholder dalam setiap kode di bawah ini (your-data-template-id, your-business-unit-id, your-URL) dengan data pengguna yang telah disalin.

<!-- TrustBox widget - Horizontal -->
<div id="trustbox" class="trustpilot-widget" data-locale="en-US" data-template-id="your-data-template-id" data-businessunit-id="your-business-unit-id" data-style-height="28px" data-style-width="100%" data-theme="light">
  <a href="your-URL" target="_blank" rel="noopener">Trustpilot</a>
</div>
<script>var trustbox = document.getElementById('trustbox');
 window.Trustpilot.loadFromElement(trustbox);</script>
<!-- End TrustBox widget -->

3. Menambahkan Komponen Embed ke Kanvas

Buka menu Insert di sebelah kiri di editor Framer. Masukkan kata “embed” di kotak pencarian dan seret komponen Embed ke kanvas.

4. Menyisipkan Kode ke Komponen Embed

Pilih tab HTML di panel properti kanan dan tempelkan semua kode Trustpilot yang telah Anda selesaikan ke tab tersebut.

Memeriksa Pratinjau Widget Trustpilot

Framer hanya menjalankan skrip yang disisipkan ke dalam <head> dan <body> di browser, tidak di editor. Untuk memeriksa apakah komponen yang disisipkan berfungsi dengan benar, Anda harus menerbitkan (Publish) situs dan memeriksanya langsung di browser.

Jika setelah menyelesaikan semua langkah di atas widget tidak muncul, periksa kembali apakah skrip Trustpilot telah terhubung dengan benar. Jika masalah berlanjut, Anda bisa mendapatkan bantuan melalui halaman Kontak Framer.


Artikel ini adalah terjemahan dan adaptasi dari konten blog resmi Framer ‘Menyematkan widget Trustpilot di situs Anda’.

Bagikan Blog

Bagikan Blog

Bagikan Blog

Menjadi
Framer Ahli

Framer freelance yang berpengalaman dapat mendaftar. Menghubungkan langsung ahli dengan klien, tanpa biaya perantara.

Menjadi
Framer Ahli

Framer freelance yang berpengalaman dapat mendaftar. Menghubungkan langsung ahli dengan klien, tanpa biaya perantara.

Menjadi
Framer Ahli

Jika Anda adalah ahli yang dapat mengambil proyek Framer,
semua orang dapat melamar.
Tidak ada biaya komisi, langsung menghubungkan
pakar dengan klien.