Menambahkan tabel ukuran pop-up ke halaman produk Anda

Metafield membantu Anda menyesuaikan fungsionalitas dan tampilan toko Shopify Anda dengan memungkinkan Anda menyimpan informasi khusus yang biasanya tidak dicatat di admin Shopify. Metafield dapat digunakan secara internal di admin Shopify Anda, dan Anda juga dapat memilih untuk menampilkannya di toko online Anda.

Dengan metafield, Anda dapat menambahkan referensi halaman ke blok pop-up yang menampilkan link di halaman produk Anda. Saat diklik, link tersebut akan membuka pop-up yang menampilkan konten halaman Anda. Anda dapat menambahkan gambar dan media lainnya menggunakan editor rich text untuk halaman Anda.

Berikut adalah beberapa contoh informasi pop-up yang dapat Anda tambahkan ke halaman produk:

• Tabel ukuran
• Petunjuk perawatan
• Petunjuk perakitan
• Spesifikasi produk
• Pertanyaan umum (FAQ)

Ini adalah tutorial 4 langkah yang memperkenalkan metafield referensi halaman, cara membuat metafield produk untuk referensi halaman, membuat templat halaman produk untuk toko online Anda, menambahkan halaman baru, mereferensikan halaman di produk tertentu, dan menerapkan templat halaman produk ke produk tertentu. Anda dapat menggunakan tutorial ini untuk membuat konten apa pun yang Anda inginkan di pop-up. Tutorial ini menggunakan contoh tabel ukuran di seluruh bagiannya.

Tutorial ini memerlukan tema yang mendukung sumber dinamis. Jika Anda menggunakan tema vintage, atau jika Anda ingin menambahkan jenis metafield yang tidak didukung oleh tema Anda, Anda dapat mengedit kode tema atau menyewa Partner Shopify.

Langkah 1: Buat metafield produk untuk halaman

Untuk memulai, Anda harus membuat definisi metafield referensi halaman untuk halaman produk Anda. Metafield produk tertaut ke halaman tertentu dan dapat disesuaikan untuk setiap produk. Jika Anda tidak menambahkan referensi halaman ke produk yang menggunakan templat yang sama, teks link pop-up akan tetap ditampilkan seolah-olah ada konten. Agar hanya menampilkan link pop-up di produk tertentu, Anda dapat membuat templat produk dan menerapkannya hanya ke produk yang relevan.

Dengan metafield referensi halaman, Anda dapat menampilkan informasi produk yang berbeda dengan membuat halaman yang berbeda untuk berbagai jenis produk. Misalnya, Anda dapat membuat dua halaman tabel ukuran yang berbeda untuk dua kelompok umur yang berbeda, seperti tabel ukuran balita dan tabel ukuran bayi, lalu Anda dapat menambahkan referensi halaman untuk ukuran balita hanya pada produk yang ditujukan untuk balita.

Anda perlu membuat definisi metafield untuk referensi halaman agar dapat menghubungkannya ke blok pop-up di editor tema Anda. Akses etalase dipilih secara default saat Anda membuat definisi metafield.

Langkah-langkah:

Desktop

1. Dari admin Shopify Anda, buka Pengaturan > Metafield dan metaobjek.

2. Di bagian Definisi metafield, klik Produk.

3. Klik Tambahkan definisi.

4. Di kolom Nama, masukkan Tabel ukuran.

5. Klik ⊕ Pilih jenis.

6. Pilih Halaman dari menu tarik-turun. Satu halaman dipilih secara default.

7. Klik Simpan.

Seluler

1. Dari Shopify app, ketuk , lalu ketuk Pengaturan.

2. Di bagian Pengaturan toko, ketuk Metafield dan objek meta.

3. Di bagian Definisi metafield, ketuk Produk.

4. Ketuk +.

5. Di kolom Nama, masukkan Tabel ukuran.

6. Ketuk + Pilih jenis.

7. Ketuk untuk memilih Halaman dari menu tarik-turun. Satu halaman dipilih secara default.

8. Ketuk Simpan atau ✓.

Langkah 2: Buat templat halaman produk Anda

Tutorial ini memerlukan tema yang mendukung sumber dinamis. Jika Anda menggunakan tema vintage, atau jika Anda ingin menambahkan jenis metafield yang tidak didukung oleh tema Anda, Anda dapat mengedit kode tema atau menyewa Partner Shopify.

Setelah Anda menambahkan bagian atau blok, Anda dapat memilih metafield dengan mengeklik ikon sumber dinamis:

Jika Anda tidak ingin menambahkan tautan pop-up untuk bagan ukuran ke semua produk, Anda perlu membuat templat halaman produk baru. Dalam langkah-langkah ini, Anda membuat templat halaman produk baru, tetapi Anda juga dapat memilih templat halaman produk yang sudah ada untuk disesuaikan.

Langkah-langkah:

Desktop

