Bantuan
Masuk

Menggunakan editor teks kaya untuk konten

Anda dapat menggunakan editor teks kaya Shopify untuk memformat dan menata gaya konten yang ditampilkan di toko online Anda.

Di halaman ini

Tempat penggunaan editor teks kaya

Anda dapat menggunakan editor teks kaya untuk menambahkan atau mengedit teks di beberapa tempat di toko Anda:

Jika Anda menggunakan tema yang kompatibel, Anda dapat menambahkan bagian teks kaya ke halaman atau templat dengan Editor Tema.

Menambahkan konten HTML dengan editor teks kaya

Anda dapat memasukkan konten HTML untuk postingan blog, halaman, deskripsi produk, dan deskripsi koleksi Anda dengan editor teks kaya.

Klik tombol Edit code untuk melihat kode HTML untuk konten di dalam editor teks kaya.

Dalam tampilan HTML, Anda dapat membuat banyak perubahan pada konten di editor teks kaya. Anda dapat menambahkan gambar, video, atau tabel menggunakan HTML, dan Anda dapat melakukan debug atau menyempurnakan tata letak dan gaya konten.

Menyematkan widget media

Jika Anda ingin menyematkan widget video atau musik, Anda harus menghostingnya terlebih dahulu di layanan seperti Youtube, Vimeo, atau SoundCloud. Layanan ini akan membuat kode semat, yang dapat Anda salin dan tempel ke editor teks kaya di admin Shopify Anda.

Langkah-langkah:

  1. Temukan kode semat untuk media yang ingin Anda sematkan.
  2. Pilih seluruh kode semat dengan mengekliknya dan menekan ctrl + A di PC atau command + A di Mac.
  3. Salin kode semat dengan menekan ctrl + C di PC atau command + C di Mac.
  4. Di admin Shopify Anda, klik tombol Tampilkan HTML di editor teks kaya untuk konten yang sedang Anda edit.
  5. Tempel kode semat dengan menekan ctrl + V di PC atau command + V di Mac.
  6. Klik Simpan.

Memformat teks dengan editor teks kaya

Dengan tombol Pemformatan, Anda dapat dengan cepat membuat paragraf, judul, atau kutipan blok. Menggunakan pemformatan dan level judul yang tepat akan membantu orang dan mesin pencari membaca konten situs web Anda.

Untuk memilih format teks, sorot teks, lalu klik tombol Pemformatan.

Opsi pemformatan

  • Paragraf

    Sebagian besar konten teks situs web Anda adalah teks paragraf. Teks paragraf biasanya memiliki ukuran font 10–12 pt, tetapi beberapa tema menggunakan ukuran font yang berbeda.

  • Judul (1-6)

    Judul digunakan untuk menyusun struktur konten. Ada 6 level judul. Judul 1 adalah level yang paling penting dan Judul 6 adalah yang paling tidak penting.

  • Kutipan blok

    Kutipan blok digunakan untuk menampilkan teks yang dikaitkan dengan orang lain, seperti kutipan atau nukilan dari buku atau situs web.

Teks tebal

Untuk membuat teks menjadi tebal, sorot teks dan klik tombol Tebal.

Memiringkan teks

Untuk membuat teks menjadi miring, sorot teks dan klik tombol Miring.

Menggarisbawahi teks

Untuk menggarisbawahi teks, sorot teks dan klik tombol Garis Bawah.

Membuat daftar berpoin

Untuk membuat daftar berpoin, klik tombol Daftar berpoin.

Anda dapat mengetik untuk membuat item daftar berpoin pertama. Untuk membuat item daftar baru, tekan tombol enter atau return. Untuk menyelesaikan daftar, tekan tombol enter atau return dua kali.

Membuat daftar bernomor

Untuk membuat daftar bernomor, klik tombol Daftar Bernomor.

Anda dapat mengetik untuk membuat item daftar bernomor pertama. Untuk membuat item daftar baru, tekan tombol enter atau return. Untuk menyelesaikan daftar, tekan tombol enter atau return dua kali.

Beri inden pada teks

