Waktu membaca

0

menit

Waktu membaca

0

menit

Wawasan

23 Okt 2025

FramerFramer situs에 Trustpilot 위젯 삽입하기

FramerFramer에서 Trustpilot 위젯을 사이트에 삽입하는 방법을 단계별로 안내합니다. Trustpilot 스크립트를 추가하고, 위젯 코드를 수정한 후, Embed 컴포넌트에 삽입하여 손쉽게 고객 리뷰를 표시할 수 있습니다.

Blogger Logo Framer

Diposting oleh

Blog penulis Kim Yejeong

Diterjemahkan oleh

FramerFramer에서 Trustpilot 위젯을 사이트에 임베드하는 방법을 안내하는 블로그 썸네일로, Trustpilot의 로고를 사용하였으며 해당 사이트에서 제공하는 위젯 코드를 스크립트에 삽입하는 과정을 설명합니다.
FramerFramer에서 Trustpilot 위젯을 사이트에 임베드하는 방법을 안내하는 블로그 썸네일로, Trustpilot의 로고를 사용하였으며 해당 사이트에서 제공하는 위젯 코드를 스크립트에 삽입하는 과정을 설명합니다.
FramerFramer에서 Trustpilot 위젯을 사이트에 임베드하는 방법을 안내하는 블로그 썸네일로, Trustpilot의 로고를 사용하였으며 해당 사이트에서 제공하는 위젯 코드를 스크립트에 삽입하는 과정을 설명합니다.

Daftar Isi

Daftar Isi

Dokumen ini dibuat untuk mengatasi kesulitan pengguna di dalam negeri yang belajar FramerFramer karena kurangnya bahan berbahasa Indonesia, dengan menerjemahkan isi dari blog resmi dan menambahkan informasi praktis yang berguna. Semoga bermanfaat bagi Anda yang menggunakan FramerFramer.

Menyisipkan Widget Trustpilot

FramerFramer 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 FramerFramer. 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

FramerFramer 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 FramerFramer.

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

Bagikan Blog

Bagikan Blog

Menjadi
FramerFramer Ahli

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

Menjadi
FramerFramer Ahli

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

Menjadi
FramerFramer Ahli

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