1. Dari admin Shopify, buka Toko Online > Tema.
2. Klik Edit tema di sebelah tema yang ingin Anda sesuaikan.
3. Dari menu tarik-turun Halaman beranda di bagian atas editor, klik Produk, lalu klik ⊕ Buat templat untuk membuat dan menyesuaikan templat baru.
4. Di bilah sisi navigasi Bagian, buka blok Templat > Informasi produk, lalu klik ⊕ Tambahkan blok.
5. Klik Pop-up.
6. Di kolom Label tautan, masukkan Bagan ukuran. Ini adalah teks yang ditampilkan untuk diklik pelanggan agar dapat melihat konten halaman pop-up.
7. Di sebelah Halaman, klik ikon sumber dinamis, lalu klik untuk memilih metafield referensi halaman yang telah Anda buat.
8. Klik Simpan.

Seluler

1. Dari Shopify app, ketuk ikon .

2. Di bagian Saluran penjualan, ketuk Toko Online > Kelola semua tema.

3. Ketuk Edit tema untuk tema yang ingin Anda sesuaikan.

4. Dari menu tarik-turun Halaman beranda di bagian atas editor, ketuk Produk, lalu ketuk ⊕ Buat templat untuk membuat dan menyesuaikan templat baru.

5. Di bilah sisi navigasi Bagian, buka blok Templat > Informasi produk, lalu ketuk ⊕ Tambahkan blok.

6. Ketuk Pop-up.

7. Di kolom Label tautan, masukkan Bagan ukuran. Ini adalah teks yang ditampilkan untuk diklik pelanggan agar dapat melihat konten halaman pop-up.

8. Di sebelah Halaman, ketuk ikon sumber dinamis, lalu ketuk untuk memilih metafield referensi halaman yang telah Anda buat.

9. Ketuk Simpan atau ✓.

Langkah 3: Tambahkan halaman dengan bagan ukuran Anda

Anda perlu membuat halaman dengan konten bagan ukuran yang dirujuk oleh metafield. Jika Anda sudah membuat halaman, Anda dapat langsung ke langkah 4.

Langkah-langkah:

Desktop

1. Dari admin Shopify, buka Toko Online > Halaman.
2. Klik Tambahkan halaman.
3. Di kolom Judul, masukkan Bagan ukuran, lalu tambahkan informasi bagan ukuran di Konten.
4. Di bagian Visibilitas, atur halaman sebagai Terlihat.
5. Klik Simpan.

Seluler

1. Dari Shopify app, ketuk ikon .

2. Di bagian Saluran penjualan, ketuk Toko Online > Halaman.

3. Ketuk Tambahkan halaman.

4. Di kolom Judul, masukkan Bagan ukuran, lalu tambahkan informasi bagan ukuran di Konten.

5. Di bagian Visibilitas, atur halaman sebagai Terlihat.

6. Ketuk Simpan atau ✓.

Anda dapat membuat halaman bagan ukuran sebanyak yang diperlukan untuk dirujuk di metafield. Namun, Anda hanya dapat menautkan satu halaman di metafield produk.

Langkah 4: Rujuk halaman dan terapkan templat produk ke produk tertentu

Saat Anda menambahkan referensi halaman ke produk tertentu, informasi dari halaman tersebut hanya akan ditampilkan di produk itu. Jika Anda membiarkan referensi halaman kosong untuk produk yang menggunakan templat produk tersebut, teks tautan akan tetap ditampilkan sebagai tautan. Namun, pop-up akan kosong tanpa referensi halaman dan mungkin akan membingungkan pelanggan Anda. Anda dapat menggunakan templat halaman produk yang berbeda untuk jenis produk tertentu yang memiliki bagan ukuran, seperti pakaian atau sepatu, dan templat produk lain untuk jenis produk lainnya, seperti mainan anak-anak atau perhiasan dan aksesori lainnya.

Pelajari selengkapnya tentang templat.

Langkah-langkah:

Desktop

1. Dari admin Shopify, buka Produk.
2. Klik produk yang ingin Anda tambahi referensi halaman.
3. Di bagian Metafield produk, klik referensi halaman Bagan ukuran, lalu klik Pilih halaman dan pilih halaman Bagan ukuran.
4. Di bagian Templat tema, pilih templat halaman produk Bagan ukuran yang Anda buat di langkah 2.
5. Klik Simpan.

Seluler

1. Dari aplikasi Shopify, ketuk ikon .
2. Ketuk produk yang ingin Anda tambahi referensi halaman.
3. Di bagian Metafield produk, ketuk referensi halaman Bagan ukuran, lalu ketuk Pilih halaman dan pilih halaman Bagan ukuran.
4. Di bagian Templat tema, pilih templat halaman produk Bagan ukuran yang Anda buat di langkah 2.
5. Ketuk Simpan atau ✓.

Anda dapat mengulangi langkah-langkah ini untuk produk sebanyak yang diperlukan.