Memberi inden pada paragraf akan menambahkan margin di sisi kirinya. Untuk memberi inden pada paragraf, klik tombol Beri Inden.

Hapus inden teks

Membatalkan inden paragraf akan menghapus setiap margin inden yang ada. Untuk membatalkan atau "menghapus inden" paragraf, klik tombol Hapus Inden.

Ratakan teks

Untuk meratakan teks, pilih teks, klik tombol Perataan, lalu pilih Rata kiri, Rata tengah, atau Rata kanan.

Ubah warna teks

  1. Sorot teks dan klik tombol Warna.
  2. Klik warna atau masukkan kode heksa untuk mengubah teks yang disorot menjadi warna tersebut.

Ubah warna latar belakang teks

  1. Sorot teks dan klik tombol Warna.
  2. Klik tab Latar Belakang.
  3. Klik warna atau masukkan kode heksa untuk mengubah latar belakang teks yang disorot menjadi warna tersebut.

Hapus pemformatan di editor teks kaya

Untuk menghapus pemformatan dari teks atau gambar, sorot konten, lalu klik tombol Hapus pemformatan.

Sisipkan tabel dengan editor teks kaya

Anda dapat menyisipkan tabel di postingan blog, halaman, deskripsi produk, dan deskripsi koleksi dengan editor teks kaya. Anda dapat menempatkan teks, gambar, atau bahkan video ke dalam tabel setelah membuatnya.

Langkah-langkah:

  1. Di editor teks kaya, klik tombol Sisipkan tabel.
  2. Klik Sisipkan tabel untuk menyisipkan tabel. Tindakan ini akan membuat tabel dengan satu baris dan satu kolom.

Setelah membuat tabel, klik lagi tombol Sisipkan tabel untuk mengubah baris dan kolom tabel:

  • Sisipkan baris di atas: Letakkan kursor Anda di sebuah baris, lalu klik tombol ini untuk menyisipkan baris baru di atasnya.
  • Sisipkan baris di bawah: Letakkan kursor Anda di sebuah baris, lalu klik tombol ini untuk menyisipkan baris baru di bawahnya.
  • Sisipkan kolom sebelum: Letakkan kursor Anda di sebuah kolom, lalu klik tombol ini untuk menyisipkan kolom baru sebelum kolom tersebut.
  • Sisipkan kolom sesudah: Letakkan kursor Anda di sebuah kolom, lalu klik tombol ini untuk menyisipkan kolom baru setelah kolom tersebut.
  • Hapus baris: Letakkan kursor Anda di baris yang ingin dihapus, lalu klik tombol ini.
  • Hapus kolom: Letakkan kursor Anda di kolom yang ingin dihapus, lalu klik tombol ini.
  • Hapus tabel: Letakkan kursor Anda di mana saja di dalam tabel, lalu klik tombol ini untuk menghapus seluruh tabel.

Sisipkan tautan dengan editor teks kaya

Anda dapat menyisipkan tautan (hyperlink) di postingan blog, halaman, deskripsi produk, dan deskripsi koleksi dengan editor teks kaya. Anda dapat menambahkan tautan yang mengarahkan pelanggan ke halaman di dalam toko online Shopify Anda dan ke situs web lain. Anda juga dapat menambahkan tautan yang membuka pesan email atau melakukan panggilan telepon, untuk membantu pelanggan menghubungi Anda.

Langkah-langkah:

  1. Sorot teks atau gambar yang ingin Anda ubah menjadi tautan.
  2. Klik Sisipkan tautan.
  3. Masukkan URL tujuan untuk tautan di Tautkan ke kolom:
    • Untuk menautkan ke situs web eksternal yang berada di luar toko Shopify Anda, masukkan https:// diikuti dengan alamat web, misalnya https://www.example.com.
    • Untuk menautkan ke halaman di dalam toko online Shopify Anda, masukkan URL singkat, misalnya /collections/summer-collection.
    • Untuk membuat tautan yang membuka pesan email, masukkan mailto: diikuti dengan alamat email, misalnya mailto:example@example.com.
    • Untuk membuat tautan yang melakukan panggilan telepon, masukkan tel: diikuti dengan nomor telepon, misalnya tel:+0-123-456-7890.
  4. Masukkan deskripsi singkat tautan di kotak Judul tautan.
  5. Pilih cara tautan akan dibuka dengan Buka tautan ini di menu:
    • jendela yang sama: Tautan akan terbuka di tab atau jendela browser pengguna yang sudah ada.
    • jendela baru: Tautan akan terbuka di tab atau jendela browser yang baru.
  6. Klik Sisipkan tautan untuk mengubah teks yang Anda sorot menjadi tautan.

