Membuat Katalog Produk Keren Tanpa Koding dengan Framer dan Mayar

Membuat Katalog Produk Keren Tanpa Koding dengan Framer dan Mayar

Membuat katalog produk keren tanpa koding menjadi lebih mudah dengan menggunakan Framer dan Mayar. Dengan ini, para pengguna dapat membuat prototipe interaktif dengan cepat, yang memungkinkan untuk menemukan ide-ide baru dan menyesuaikan desain dengan kebutuhan mereka.

Membuat Katalog Produk Keren Tanpa Koding dengan Framer dan Mayar

Pada tutorial kali ini kita akan belajar cara membuat katalog produk keren yang bisa dikustomisasi sesuai selera dan tentunya tanpa coding.

Kali ini kami akan menggunakan Framer sebagai webmaster dan Mayar sebagai platform review.

Tujuannya adalah untuk membuat halaman arahan yang keren seperti ini:

Oke, sebelum kita mulai, saya asumsikan Anda sudah memiliki akun Mayar dan memiliki produk di dalamnya. Oke, mari kita mulai mengajar.

01. Buat Akun Pembentuk

Buka situs web Framer dan klik Mulai Gratis untuk membuat akun.

framer.com

02. Salin & Template Remix

Jika sudah membuat akun, langkah selanjutnya adalah masuk ke halaman template Mayar & Framer, lalu klik tombol Copy & Remix this Template.

Salin dan salin sampel

Klik Salin proyek ke akun saya.

03. Tampilan Edit & CMS (Produk)

Jika Anda sudah berada di editor Framer, Anda dapat mengubah desain sesuai keinginan Anda. Misalnya mengubah logo, mengubah warna, mengubah teks dan lainnya. Sesuaikan dengan selera dan merek Anda.

Editor Bingkai

Jika demikian, langkah selanjutnya adalah menyesuaikan produk dengan produk Anda. Di sini kita akan menggunakan fungsionalitas CMS di Framer untuk mengintegrasikan produk.

Untuk melakukannya, klik menu CMS di header di atas Frame Editor.

bingkai CMS

Kemudian klik produk yang akan diedit.

Ubah judul dan subtitle sesuai dengan nama produk Anda, posting gambar produk, tetapkan harga, dan yang terpenting, sertakan tautan produk untuk pelanggan bayar.

Note: Anda bisa mendapatkan link produk di detail produk Mayar

04. Cetak

Setelah Anda mengedit konten produk di CMS, jangan lupa klik tombol Simpan untuk menyimpan.

Setelah semua produk dimasukkan, sekarang saatnya untuk mempublikasikan situs web Anda.

Kembali ke halaman Frame Editor, lalu di pojok kanan atas, klik tombol Print.

Menerbitkan Situs Web Anda

Situs web Anda sekarang dapat diakses dengan mengeklik tautan domain (https://author-gather-818428.framer.app/).

Karena kami menggunakan Mayar, Anda dapat langsung menarik dan membayar dengan mengklik gambar produk Anda. Munculan akan muncul dengan detail produk dan tautan untuk membeli.

05. Domain Pribadi

Anda dapat mengubah domain situs web Anda menggunakan domain gratis dari Framer dengan [nama_site].framer.website Atau gunakan domain Anda sendiri.

Caranya klik icon Gear di kanan atas untuk masuk ke Setting.

Kemudian klik menu Domain di sebelah kiri dan masukkan domain yang Anda inginkan.

Pengaturan domain

Untuk menggunakan domain Anda sendiri, Anda harus menginstal kerangka situs web Anda ke dalam paket berbayar.

Semoga beruntung

“Selalu stay connected dengan keluarga dan teman-temanmu dengan menggunakan layanan kami. Dapatkan pulsa dan kuota dengan harga terjangkau dan pengisian yang cepat. Nikmati juga bonus yang berlimpah setiap kali melakukan pembelian di tempat kami. Jadi, tunggu apalagi? Langsung saja kunjungi toko kami dan nikmati keunggulan yang kami tawarkan!”

Daftar Via WhatsApp
Daftar Via Play Store

Kesimpulan

Demikian Artikel update hari ini tentang Membuat Katalog Produk Keren Tanpa Koding dengan Framer dan Mayar dengan tags keyword #Membuat #Katalog #Produk #Keren #Tanpa #Koding #dengan #Framer #dan #Mayar yang mungkin saja tidak berarti apa-apa buat Anda, Namun setidaknya dapat menambah pengetahuan bagi para pembaca. Wassalamualaikum Wr. Wb 🙂