{"id":10345,"date":"2021-03-25T09:14:23","date_gmt":"2021-03-25T09:14:23","guid":{"rendered":"https:\/\/hosteko.com\/blog\/?p=10345"},"modified":"2021-03-25T09:14:23","modified_gmt":"2021-03-25T09:14:23","slug":"cara-elementor-pro-untuk-membuat-halaman-website","status":"publish","type":"post","link":"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website","title":{"rendered":"Cara Elementor Pro Untuk Membuat Halaman Website"},"content":{"rendered":"

Elementor<\/strong> adalah sebuah\u00a0plugin\u00a0untuk situs WordPress yang berfungsi untuk mendesain tampilan\u00a0website\u00a0dengan mudah dan tanpa pengetahuan\u00a0coding. Dengan Elementor Pro dapat mengubah atau membuat layout, header, footer, popup dan widget untuk website kamu.<\/p>\n

Elementor Pro menyediakan 300+ template yang dibuat oleh desainer website profesional. Selain itu\u00a0 juga dapat melakukan responsive editing untuk mengatur bagaimana website ditampilkan pada perangkat dengan ukuran layar yang berbeda seperti laptop, PC, smartphone dan tablet.<\/p>\n

Selain itu juga dapat mengakses WooCommerce Builder yang dapat digunakan untuk mempercantik tampilan dan meningkatkan fitur toko online.<\/p>\n

Hal yang Dapat Dilakukan Dengan Elementor Pro<\/strong><\/h2>\n

Seperti yang sudah disebutkan di atas, dapat menggunakan Elementor Pro untuk berbagai kustomisasi website :<\/p>\n

    \n
  • Mendesain layout website.<\/li>\n
  • Membuat tema website baru.<\/li>\n
  • Mengubah tampilan website dengan template.<\/li>\n
  • Memasang widget ke website.<\/li>\n
  • Mengkustomisasi toko WooCommerce.<\/li>\n
  • Menambahkan popup.<\/li>\n<\/ul>\n

    Dapat menggunakan Elementor Pro tanpa pengetahuan\u00a0coding sedikitpun. Selain itu juga akan mendapatkan akses ke fitur-fitur bermanfaat seperti pencarian (finder),\u00a0shortcut,\u00a0autosave,\u00a0revision history dan\u00a0dark mode.<\/p>\n

    Alasan Perlu Menggunakan Elementor Pro<\/strong><\/h2>\n

    \"\"<\/p>\n

    Selain menjadi salah satu\u00a0page builder\u00a0terbaik, ada beberapa alasan lainnya kenapa Elementor Pro layak untuk dipertimbangkan sebagai alat untuk mengembangkan website. Berikut merupakan beberapa alasan perlu menggunakan elemen pro, yaitu :<\/p>\n

      \n
    • Halaman\u00a0website yang dibuat dengan Elementor Pro memiliki kompleksitas yang sama dengan halaman website\u00a0yang dikembangkan dari nol menggunakan\u00a0software\u00a0pembuatan\u00a0landing page\u00a0dengan harga mahal.<\/li>\n
    • Fitur yang lengkap, sehingga tidak perlu menggunakan plugin\u00a0dan\u00a0tools\u00a0lain yang berhubungan dengan tampilan\u00a0website.<\/li>\n
    • Elementor terintegrasi dengan baik dengan alat\u00a0email marketing\u00a0seperti MailChimp dan ConvertKit.<\/li>\n
    • Developer\u00a0Elementor selalu memperbarui aplikasinya dengan fitur tambahan yang berguna untuk para penggunanya.<\/li>\n<\/ul>\n

      Hal yang Bisa di Buat dengan Elementor<\/span><\/strong><\/h2>\n

      Sebelumnya disebutkan, Elementor bisa dipakai untuk mendesain setiap halaman pada website. Berikut hal yang bisa dibuat dengan Elementor, yaitu :<\/p>\n

        \n
      • \n

        Landing pages<\/strong><\/h3>\n<\/li>\n<\/ul>\n

        Halaman khusus untuk mengajak pengunjung agar melakukan aksi tertentu. Entah itu dengan mengisi formulir, subscribe website, atau pun melakukan transaksi untuk produk atau layanan.<\/p>\n

          \n
        • \n

          Opt-in forms<\/strong><\/h3>\n<\/li>\n<\/ul>\n

          Formulir khusus yang disediakan untuk pengunjung. Dengan mengisi nama dan alamat email, pengunjung bisa mendapatkan akses konten premium atau langganan website. Bisa letakkan opt-in forms di mana saja yang diinginkan : idebars, header, footer, atau di konten itu sendiri.<\/p>\n

            \n
          • \n

            Widget<\/strong><\/h3>\n<\/li>\n<\/ul>\n

            Berbagai elemen tambahan untuk melengkapi fungsi halaman. Semisal, login form, rekomendasi konten sejenis, peta, dan sebagainya.<\/p>\n

              \n
            • \n

              Pop-up<\/strong><\/h3>\n<\/li>\n<\/ul>\n

              Pesan atau iklan promosi yang muncul secara tiba-tiba ketika membuka website.<\/p>\n

                \n
              • \n

                Custom header and footer<\/strong><\/h3>\n<\/li>\n<\/ul>\n

                Elemen yang berisi identitas dan informasi spesifik seputar website. Terletak di bagian atas web (header) dan paling bawah (footer).<\/p>\n

                  \n
                • \n

                  Custom post types<\/strong><\/h3>\n<\/li>\n<\/ul>\n

                  Pada dasarnya merupakan halaman konten biasa. Dengan Elementor, halaman konten tersebut bisa disesuaikan tampilannya menurut keinginan.<\/p>\n

                    \n
                  • \n

                    Global widgets<\/strong><\/h3>\n<\/li>\n<\/ul>\n

                    Widget yang bisa didesain sekali dan digunakan pada bagian-bagian web sekaligus.<\/p>\n

                    Cara Menggunakan Elementor Pro<\/strong><\/h2>\n

                    Setelah cukup familiar dengan berbagai fitur dan bagiannya, kini saatnya belajar bagaimana cara menggunakan Elementor. Di bagian ini, setidaknya akan mengetahui tiga hal.<\/p>\n

                    1. Cara Menginstall Elementor<\/span><\/strong><\/h3>\n

                    Langkah pertama yang perlu dilakukan adalah mengunduh dan mengaktifkan plugin\u00a0Elementor. Begini caranya:<\/p>\n

                      \n
                    • Login ke\u00a0control panel website.<\/li>\n
                    • Pada\u00a0dashboard\u00a0WordPress, pilih menu\u00a0plugin.<\/li>\n
                    • Kemudian pilih\u00a0add new<\/strong>.<\/li>\n
                    • Lakukan pencarian dengan kata kunci \u201cElementor<\/strong>\u201d.<\/li>\n
                    • Klik\u00a0install<\/strong>.<\/li>\n
                    • Kemudian klik\u00a0activate<\/strong>.<\/li>\n<\/ul>\n

                      \"\"<\/p>\n

                      Setelah berhasil mengaktifkan\u00a0plugin\u00a0Elementor, mari coba membuat sebuah halaman dengan\u00a0page builder\u00a0dari Elementor dengan langkah berikut.<\/p>\n

                        \n
                      • Pilih menu\u00a0Pages<\/strong>, kemudian klik\u00a0Add New<\/strong>.<\/li>\n<\/ul>\n

                        \"\"<\/p>\n

                          \n
                        • Pilih\u00a0Edit With Elementor.
                          \n<\/em><\/li>\n<\/ul>\n

                          \"\"<\/p>\n

                            \n
                          • Akan melihat tampilan Elementor editor\u00a0seperti di bawah ini :
                            \n<\/em><\/li>\n<\/ul>\n

                            \"\"<\/p>\n

                            Dari sini dapat mengeksplorasi fitur-fitur yang disediakan oleh Elementor. Tombol yang berada di panel\u00a0sebelah kiri layar adalah elemen-elemen yang dapat digunakan untuk menata layout website. Mari membahas lebih lanjut kegunaan masing-masing elemennya.<\/p>\n

                              \n
                            • \n

                              Menambahkan Headings atau Judul di Elementor<\/strong><\/h3>\n<\/li>\n<\/ul>\n

                              \"\"<\/p>\n

                              Jika ingin menambahkan heading\u00a0ke sebuah halaman\u00a0website, dapat menggunakan fitur Heading\u00a0dengan cara\u00a0drag-and-drop\u00a0ke bagian halaman\u00a0website\u00a0yang diinginkan.<\/p>\n

                                \n
                              • \n

                                Menambahkan teks di Elementor<\/strong><\/h3>\n<\/li>\n<\/ul>\n

                                \"\"<\/p>\n

                                Untuk menambahkan teks pada Elementor dapat memilih widget\u00a0Text Editor dan\u00a0drag ke bagian halaman website\u00a0yang diinginkan.<\/p>\n

                                  \n
                                • \n

                                  Menambahkan Gambar<\/strong><\/h3>\n<\/li>\n<\/ul>\n

                                  Untuk menambahkan gambar, pilih\u00a0widget Image. Setelah menarik tombol Image ke halaman\u00a0website dapat memilih gambar yang ingin digunakan. Tampilannya akan terlihat seperti ini :<\/p>\n

                                  \"\"<\/p>\n

                                  Di bagian ini perlu mengunggah gambar yang diinginkan. Selain itu juga dapat mengatur ukuran, caption\u00a0dan posisi gambar dengan bebas.<\/p>\n

                                  2. Cara Mendesain Menggunakan Template<\/span><\/strong><\/h3>\n

                                  Seketika plugin aktif bisa melihat menu Elementor di Dashboard. Selain itu, tombol Edit with Elementor\u00a0<\/strong>akan muncul di setiap halaman website. Untuk mengedit halaman, tinggal klik tombol tersebut. Kemudian akan dibawa ke halaman khusus desain.<\/p>\n

                                  \"\"<\/p>\n

                                  Perhatikan bagian sebelah kanan dari side panel. Di bagian itulah bisa mengubah tampilan dan menambahkan fitur-fitur yang diinginkan.<\/p>\n

                                  \"\"<\/p>\n

                                  Untuk buat halaman dari template, tekan tombol bergambar folder.<\/p>\n

                                  \"\"<\/p>\n

                                  Selanjutnya akan menemukan halaman khusus berisi templates. Ada templates berupa blocks\u00a0atau susunan untuk teks pada halaman. Lalu ada juga Pages, yaitu template untuk keseluruhan halaman.<\/p>\n

                                  Ketika sudah menemukan desain yang diinginkan, klik tombol\u00a0Insert\u00a0<\/strong>di bawah desain.<\/p>\n

                                  \"\"<\/p>\n

                                  Desain yang dimaksud akan muncul ke halaman yang diinginkan. Sekarang cukup ubah isinya. Bisa juga menambahkan elemen pada bagian-bagian yang dirasa perlu.<\/p>\n

                                  Setelah kustomisasi dirasa cukup, bisa simpan desain yang sudah dibuat. Cukup klik tombol panah kecil di samping kanan tombol Publish. Kemudian klik Save Draft.\u00a0<\/strong><\/p>\n

                                  Bisa juga klik\u00a0Save as Template\u00a0<\/strong>untuk jadikan desain sebagai template. Cara ini membuat tidak perlu lagi mendesain ulang tampilan yang persis ke halaman lainnya. Cukup load template dan sesuaikan konten dengan mudah.<\/p>\n

                                  3. Cara Mendesain dari Nol<\/span><\/strong><\/h3>\n

                                  Untuk mendesain halaman dari kanvas kosong, klik tombol\u00a0+\u00a0<\/strong>di sebelah kiri.<\/p>\n

                                  \"\"<\/p>\n

                                  Tombol ini akan mengarahkan ke pilihan structure halaman.<\/p>\n

                                  \"\"<\/p>\n

                                  Setelah memilih structure yang cocok, halaman akan diisi dengan outline atau section. Dalam section ini bisa tambahkan elemen-elemen yang ada di library.<\/p>\n

                                  Ketika proses desain selesai, bisa Save Draft<\/strong>,\u00a0Save as Template<\/strong>, atau\u00a0Publish.<\/strong><\/p>\n

                                  Perbandingan Fitur Elementor Free dengan Elementor Pro<\/strong><\/h2>\n

                                  Elementor Pro adalah versi berbayar, sedangkan versi gratisannya bisa dicari di install new plugin dalam dashboard wp login. Berikut perbandingan fitur antara Elementor Free dengan Elementor Pro, yaitu :<\/p>\n

                                  \"\"<\/p>\n

                                  Fitur Elementor Pro<\/strong><\/h3>\n

                                  Selain tambahan template yang keren, Elementor Pro juga memberikan widget yang beraneka ragam kerennya. Bisa melihat perbedaan fitur widget Elementor Free dengan yang versi berbayar, Elementor Pro.<\/p>\n

                                  \"\"<\/p>\n

                                  \"\"<\/p>\n

                                  Kelebihan dan Kekurangan Elementor<\/span><\/strong><\/h2>\n

                                  \"\"<\/p>\n

                                    \n
                                  • \n

                                    Kelebihan Elementor Page Builder<\/span><\/strong><\/h3>\n<\/li>\n<\/ul>\n

                                    Sebagai plugin tambahan WordPress, Elementor menawarkan banyak sekali kelebihan. Setidaknya inilah yang dirasakan ketika menggunakan Elementor untuk mendesain website :<\/p>\n

                                      \n
                                    • \n
                                        \n
                                      • Fitur lengkap dan sangat mudah digunakan.<\/li>\n
                                      • Terdapat banyak sekali elemen untuk ditambahkan di halaman web. Mulai dari fitur-fitur sederhana seperti teks, heading, gambar, spacer, dan sebagainya. Tetapi ada juga elemen yang lebih\u00a0advance\u00a0seperti tabs, menu anchor, accordion, toggle, dll.<\/li>\n
                                      • Bisa mengubah tampilan dengan bebas. Bahkan bisa tambahkan detail yang tidak tersedia di tema WordPress.<\/li>\n
                                      • Lihat perubahan tampilan secara\u00a0real-time.<\/li>\n
                                      • Terdapat opsi untuk kustomisasi tampilan di tiga jenis layar berbeda: dekstop, tablet dan mobile.<\/li>\n
                                      • Setiap perubahan yang dilakukan di halaman terekam dengan baik. Bisa mengembalikan tampilan ke versi sebelum dengan sekali klik.<\/li>\n
                                      • Fitur yang ditawarkan untuk versi gratis sudah sangat lengkap. Apalagi dibandingkan dengan plugin page builder lainnya.<\/li>\n<\/ul>\n<\/li>\n
                                      • \n

                                        Kekurangan Elementor Page Builder<\/span><\/strong><\/h3>\n<\/li>\n<\/ul>\n
                                          \n
                                        • \n
                                            \n
                                          • Elementor tidak membolehkan melakukan kustomisasi tampilan URL.<\/li>\n
                                          • Terkadang tampilan font dan teks tidak sinkron.<\/li>\n
                                          • Fitur-fitur penting sekelas Mailchimp, Confirmation Email, Hubspot dan sebagainya hanya tersedia dalam versi Pro.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n
                                            \n \n
                                            \n \n
                                            \n
                                            \n \n\n
                                            <\/div>\n <\/div>\n
                                            \n \n\n
                                            <\/div>\n <\/div>\n
                                            \n \n\n
                                            <\/div>\n <\/div>\n
                                            \n \n\n
                                            <\/div>\n <\/div>\n
                                            \n \n\n
                                            <\/div>\n <\/div>\n <\/div>\n \n
                                            \n
                                            \n \n\n
                                            <\/div>\n <\/div>\n
                                            \n \n\n
                                            <\/div>\n <\/div>\n
                                            \n \n\n
                                            <\/div>\n <\/div>\n
                                            \n \n\n
                                            <\/div>\n <\/div>\n
                                            \n \n\n
                                            <\/div>\n <\/div>\n <\/div>\n<\/div>\n \n\n
                                            \n 5\/5 - (2 votes) <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"

                                            Elementor adalah sebuah\u00a0plugin\u00a0untuk situs WordPress yang berfungsi untuk mendesain tampilan\u00a0website\u00a0dengan mudah dan tanpa pengetahuan\u00a0coding. Dengan Elementor Pro dapat mengubah atau membuat layout, header, footer, popup dan widget untuk website kamu. Elementor Pro menyediakan 300+ template yang dibuat oleh desainer website profesional. Selain itu\u00a0 juga dapat melakukan responsive editing untuk mengatur bagaimana website ditampilkan pada perangkat […]<\/p>\n","protected":false},"author":7,"featured_media":10369,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_2392824914_2392824914":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[3,153,20,8],"tags":[3572,3574,3570,3569,3573,3571,3577,3576,3575],"class_list":["post-10345","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-pengetahuan-umum","category-tips","category-wordpress","tag-alasan-perlu-menggunakan-elementor-pro","tag-cara-menggunakan-elementor-pro","tag-elementor-adalah","tag-elementor-pro-gratis","tag-hal-yang-bisa-dibuat-dengan-elementor-pro","tag-hal-yang-dapat-dilakukan-elementor-pro","tag-kekurangan-elementor","tag-kelebihan-elementor","tag-perbandingan-fitur-elementor-free-dengan-elementor-pro"],"featured_image_src":{"landsacpe":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/03\/Cara-Elementor-Pro-Untuk-Membuat-Halaman-Website-1-1140x445.png",1140,445,true],"list":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/03\/Cara-Elementor-Pro-Untuk-Membuat-Halaman-Website-1-463x348.png",463,348,true],"medium":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/03\/Cara-Elementor-Pro-Untuk-Membuat-Halaman-Website-1-300x169.png",300,169,true],"full":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/03\/Cara-Elementor-Pro-Untuk-Membuat-Halaman-Website-1.png",1920,1080,false]},"yoast_head":"\nCara Elementor Pro Untuk Membuat Halaman Website - Hosteko Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Elementor Pro Untuk Membuat Halaman Website - Hosteko Blog\" \/>\n<meta property=\"og:description\" content=\"Elementor adalah sebuah\u00a0plugin\u00a0untuk situs WordPress yang berfungsi untuk mendesain tampilan\u00a0website\u00a0dengan mudah dan tanpa pengetahuan\u00a0coding. Dengan Elementor Pro dapat mengubah atau membuat layout, header, footer, popup dan widget untuk website kamu. Elementor Pro menyediakan 300+ template yang dibuat oleh desainer website profesional. Selain itu\u00a0 juga dapat melakukan responsive editing untuk mengatur bagaimana website ditampilkan pada perangkat […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website\" \/>\n<meta property=\"og:site_name\" content=\"Hosteko Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-25T09:14:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/03\/Cara-Elementor-Pro-Untuk-Membuat-Halaman-Website-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Risa Y\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Risa Y\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website\"},\"author\":{\"name\":\"Risa Y\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b\"},\"headline\":\"Cara Elementor Pro Untuk Membuat Halaman Website\",\"datePublished\":\"2021-03-25T09:14:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website\"},\"wordCount\":1150,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/03\/Cara-Elementor-Pro-Untuk-Membuat-Halaman-Website-1.png\",\"keywords\":[\"alasan perlu menggunakan elementor pro\",\"cara menggunakan elementor pro\",\"elementor adalah\",\"elementor pro gratis\",\"hal yang bisa dibuat dengan elementor pro\",\"hal yang dapat dilakukan elementor pro\",\"kekurangan elementor\",\"kelebihan elementor\",\"perbandingan fitur elementor free dengan elementor pro\"],\"articleSection\":[\"Blog\",\"pengetahuan umum\",\"Tips\",\"Wordpress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website\",\"url\":\"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website\",\"name\":\"Cara Elementor Pro Untuk Membuat Halaman Website - Hosteko Blog\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/03\/Cara-Elementor-Pro-Untuk-Membuat-Halaman-Website-1.png\",\"datePublished\":\"2021-03-25T09:14:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website#primaryimage\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/03\/Cara-Elementor-Pro-Untuk-Membuat-Halaman-Website-1.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/03\/Cara-Elementor-Pro-Untuk-Membuat-Halaman-Website-1.png\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosteko.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Elementor Pro Untuk Membuat Halaman Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosteko.com\/blog\/#website\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"name\":\"Hosteko Blog\",\"description\":\"Berita & Informasi Dunia IT\",\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosteko.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\",\"name\":\"HOSTEKO\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"width\":195,\"height\":57,\"caption\":\"HOSTEKO\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b\",\"name\":\"Risa Y\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g\",\"caption\":\"Risa Y\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Elementor Pro Untuk Membuat Halaman Website - Hosteko Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website","og_locale":"en_US","og_type":"article","og_title":"Cara Elementor Pro Untuk Membuat Halaman Website - Hosteko Blog","og_description":"Elementor adalah sebuah\u00a0plugin\u00a0untuk situs WordPress yang berfungsi untuk mendesain tampilan\u00a0website\u00a0dengan mudah dan tanpa pengetahuan\u00a0coding. Dengan Elementor Pro dapat mengubah atau membuat layout, header, footer, popup dan widget untuk website kamu. Elementor Pro menyediakan 300+ template yang dibuat oleh desainer website profesional. Selain itu\u00a0 juga dapat melakukan responsive editing untuk mengatur bagaimana website ditampilkan pada perangkat […]","og_url":"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website","og_site_name":"Hosteko Blog","article_published_time":"2021-03-25T09:14:23+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/03\/Cara-Elementor-Pro-Untuk-Membuat-Halaman-Website-1.png","type":"image\/png"}],"author":"Risa Y","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Risa Y","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website#article","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website"},"author":{"name":"Risa Y","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b"},"headline":"Cara Elementor Pro Untuk Membuat Halaman Website","datePublished":"2021-03-25T09:14:23+00:00","mainEntityOfPage":{"@id":"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website"},"wordCount":1150,"commentCount":0,"publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"image":{"@id":"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/03\/Cara-Elementor-Pro-Untuk-Membuat-Halaman-Website-1.png","keywords":["alasan perlu menggunakan elementor pro","cara menggunakan elementor pro","elementor adalah","elementor pro gratis","hal yang bisa dibuat dengan elementor pro","hal yang dapat dilakukan elementor pro","kekurangan elementor","kelebihan elementor","perbandingan fitur elementor free dengan elementor pro"],"articleSection":["Blog","pengetahuan umum","Tips","Wordpress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website","url":"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website","name":"Cara Elementor Pro Untuk Membuat Halaman Website - Hosteko Blog","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website#primaryimage"},"image":{"@id":"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/03\/Cara-Elementor-Pro-Untuk-Membuat-Halaman-Website-1.png","datePublished":"2021-03-25T09:14:23+00:00","breadcrumb":{"@id":"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website#primaryimage","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/03\/Cara-Elementor-Pro-Untuk-Membuat-Halaman-Website-1.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/03\/Cara-Elementor-Pro-Untuk-Membuat-Halaman-Website-1.png","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/hosteko.com\/blog\/cara-elementor-pro-untuk-membuat-halaman-website#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosteko.com\/blog"},{"@type":"ListItem","position":2,"name":"Cara Elementor Pro Untuk Membuat Halaman Website"}]},{"@type":"WebSite","@id":"https:\/\/hosteko.com\/blog\/#website","url":"https:\/\/hosteko.com\/blog\/","name":"Hosteko Blog","description":"Berita & Informasi Dunia IT","publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosteko.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hosteko.com\/blog\/#organization","name":"HOSTEKO","url":"https:\/\/hosteko.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","width":195,"height":57,"caption":"HOSTEKO"},"image":{"@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/c1d3dbd7c27bd3574f8c7042165a660b","name":"Risa Y","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7eac241dffbc583c56ba1ff19703f5623dab2b6a88bbb0583e815230564dac5e?s=96&d=mm&r=g","caption":"Risa Y"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2021\/03\/Cara-Elementor-Pro-Untuk-Membuat-Halaman-Website-1.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/10345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/comments?post=10345"}],"version-history":[{"count":1,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/10345\/revisions"}],"predecessor-version":[{"id":10370,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/10345\/revisions\/10370"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media\/10369"}],"wp:attachment":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media?parent=10345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/categories?post=10345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/tags?post=10345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}