Tambahkan tautan internal dan eksternal dengan editor teks kaya

Tautan ke halaman di dalam toko Shopify Anda disebut tautan internal. Anda dapat menggunakan URL singkat untuk membuat tautan internal. Misalnya, URL /collections akan mengarah ke halaman koleksi toko Anda.

Untuk menautkan ke halaman tertentu di toko online Anda, seperti halaman koleksi atau produk, gunakan format URL /jenis-halaman/nama-pengguna-halaman. Misalnya, untuk menautkan ke koleksi yang telah Anda buat bernama Summer Collection, gunakan URL /collections/summer-collection.

Tautan ke situs web yang berada di luar toko Shopify Anda disebut tautan eksternal. Tautan eksternal harus dimasukkan secara lengkap dan dimulai dengan http://.

Setelah Anda mengunggah file, Anda dapat menautkannya ke konten di editor teks kaya agar tersedia untuk diunduh dari deskripsi produk atau koleksi, halaman web, atau postingan blog.

Langkah-langkah:

Meja kerja

  1. Dari admin Shopify Anda, buka Konten > File.

  2. Salin URL untuk file yang ingin Anda tautkan.

  3. Di admin Shopify Anda, klik produk, koleksi, halaman web, atau postingan blog tempat Anda ingin menambahkan file.

  4. Di editor teks kaya, masukkan atau pilih teks tautan.

  5. Pilih teks tautan.

  6. Klik Sisipkan tautan

  7. Di bidang Tautkan ke, tempel URL untuk file yang ingin Anda tautkan.

  8. Klik Sisipkan tautan. Di editor teks kaya, teks yang ditautkan ditampilkan dengan warna biru dan bergaris bawah.

Seluler

  1. Dari Shopify app, ketuk ikon Menu.

  2. Di menu Konten, ketuk ikon panah bawah, lalu ketuk File.

  3. Salin URL untuk file yang ingin Anda tautkan.

  4. Di admin Shopify Anda, ketuk produk, koleksi, halaman web, atau postingan blog tempat Anda ingin menambahkan file.

  5. Di editor teks kaya, masukkan atau pilih teks tautan.

  6. Pilih teks tautan.

  7. Ketuk Sisipkan tautan

  8. Di bidang Tautkan ke, tempel URL untuk file yang ingin Anda tautkan.

  9. Ketuk Sisipkan tautan. Di editor teks kaya, teks yang ditautkan ditampilkan dengan warna biru dan bergaris bawah.

Menyisipkan gambar dengan editor teks kaya

Ada tiga cara untuk menyisipkan gambar menggunakan editor teks kaya. Anda dapat:

Unggah gambar

Langkah-langkah:

  1. Di editor teks kaya, klik tombol Sisipkan gambar.

  2. Di dialog Sisipkan gambar, klik tab Gambar yang diunggah.

  3. Klik Unggah file.

  4. Pilih file gambar WebP, HEIC, SVG, GIF, JPEG, atau PNG dari komputer Anda.

  5. Klik gambar yang Anda unggah untuk memilihnya.

  6. Dari menu Ukuran, pilih ukuran tampilan gambar. Anda dapat memilih Asli untuk menyisipkan gambar tanpa mengubah ukuran tampilannya.

  7. Klik Sisipkan gambar untuk menempatkan gambar ke dalam editor teks kaya.

Pilih dari foto produk

