Editor's Pick
Aug 10, 2024
Blogs
Modul Microdata and Schema OpenCart
Modul Microdata & Schema OpenCartModul Microdata & SchemaSalah satu aspek yang membuat mesin pencari seperti Google Search bisa akurat adalah tersedianya data yang terstuktur di halaman web. Semakin terstruktur semakin baik Google menilai suatu halaman web, karena artinya pemilik situs serius dalam menyediakan content yang baik.Memasukan schema microdata kedalam kode HTML akan dapat membantu robot crawler dari mesin pencari mengartikan konten halaman Anda dengan efektif. Kemudahan dan keefektifan inilah yang bisa menjadi sebuah poin penting dalam proses meningkatkan visibilitas website Anda.Modul Microdata dan Scema untuk OpenCart akan membuat schema dan microdata yang akan meningkatkan visibilitas website Anda pada mesin pencarian seperti google search.InstalasiDownload file hpms-3.ocmod.zipMasuk halaman dashbord admin, kemudian masuk halaman Extension → Extension Installer, kemudian upload file hpms-3.ocmod.zip .Setelah proses upload file selesai, masuk halaman Extension → Modification. Kemudian refresh modification pada pojok kanan atas.Setting ModuleSetelah instalasi kita harus setting module microdata & scheme agar module ini aktif. Module ini sangat mudah untuk di setting, berikut langkah-langkah untuk setting modul sebagai berikut.Masuk ke menu Hp Web Design → Hp Microdata & Schema.Masukkan app id facebook anda. Anda dapat mencari app id dengan klik https://findmyfbid.in/.Rubah status ke enabled untuk mengaktifkan module microdata & schema.Setelah itu klik tombol save di bagian…
Read More »
Tutorial OpenCartMembuat Tombol Icon Sosial Media Dinamis pada OpenCart
Membuat Tombol Icon Sosial Media Dinamis pada OpenCartBermain sosial media merupakan suatu kebiasaan sekarang ini, semua orang ingin saling bertukar informasi dengan tujuannya masing – masing, entah itu positif maupun negatif. Salah satu sisi positif media sosial adalah memanfaatkannya untuk sarana promosi produk toko online, menyebarkan produk di media sosial terbukti ampuh untuk mendatangkan potensi pembelian.Pada artikel kali ini saya akan memberikan tutorial untuk memasang tombol akun media sosial di bagian deskripsi produk opencart, tujuannya saat pengunjung melihat-lihat produk lalu mengklik tombol media sosial yang dibuat, maka akan langsung diarahkan ke akun media sosial pemilik toko.Sebenarnya opencart sudah menyediakan tombol media sosial seperti gambar dibawah ini, namun tombolnya terlalu kecil dan ada beberapa fungsi yang mungkin sebagian orang yang tidak membutuhkannya.Pada artikel kali ini kita akan menimpa tombol media sosial bawaan tersebut dengan tombol media sosial yang baru, anda bisa langsung mengikuti tahapannya seperti gambar dibawah ini.Langkah 1Langkah pertama tentu saja anda perlu mengunjungi https://www.addthis.com, tampilan depan akan seperti gambar dibawah ini. Untuk menggunakan fitur pada website ini kita perlu mendaftar terlebih dahulu, supaya tidak terlalu banyak mengisi formulir pendaftaran silahkan klik tombol daftar melalui google seperti gambar dibawah ini.Langkah 2Selanjutnya pilih akun google yang ingin digunakan.Langkah 3Pada langkah ini…
Read More »Tutorial OpenCartMenambahkah Highlight pada Tabel Halaman Admin OpenCart
Menambahkah Highlight pada Tabel Halaman Admin OpenCartMenambahkah Highlight pada Tabel Halaman Admin OpenCart tentu saja bukan pekerjaan yang sulit. Fitur highlight tabel secara otomatis ada mulai versi OpenCart 1.5.5.1. sementara untuk versi dibawahnya tidak memiliki fitur tersebut. Bagi Anda yang tidak sedang menginginkan upgrade namun ingin memiliki fitur highlight ini, tutorial berikut layak Anda coba, :).Fitur ini memang sederhana tapi sangat memudahkan terutama jika anda memiliki banyak baris data katalog, produk, modul, dll.KonsepPenambahan fitur Highlight pada Tabel Halaman Admin OpenCart ini memanfaatkan fitur hightlight pada versi yang lebih baru. Untuk contoh kali ini saya menggunakan file hightlighter dari OpenCart 1.5.6.3. Terdapat dua file yang dibutuhkan, yakni:table-highlighting.js, yang terdapat pada folder view → javascript → jqueryhighlight-css.css, yang terdapat pada folder view → stylesheetkedua file tersebut kemudian ditambahkan pada openCart lama Anda dengan mempertahankan struktur folder yang ada agar lebih mudah. Mudeng kan? :).Kemudian pada bagian header, definisikan link ke dua file tersebut. Ok langsung saja ikuti langkah berikut. Nah untuk tugas ini kita akan menggunakan xml pada VQMOD agar file header.tpl pada folder admin tetap utuh.Siapkan FilenyaAnda dapat mengunduh filenya disini. Atau unduh saja openCart 1.5.6.3 lengkap dan ambil dua file diatas. Setelah itu upload file table-highlighting.js, ke folder admin →…
Read More »Tutorial OpenCartMembuat Tombol Scroll To Top OpenCart
Membuat Tombol Scroll To Top OpenCartDengan bantuan VQMOD Membuat Tombol Scroll To Top untuk OpenCart menjadi lebih mudah.Tombol scroll ini atau yang biasa diberi teks Kembali Ke Atas atau panah keatas adalah tombol untuk membantu user website agar kembali ke halaman bagian atas dengan satu klik. Pembuatan tombol ini membutuhkan sedikit skrip JQUERY, HTML dan CSS.Hal yang terpenting adalah kita tidak perlu melakukan edit pada file template secara langsung untuk menambahkannya. Seperti inilah kira-kira tombolnya akan menjadi.ok. langsung aja.Langkah 1Anda membutuhkan VQMOD. Install VQMOD pada OpenCart Anda. Jika belum, silakan baca tutorial tentang Instalasi VQMOD di Opencart.Langkah 2Buat file XML di VQMOD. Jika ingin banyak tahu tentang cara membuat file XML di VQMOD, silakan langsung ke tutorial membuat file XML pada VQMOD untuk OpenCart.Beri nama back_to_top.xml. Lantas, masukkan skrip berikut.[CDATA[BackToTop]]> ]]> a.go-top {position:fixed; left:46em; bottom: 0.5em; text-decoration:none; background-color: rgba(219,87,5,1); font-size:1em; padding: 1em; display:none; -webkit-border-radius: 8px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 5px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7); -moz-box-shadow: 0px 5px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7); box-shadow: 0px 5px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7); -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; color: #FFF; font-weight: bold;}.go-top:hover{…
Read More »Tutorial OpenCartMembuat Multi store pada OpenCart
Membuat Multi store pada OpenCartMembuat Multi store (lebih dari satu toko) pada OpenCart bisa menjadi pilihan bagi Anda yang ingin melakukan personalisasi toko online Anda. Multi store atau multi toko pada OpenCart merupakan sebuah sistem yang memungkinkan Anda untuk memiliki dua toko dalam dua domain yang berbeda namun dalam satu halaman administrasi. Pilihan ini tepat jika: Produk toko online Anda telah sangat kompleks dan Anda berniat untuk melakukan personalisasi dan speliasasi terhadap kategori tertentu. Tidak banyak orang yang melakukan administrasi. Midal hanya 1 orang yang bertugas melakukan upload dan update konten produk.Mengapa Multi store?Ada beberapa kelebihan penggunaan Multi store di OpenCart dari pada melakukan fresh install dan setting seperti halnya saat membuat website kali pertama. Anda memiliki keuntungan:Mudah dalam administrasi. Multi store dapat dilakukan adminstrasi pada domain utama atau sub domain dari untuk toko online yang lain.Tidak perlu melakukan seting dan konfigurasi yang melelahkan seperti membuat toko online dari awal. Semua seting dan konfigurasi Anda pada website utama dapat digunakan pada Multi store.Toko pada Multi store dapat dipersonalisasi untuk tema, module, catalog, produk, dll. Sehingga tiap store yang dibuat dapat memiliki tema, modul, catalog, dan produk yang unik.Membuat Multi storeTerdapat 3 langkah utama dalam membuat Multi store:1. Sub DomainHal pertama…
Read More »Tutorial OpenCartMengatasi Gagal Install Extension pada OpenCart 3
Mengatasi Gagal Install Extension pada OpenCart 3Ketika kita ingin melakukan instalasi pada OpenCart 3 melalui halaman Extension > Installer lalu kita melakukan upload file maka kadang kita akan mendapat sebuah pesan error seperti :The directory … is not allowed to be written to!Lantas bagaimana cara mengatasinya?Kami telah melihat beberapa solusi dan menghimpunnya dalam sebuah ekstensi. Kami beri nama: Base Theme Modification. Ekstensi sederhana ini akan mengatasi beberapa bug di OpenCart versi terbaru seperti error directory diatas, SEO URL, dll.Langkah mengatasi gagal install pada OpenCart:Download ekstensi Base Theme Modification.Masuk ke halaman admin lalu arahkan pada menu navigasi Extensions > InstallerLalu upload file yang telah didownload tadiSetelah itu, arahkan pada menu navigasi Extensions > Modifications lalu lakukan refreshSetelah itu silakan lakukan instalasi ekstensi maka akan berjalan lancarDemikian cara mengatasi error saat installasi ekstensi pada OpenCart 3. Semoga bermanfaat.
Read More »Tutorial OpenCartTips 1 – Ketahui Perubahan pada OpenCart 3 sebelum Upgrade
Tips 1 – Ketahui Perubahan pada OpenCart 3 sebelum UpgradeBagi Anda yang ingin mengupgrade versi OpenCart ke versi OpenCart 3, Anda harus tahu perubahan apa saja yang ada pada OpenCart Anda. Hal ini untuk menilik kompabilitas module Anda di OpenCart 3.OpenCart 3.0 telah dirilis beberapa waktu lalu dengan berbagai perubahan signifikan. Seperti biasa rilis versi baru selalu mendapat sambutan baik dari penggunanya. Secara personal kami mendapat banyak pertanyaan tentang kompatibilitas module kami dengan opencart 3.0. Kabar yang menggembirakan sekaligus menantang. Sebelumnya, lihat tampilan dashboard OpenCart 3 berikut.OpenCart merupakan salah satu platform CMS ecommerce yang sangat populer karena simplicity dan powerfullness pada saat yang bersamaan. Kode program yang sederhana dan beroerientasi pada objek (like) juga mudah untuk dipelajari. Sehingga membuatnya digandrungi para developer pemula maupun senior untuk mengembangkan module yang memperluas fungsionalitas OpenCart secara keseluruhan.Tim OpenCart terus mengembangkan sistem OpenCart dengan berbagai kombinasi teknologi web dan saat ini di versi yang paling stabilnya 3.0 telah menggunakan banyak sekali library yang perlu untuk diketahui oleh para developer. Lebih dari itu juga terdapat perubahan dalam interface pengguna meskipun tidak signifikan dari versi sebelumnya, 2.3.0.2.Secara sederhana, perubahan pada OpenCart 3.0 adalah sebagai berikut:1. Penggunaan Twig Template EngineTemplate engine ini telah banyak digunakan pada CMS…
Read More »Paket Jasa Pembuatan Website OpenCart (Review)
Paket Jasa Pembuatan Website OpenCart (Review)Sebagai pengusaha tentunya Anda harus jeli untuk memilih jasa pembuatan website toko online OpenCart. Anda sepenuhnya memiliki hak untuk memilih jasa layanan website mana yang Anda pilih. Namun tentu tiap pilihan ada alasan dibaliknya. Di internet Anda akan menemukan banyak jasa layanan pembuatan website toko online. Tentu saja Anda harus cermat memilih karena saya rasa pilihan yang paling tepat adalah yang paling sesuai dengan kebutuhan Anda. Ya, sesuai dengan kebutuhan Anda.Harga Website StandarSecara umum harga website yang paling basic dengan fitur yang minimal dapat dirinci sebagai berikut:Harga mulai Rp. 500.000,- hingga Rp. 800.000,-. Bahkan hingga jutaan/puluhan juta rupiah.Kapasitas penyimpanan mulai 500 Mb, Gratis Domain, Gratis Email Account, dsb.Mungkin Anda bertanya kenapa ada website yang sangat mahal? Tidak cukup jutaan bahkan puluhan juta rupiah? Asalannya sangat masuk akal.1. Domain dan HostingDomain secara gamblang adalah alamat website Anda. Kita sering kali menjumpai website dengan akhiran .com (dot com) yang menandai bahwa situs tersebut digunakan untuk penggunaan komersial. Alamat website dengan akhiran .com (commerce) relatif lebih mahal dibandingkan dengan alamat dengan akhir lain seperti .org, .sch.id, .net. Namun lebih terjangkau dibandingkan domain .id (personal dan perusahaan).Salah satu platform hosting dan domain yang paling favorit kami gunakan adalah Niagahoster.Web…
Read More »
Memilih Ekspedisi Pengiriman yang Tepat untuk Toko Online Anda
Memilih Ekspedisi Pengiriman yang Tepat untuk Toko Online AndaUntuk keperluan toko online, sangat penting untuk memilih ekspedisi pengiriman yang tepat untuk toko online tersebut. Karena ini menyangkut kenyamanan kustomer apalagi bagi mereka yang telah memiliki ekspedisi favorit. Sehingga kustomer lebih nyaman menggunakan suatu ekspedisi dibandingkan yang lainnya. Namun demikian, dari sisi penjual, mereka akan lebih mengutamakan delivery time atau cost atau fitur yang ditawarkan oleh sebuah ekspedisi. Misal ada jemput di rumah gratis, ada resi otomatis yang dikirimkan ke kustomer, dll. Dimana terkadang kebutuhan penjual sulit bertemu dengan keinginan pembeli. Aritkel ini akan membahas bagaimana cara mengkompromikannya.Memilih ekspedisi pengiriman untuk toko online harus dilakukan secara cermat, karena tidak semua ekspedisi berjalan dengan baik di semua daerah pengiriman. Bisa jadi suatu ekspedisi sangat baik di suatu daerah, namun berjalan buruk di daerah lainnya. Contoh, kita semua tahu JNE. Suatu hari seorang teman mengirimkan buku kepada kustomernya di suatu daerah di Jawa Tengah. Estimasi waktu sampai yang hanya beberapa hari, ternyata ngaret hingga 11 hari. Terang kustomernya mencak-mencak, :D.Ada beberapa hal yang bisa jadi pertimbangan untuk memilih ekspedisi pengiriman yang tepat untuk toko online.1. Luasnya jangkauan pengiriman dan Tarif LayananBisanya ini karena faktor skala perusahaan ekspedisi. Sering kali perusahaan yang lebih lama…
Read More »Ekstensi OpencartModul Cek Status Order OpenCart
Cek Resi / Order Tracking pada OpenCartFitur cek resi atau order tracking pada OpenCart Anda merupakan suatu hal yang penting jika Anda peduli dengan customer experience. Seperti halnya wanita, customer juga perlu kejelasan. hehe. Maksud saya adalah dengan memberikan fitur cek resi di OpenCart Anda, otomatis Anda website Anda akan lebih dipercaya oleh customer. Karena secara teknis Anda akan menunjukkan pelayanan Anda kepada customer. Dengan cara menyediakan halaman untuk mengetahui informasi pengiriman barang mereka.Fitur cek resi atau order tracking biasanya ada di marketplace maintstream seperti tokopedia, bukalapak dan tokopedia. Jarang diadakan pada toko online secara mandiri. Hal ini juga menjadi salah satu faktor kenapa tingkat kepercayaan customer pada toko online berbasis UKM cenderung lebih rendah. Karena sering kali tidak ada fitur yang menunjukkan “kepedulian” toko online kepada customer.Menambahkan Fitur Cek Resi / Order Tracking di OpenCart?Ada cara yang lebih mudah untuk hal ini, yakni dengan menggunakan ekstensi yang didesain secara khusus. Dan kabar baiknya tim HPWD telah merilis ekstensi OpenCart premium untuk fungsi cek resi atau order tracking pada OpenCart. Jika boleh kami rangkum, ekstensi ini memilki abilitas sebagai berikut:Management order statusTerdapat seting di halaman admin untuk menambahkan order status yang dipakai untuk proses bisnis dari pemesanan hingga selesai. Atau…
Read More »