Langkah-langkah:

  1. Di editor teks kaya, klik tombol Sisipkan gambar.

  2. Di dialog Sisipkan gambar, klik tab Foto produk.

  3. Klik gambar yang ingin Anda sisipkan. Jika Anda tidak dapat menemukan media produk yang ingin disisipkan, Anda dapat menggunakan tombol panah untuk menelusuri halaman yang berbeda.

  4. Dari menu Ukuran, pilih ukuran tampilan gambar. Anda dapat memilih Asli untuk menyisipkan gambar tanpa mengubah ukuran tampilannya.

  1. Klik Sisipkan gambar untuk menempatkan foto produk ke dalam editor teks kaya.

Gunakan URL gambar

Untuk menyisipkan gambar menggunakan URL publik:

  1. Di editor teks kaya, klik tombol Sisipkan gambar.
  2. Di dialog Sisipkan gambar, klik tab URL.
  3. Masukkan URL file gambar Anda yang dapat diakses publik.
  4. Klik Sisipkan gambar untuk menyisipkan gambar di editor teks kaya dalam ukuran aslinya.

Memindahkan dan mengubah ukuran gambar di editor teks kaya

Setelah menambahkan gambar ke deskripsi produk atau koleksi, halaman web, atau blog, Anda dapat memindahkannya ke lokasi lain di dalam konten.

Langkah-langkah:

  1. Di admin Shopify Anda, klik produk, koleksi, halaman web, atau postingan blog yang menyertakan gambar yang ingin Anda pindahkan atau ubah ukurannya.
  2. Di editor teks kaya, klik gambar.
  3. Lakukan salah satu hal berikut:
    • Untuk memindahkan gambar, klik dan seret gambar ke lokasi lain di bidang Konten.
    • Untuk mengubah ukuran gambar, klik dan seret salah satu sudutnya.
  4. Klik Simpan.

Mengedit gambar di editor teks kaya

Anda dapat mengubah ukuran, pembungkusan teks, dan perataan gambar di dalam editor teks kaya. Anda juga dapat mengedit URL gambar, atau menambahkan atau mengedit teks alt gambar.

Langkah-langkah:

  1. Klik dua kali gambar di editor teks kaya untuk membuka dialog Edit gambar.
  2. Gunakan opsi ukuran dan perataan untuk mengedit gambar:
    • Untuk mengubah ukuran gambar, pilih opsi ukuran.
    • Untuk meningkatkan SEO dan aksesibilitas toko online Anda, tambahkan atau edit teks alt gambar.
    • Untuk menambahkan spasi, masukkan jumlah piksel spasi yang Anda inginkan di setiap sisi.
    • Untuk mengubah perataan gambar, pilih dari ikon yang mewakili perataan kiri, tengah, atau kanan.
    • Untuk menambahkan pembungkusan teks, centang Bungkus teks di sekitar gambar.
  3. Klik Edit gambar untuk menyimpan perubahan Anda.

Menyisipkan video dengan editor teks kaya

Anda dapat menyisipkan atau menyematkan video di postingan blog, halaman, deskripsi produk, dan deskripsi koleksi menggunakan editor teks kaya.

Jika ingin menyematkan video yang telah Anda buat, Anda harus mengunggahnya terlebih dahulu ke situs streaming video seperti YouTube atau Vimeo.

YouTube tidak mengizinkan Anda menonaktifkan video terkait, tetapi Anda dapat menentukan bahwa video terkait harus berasal dari saluran yang sama dengan video yang baru saja diputar.

Langkah-langkah:

  1. Salin URL video dengan menekan ctrl + C di PC atau command + C di Mac.
  1. Kunjungi Embed Responsively. Embed Responsively adalah alat yang akan memberi Anda kode semat yang lebih baik untuk video Anda.
  1. Di Embed Responsively, klik untuk memilih situs web video tempat video Anda berada.
  2. Tempelkan URL video yang telah Anda salin ke dalam kotak URL Halaman di Embed Responsively dengan menekan ctrl + V di PC atau command + V di Mac.
  3. Klik Sematkan. Embed Responsively akan membuatkan kode semat untuk Anda.
  4. Jika video berasal dari YouTube dan Anda hanya ingin menampilkan video terkait dari saluran YouTube yang sama, temukan URL video di kode semat. Salin dan tempelkan ?rel=0 di bagian akhir di dalam tanda kutip.
  5. Salin semua kode di dalam kotak Kode semat.
  6. Di admin Shopify Anda, klik tombol Sisipkan video di editor teks kaya.
  7. Tempelkan kode semat ke dalam kotak di dialog Sisipkan video.
  8. Klik Sisipkan video.
  9. Klik Simpan setelah selesai untuk menyimpan perubahan pada item yang Anda edit.

Sisipkan file audio dengan editor teks kaya

Anda dapat menggunakan editor teks kaya untuk menyisipkan atau menyematkan file audio di postingan blog, halaman, deskripsi produk, dan deskripsi koleksi.

Langkah-langkah:

  1. Dari admin Shopify Anda, buka Konten > File.

  2. Klik Unggah file untuk mengunggah file audio yang ingin Anda sisipkan atau sematkan di toko Anda.

  3. Dari bagian Toko Online, buka editor teks kaya untuk halaman atau postingan blog tempat Anda ingin menampilkan file audio.

  4. Salin <div id="player"><audio controls="controls">, lalu tempelkan kode tersebut di editor teks kaya untuk menyematkan pemutar audio di halaman Anda.

  5. Salin kode berikut:

  • <source src="https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3" type="audio/mpeg" /></div>
  1. Tempelkan kode ini di editor teks kaya Anda setelah kode untuk pemutar audio, lalu ganti https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3 dengan URL yang Anda buat untuk file audio saat Anda mengunggahnya ke Shopify. Anda dapat menemukan URL file audio Anda kapan saja di halaman File.
  2. Klik Simpan.
  3. Klik Lihat untuk memastikan file audio Anda diputar dengan benar.

Menambah atau menghapus komentar internal di editor teks kaya

Anda dapat menggunakan tag komentar <!-- dan --> untuk teks internal yang tidak ingin Anda publikasikan ke toko Anda.

Langkah-langkah:

  1. Di editor teks kaya Anda, klik tombol Tampilkan HTML.
  2. Untuk menambahkan komentar internal, apit teks yang ingin Anda sembunyikan dengan <!-- dan -->. Contoh: <!--teksanda-->.
  3. Klik Simpan.

Tag HTML yang diapit dalam tag komentar akan disimpan sebagai teks internal. Agar tag HTML tersebut berfungsi dengan baik, Anda perlu menghapus tag komentar <!-- dan --> yang mengapitnya.

Memahami editor teks kaya

Editor teks kaya terintegrasi dengan TinyMCE, jaringan pengiriman konten (CDN) pihak ketiga. Integrasi ini memiliki beberapa implikasi penting:

  • Batas konten: Ada batas 64 KB untuk konten yang dimasukkan ke dalam editor teks kaya. Ini berlaku untuk Halaman, Postingan blog, dan skrip tambahan.
  • Pembersihan HTML: TinyMCE menyediakan logika pemfilteran konten yang secara otomatis memperbaiki format HTML untuk mencegah kerusakan etalase toko online dan risiko keamanan. Meskipun Anda dapat mengedit HTML secara manual untuk mengembalikannya ke bentuk aslinya, Anda disarankan untuk bekerja dengan perubahan otomatis ini untuk mencegah potensi masalah.

Penyelesaian masalah editor teks kaya

Jika Anda mengalami masalah dengan editor teks kaya, tinjau langkah-langkah penyelesaian masalah dan masalah umum berikut.

Menyelesaikan masalah pemformatan

Masalah pemformatan dengan konten yang disalin

Teks selalu mewarisi pemformatan editor atau halaman web tempat asalnya. Jika Anda menulis konten di Microsoft Word, lalu menyalin dan menempelkannya ke editor teks kaya, maka konten tersebut akan mempertahankan warna, ukuran, indentasi, dan spasi yang sama, termasuk tag <div>.

Jika memungkinkan, edit dan format konten Anda secara langsung di editor teks kaya.

Untuk tata letak halaman yang lebih kompleks, pertimbangkan untuk menggunakan aplikasi pembuat halaman seperti Shogun Drag & Drop Page Builder.

Mengidentifikasi masalah pemformatan

Penyebab paling umum masalah di editor teks kaya berasal dari gaya atau pemformatan tersemat yang ikut terbawa saat Anda menyalin dan menempelkan konten dari sumber lain.

Hal ini dapat muncul dalam berbagai bentuk, tetapi biasanya menjadi penyebabnya ketika ada ketidaksesuaian antara apa yang ditampilkan di admin Shopify dan apa yang ditampilkan di toko langsung Anda. Ini termasuk informasi yang tidak diperbarui atau gaya yang ditampilkan secara berbeda.

Menyelesaikan masalah pemformatan

Ada dua cara untuk menguji apakah masalah pemformatan menjadi penyebab masalah: menggunakan tombol Hapus pemformatan, atau menjalankan konten editor teks kaya melalui pembersih HTML.

Untuk menguji, buat duplikat produk atau halaman tempat masalah terjadi, lalu lakukan salah satu dari pengujian berikut pada duplikat tersebut.

Tes 1: Hapus pemformatan

  1. Sorot semua konten di editor teks kaya.
  2. Klik tombol Hapus pemformatan.
  3. Klik Simpan dan uji.

Tes 2: Pembersih HTML

  1. Salin semua konten dari editor teks kaya.
  2. Tempelkan ke pembersih HTML, seperti striphtml.com.
  3. Salin semua konten yang telah dibersihkan.
  4. Tempelkan kembali ke editor teks kaya, untuk menggantikan konten asli.
  5. Klik Simpan dan uji.

Jika salah satu dari langkah-langkah ini dapat menyelesaikan masalah, berarti masalahnya berasal dari pemformatan yang terbawa saat konten awalnya ditambahkan ke editor teks kaya. Anda dapat menggunakan metode yang sama untuk memperbaiki konten asli.

Penanganan masalah kode gambar yang tidak selaras

Jika Anda kesulitan menyelaraskan teks di samping gambar dengan benar saat menggunakan opsi wrap, Anda mungkin perlu memindahkan kode sehingga tag gambar muncul di awal paragraf, bukan di tengah.

  1. Klik tombol Edit kode di editor teks kaya.
  2. Temukan kode gambar dan pindahkan seluruh tag <img> ke bagian atas paragraf, di luar tag paragraf <p>.
  3. Hapus semua tag <span> di paragraf berikutnya di bawah gambar.
  4. Klik Simpan.

Contoh kode gambar yang tidak selaras:

<p style="float: left;"><br/><img alt="" src="your image link" style="float: left; margin-right: 20px;">This 22x34 special purchase frame...</p>

Kode yang diperbaiki:

<img alt="" src="your image link" style="margin-right: 20px; float: left;">
<p>This 22x34 special purchase frame...</p>
Penanganan masalah tautan mailto yang tidak berfungsi

Jika tautan mailto: tidak berfungsi (memuat halaman kosong atau tidak membuka email), periksa apakah tautan tersebut mengikuti struktur ini:

mailto:email@example.com

Jika cocok dengan format di atas dan masih tidak berfungsi seperti yang diharapkan, masalahnya mungkin ada pada pengaturan browser atau klien email. Periksa pengaturan browser dan klien email Anda untuk memastikan keduanya dikonfigurasi untuk menangani tautan mailto: dengan benar.

Penanganan masalah gambar halaman kembali ke ukuran asli setelah ukurannya diubah

Saat gambar disisipkan ke halaman, HTML yang dihasilkan mencakup parameter src dan parameter data-mce-src. Jika keduanya tidak cocok, pada akhirnya src akan diperbarui agar cocok dengan data-mce-src.

Namun, saat Anda mengubah ukuran gambar menggunakan editor teks kaya, hanya src yang diperbarui, sehingga data-mce-src tetap menjadi URL ukuran asli. Setelah beberapa klik lagi, src akan kembali ke URL data-mce-src.

Untuk menghindarinya, perbarui URL data-mce-src secara manual agar sesuai dengan ukuran gambar yang Anda inginkan:

  1. Klik tombol Edit kode di editor teks kaya.
  2. Temukan tag gambar yang ukurannya Anda ubah.
  3. Temukan parameter src dan data-mce-src.
  4. Perbarui URL data-mce-src agar cocok dengan URL src.
  5. Klik Simpan.
Penanganan masalah perubahan HTML otomatis (sanitisasi)

Anda mungkin menyadari bahwa saat Anda membuat perubahan di editor teks kaya, HTML yang sesuai akan otomatis berubah.

Mengapa ini terjadi?

Editor teks kaya Shopify terintegrasi dengan TinyMCE, yaitu jaringan pengiriman konten (CDN) pihak ketiga. CDN ini menyediakan serangkaian logika pemfilteran konten yang ekstensif dan andal yang secara otomatis mengoreksi pemformatan baris HTML yang mungkin tidak berfungsi dengan baik di etalase toko online atau menghadapkannya pada risiko keamanan. Proses ini disebut sanitisasi HTML.

Apa yang harus saya lakukan?

Meskipun Anda dapat mengakali logika pemfilteran konten dengan mengedit HTML Anda secara manual untuk mengembalikannya seperti semula, Anda disarankan untuk mematuhi perubahan otomatis tersebut. Koreksi otomatis ini adalah perilaku yang wajar dan memiliki tujuan penting untuk mencegah perubahan pada etalase toko online Anda yang dapat menimbulkan masalah.

Jika Anda mencoba mencapai tujuan tertentu dengan menulis HTML yang coba dikoreksi oleh CDN, pertimbangkan apakah ada cara yang lebih ideal untuk mencapai tujuan tersebut, seperti membuat perubahan pada kode tema Anda yang mendukung format HTML yang diharapkan.

Penanganan masalah tautan yang mengarahkan pelanggan keluar dari pasar yang mereka pilih

Jika Anda menggunakan Shopify Markets dengan subfolder dan aplikasi Geolocation, tautan di deskripsi produk, postingan blog, halaman, dan deskripsi koleksi mungkin akan mengalihkan pelanggan ke domain utama Anda, alih-alih membuat mereka tetap berada di wilayah yang dipilih.

Mengapa ini terjadi?

Editor teks kaya mendukung tautan langsung (URL lengkap) dan tautan internal (URL singkat). Jika Anda menggunakan tautan langsung yang menyertakan URL lengkap (misalnya, https://yourstore.com/collections/summer), pelanggan akan diarahkan ke URL spesifik tersebut, dengan mengabaikan pasar yang mereka pilih.

Cara memperbaikinya

Untuk memastikan tautan Anda peka wilayah dan membuat pelanggan tetap berada di pasar yang mereka pilih, gunakan tautan internal yang diawali dengan /, bukan URL lengkap.

  • Tautan langsung (tidak peka wilayah): https://yourstore.com/collections/summer
  • Tautan internal (peka wilayah): /collections/summer

Untuk memperbarui tautan yang ada:

  1. Di admin Shopify, buka produk, koleksi, halaman, atau postingan blog tempat Anda ingin memperbarui tautan.
  2. Di editor teks kaya, klik tombol Edit kode untuk melihat HTML.
  3. Temukan semua tautan yang diawali dengan https:// dan menyertakan domain toko Anda.
  4. Ganti URL lengkap dengan format URL singkat. Misalnya, ubah https://yourstore.com/pages/about menjadi /pages/about.
  5. Klik Simpan.

Jika Anda memiliki banyak produk, koleksi, blog, atau halaman yang perlu diperbarui, Anda dapat mengekspornya ke file CSV, mencari domain atau http Anda untuk mengidentifikasi tautan langsung, memperbaruinya menjadi tautan internal, lalu mengimpor kembali file CSV yang telah diperbarui ke toko Anda.