{"id":7439,"date":"2025-10-23T10:35:06","date_gmt":"2025-10-23T03:35:06","guid":{"rendered":"https:\/\/labamu.co.id\/help-center\/create-an-invoice\/"},"modified":"2025-10-27T12:10:22","modified_gmt":"2025-10-27T05:10:22","slug":"create-an-invoice","status":"publish","type":"help-center","link":"https:\/\/labamu.co.id\/en\/help-center\/create-an-invoice\/","title":{"rendered":"Create an Invoice"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7439\" class=\"elementor elementor-7439 elementor-7079\" data-elementor-post-type=\"help-center\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3900da89 e-flex e-con-boxed e-con e-parent\" data-id=\"3900da89\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-68fd60ce e-con-full e-flex e-con e-child\" data-id=\"68fd60ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-56ae33 e-con-full e-flex e-con e-child\" data-id=\"56ae33\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-471a7765 elementor-widget elementor-widget-heading\" data-id=\"471a7765\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hello, how can we help you?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77bd44e elementor-widget elementor-widget-shortcode\" data-id=\"77bd44e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <style>\n        .hc-search {\n            padding: 20px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n        \n        .hc-search-box {\n            position: relative;\n            width: 100%;\n            max-width: 1000px;\n        }\n        \n        .hc-search-box input[type=\"text\"] {\n            width: 100%;\n            padding: 20px 200px 20px 60px;\n            border: none;\n            border-radius: 50px;\n            font-size: 16px;\n            background: #fff;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n            outline: none;\n            color: #333;\n        }\n        \n        .hc-search-box input[type=\"text\"]::placeholder {\n            color: #666;\n        }\n        \n        .hc-search-box .search-icon {\n            position: absolute;\n            left: 18px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: #666;\n            font-size: 18px;\n            pointer-events: none;\n        }\n        \n        .hc-search-box button {\n            position: absolute;\n            right: 5px;\n            top: 50%;\n            transform: translateY(-50%);\n            background: transparent;\n            border: none;\n            padding: 15px 20px;\n            cursor: pointer;\n            color: #666;\n            font-size: 16px;\n        }\n        \n        .hc-search-box button:hover {\n            color: #5C3E9C;\n        }\n    <\/style>\n    \n    <div class=\"hc-search\">\n        <form method=\"get\" action=\"https:\/\/labamu.co.id\/en\/en\/help-center\/?lang=en\">\n            <input type=\"hidden\" name=\"parent\" value=\"42\">\n            <!-- Sertakan lang juga agar WPML tidak mengubah bahasa -->\n            <input type=\"hidden\" name=\"lang\" value=\"en\">\n            <div class=\"hc-search-box\">\n                <span class=\"search-icon\">\ud83d\udd0d<\/span>\n                <input type=\"text\" name=\"keyword\" placeholder=\"Search in Help Center...\" value=\"\">\n            <\/div>\n        <\/form>\n    <\/div>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77f2d326 e-flex e-con-boxed e-con e-parent\" data-id=\"77f2d326\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1f5c4108 e-grid e-con-full e-con e-child\" data-id=\"1f5c4108\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7996ba15 elementor-widget elementor-widget-shortcode\" data-id=\"7996ba15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n        \/* Sidebar categories *\/\n        .hc-categories h3 {\n            margin: 0 0 16px;\n            font-size: 28px;\n            font-weight: 700;\n            color: #111827;\n        }\n        .hc-categories ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }\n        .hc-categories li { margin: 0; }\n        .hc-categories a {\n            display: inline-block;\n            padding: 10px 14px;\n            border-radius: 12px;\n            background: #F8FAFF;\n            border: 1px solid #EEF2FF;\n            color: #111827;\n            text-decoration: none;\n            font-weight: 500;\n            box-shadow: 0 2px 10px rgba(17, 24, 39, 0.04);\n            transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n        }\n        .hc-categories a:hover { background: #EEF2FF; box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); transform: translateY(-1px); }\n    <\/style>\n        <div class=\"hc-categories\">\n        <h3>Kategori<\/h3>\n        <ul>\n                            <li>\n                <a href=\"https:\/\/labamu.co.id\/en\/help-center\/?hc_cat=195&#038;parent=42\">\n                        Invoice (1)\n                    <\/a>\n                <\/li>\n                            <li>\n                <a href=\"https:\/\/labamu.co.id\/en\/help-center\/?hc_cat=193&#038;parent=42\">\n                        Order Management (1)\n                    <\/a>\n                <\/li>\n                    <\/ul>\n    <\/div>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-307a22b4 e-con-full e-flex e-con e-child\" data-id=\"307a22b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70e4b11f elementor-widget elementor-widget-page-title\" data-id=\"70e4b11f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"page-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\n\t\t<div class=\"hfe-page-title hfe-page-title-wrapper elementor-widget-heading\">\n\n\t\t\t\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\n\t\t\t\t\t\t\t\t\n\t\t\t\tCreate an Invoice  \n\t\t\t<\/h2 > \n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-124069e7 elementor-widget elementor-widget-text-editor\" data-id=\"124069e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-762ac46 elementor-widget elementor-widget-text-editor\" data-id=\"762ac46\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\"><p class=\"p1\">The Invoice feature allows users to create, send, and monitor invoices for their products and services, thereby helping to improve cash flow management and customer interactions.<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b7c49b7 elementor-widget elementor-widget-heading\" data-id=\"3b7c49b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Feature Eligibility:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ffc8734 elementor-widget elementor-widget-text-editor\" data-id=\"1ffc8734\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-762ac46 elementor-widget elementor-widget-text-editor\" data-id=\"762ac46\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\"><ol><li class=\"p1\"><p class=\"p1\">Users with a Basic membership can only create invoice transactions with full payment.<\/p><\/li><li class=\"p1\"><p class=\"p1\">Users with Premium and Pro memberships can create invoice transactions with installment payments or custom payments.<\/p><\/li><\/ol><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fdb91c0 elementor-widget elementor-widget-heading\" data-id=\"6fdb91c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Users:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63a5bd45 elementor-widget elementor-widget-text-editor\" data-id=\"63a5bd45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-762ac46 elementor-widget elementor-widget-text-editor\" data-id=\"762ac46\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\"><ul><li><p class=\"p1\"><b>Franchise Model Account<\/b><b><\/b><\/p><\/li><li><p class=\"p1\"><b>Employee Account<\/b><b><\/b><\/p><p class=\"p2\">Can only access the Invoice feature if the Owner grants access permission.<\/p><\/li><\/ul><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d113d99 elementor-widget elementor-widget-heading\" data-id=\"5d113d99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to Access<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3fdfa3 elementor-widget elementor-widget-text-editor\" data-id=\"d3fdfa3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-762ac46 elementor-widget elementor-widget-text-editor\" data-id=\"762ac46\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\"><p class=\"p1\"><b>Access the Invoice Feature<\/b><b><\/b><\/p><ul><li><p class=\"p1\">Users can access the Invoice page directly, or<\/p><\/li><li><p class=\"p1\">Create a new transaction by clicking the Quick Action button labeled \u201c+ Create Transaction\u201d<\/p><\/li><\/ul><p class=\"p1\"><b>Steps to Create an Invoice:<\/b><b><\/b><\/p><ol start=\"1\"><li><p class=\"p1\">Select Invoice Date (Required)<br><span class=\"s1\"><\/span><\/p><\/li><li><p class=\"p1\">Select Invoice Due Date (Required)<br><span class=\"s1\"><\/span><\/p><\/li><li><p class=\"p1\">Select Customer (Required)<br><span class=\"s1\"><\/span><\/p><ul><li><p class=\"p1\">Users can select a customer from the list of available customers, or<\/p><\/li><li><p class=\"p1\">Create a new customer by clicking the + button on the customer card.<\/p><\/li><\/ul><\/li><li><p class=\"p1\"><b>Select Product<\/b><b><\/b><\/p><ul><li><p class=\"p1\">Users can search for products from their product catalog, or<\/p><\/li><li><p class=\"p1\">Create a new product by clicking the + button on the product card.<\/p><\/li><\/ul><\/li><li><p class=\"p1\">Click the Confirm Product button to proceed to invoice creation.<\/p><\/li><\/ol><p class=\"p1\"><b>Additional Options on Invoice:<\/b><b><\/b><\/p><ul><li><p class=\"p1\">Users can add Transaction Discounts to customer invoices.<\/p><ul><li><p class=\"p1\">Select the discount type: percentage or nominal (amount)<\/p><\/li><\/ul><\/li><li><p class=\"p1\">Users can add Shipping Fee to the invoice.<\/p><ul><li><p class=\"p1\">Note: Shipping costs are not calculated in the Transaction Discount.<\/p><\/li><\/ul><\/li><\/ul><p class=\"p1\"><b>Payment Term Options:<\/b><b><\/b><\/p><ul><li><p class=\"p1\">Users can activate the Payment Term option if the transaction value is above IDR 100,000 (excluding shipping costs)<br><span class=\"s1\"><\/span><\/p><\/li><li><p class=\"p1\">Types of payment terms to choose from:<\/p><ul><li><p class=\"p1\"><b>Full Payment<\/b><b><\/b><\/p><\/li><li><p class=\"p1\"><b>Installment<\/b><b><\/b><\/p><\/li><li><p class=\"p1\"><b>Custom Term (Custom Term of Payment)<\/b><\/p><\/li><\/ul><\/li><\/ul><p class=\"p1\"><b>Invoice Delivery:<\/b><b><\/b><\/p><ul><li style=\"list-style-type: none;\"><ul><li><p class=\"p1\">Users can send invoices by clicking the Send Invoice button<br><span class=\"s1\"><\/span><\/p><\/li><li><p class=\"p1\">The system will automatically send an invoice along with a payment link to the customer.<\/p><\/li><\/ul><\/li><\/ul><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4486a0b9 elementor-widget elementor-widget-heading\" data-id=\"4486a0b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Positive Use Cases <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b665cee elementor-widget elementor-widget-text-editor\" data-id=\"b665cee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-762ac46 elementor-widget elementor-widget-text-editor\" data-id=\"762ac46\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\"><p class=\"p1\"><b>Use Flow<\/b><b><\/b><\/p><ol start=\"1\"><li><p class=\"p1\"><b>User creates invoice<\/b><b><\/b><\/p><p class=\"p2\">Labamu users create new invoices through the Invoice feature by filling in customer data, product data, and transaction details.<\/p><\/li><li><p class=\"p1\"><b>User sends invoice to customer<\/b><b><\/b><\/p><p class=\"p2\">Once an invoice is created, the user submits it through the Labamu system.<\/p><\/li><li><p class=\"p1\"><b>Customers receive notifications from WhatsApp Labamu<\/b><b><\/b><\/p><p class=\"p2\">Customers will receive an invoice notification via Labamu&#8217;s official WhatsApp, containing information and a link to view the invoice.<\/p><\/li><li><p class=\"p1\"><b>Customers access the Invoice Microsite<\/b><b><\/b><\/p><p class=\"p2\">Customers can open the Invoice Microsite by clicking on the link (URL link) received on WhatsApp.<\/p><\/li><li><p class=\"p1\"><b>Customers view transaction details<\/b><b><\/b><\/p><p class=\"p2\">On the Microsite page, customers can view complete invoice details, including products, prices, and total payment.<\/p><\/li><li><p class=\"p1\"><b>Customers can reject invoices<\/b><b><\/b><\/p><p class=\"p2\">If there is a discrepancy, the customer can reject the invoice by clicking the \u201cReject Invoice\u201d button.<\/p><\/li><li><p class=\"p1\"><b>Customers can make payments<\/b><b><\/b><\/p><p class=\"p2\">If the customer approves the invoice, they can proceed with payment and select their preferred payment method.<\/p><\/li><li><p class=\"p1\"><b>Users receive invoice status notifications<\/b><b><\/b><\/p><p class=\"p2\">Labamu users will receive invoice status update notifications from customers, such as approved, rejected, or paid.<\/p><\/li><\/ol><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e1db1ba e-flex e-con-boxed e-con e-parent\" data-id=\"7e1db1ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-72bea7b9 e-con-full e-flex e-con e-child\" data-id=\"72bea7b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-691baec elementor-widget elementor-widget-heading\" data-id=\"691baec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Recommended Help For You<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d2af846 e-flex e-con-boxed e-con e-parent\" data-id=\"2d2af846\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a95d9bd elementor-widget elementor-widget-html\" data-id=\"a95d9bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\/* Wrapper *\/\n    .post-grid-wrapper {\n      max-width: 1200px;\n      margin: 0 auto;\n      font-family: sans-serif;\n    }\n    \n    \/* Dropdown + search *\/\n    .post-filter {\n     margin-bottom: 20px;\n     display: flex;\n     justify-content: space-between; \/* kiri - kanan *\/\n     align-items: center;\n     flex-wrap: wrap; \/* biar turun ke bawah di layar kecil *\/\n     gap: 20px;\n    }\n  \n    .filter-left,\n    .filter-right {\n     display: inline-flex;\n     align-items: center;\n     gap: 8px;\n    }\n  \n    .post-filter label {\n     font-size: 0.95rem;\n     margin: 0;\n     color: #333;\n     white-space: nowrap;\n    }\n  \n    .post-filter select,\n    .search-wrapper input {\n     padding: 8px 12px;\n     border-radius: 6px;\n     border: 1px solid #ccc;\n     font-size: 1rem;\n    }\n  \n    .search-wrapper {\n     position: relative;\n     display: inline-flex;\n     align-items: center;\n    }\n    .search-wrapper input {\n     padding-right: 30px;\n    }\n    .search-wrapper .search-icon {\n     position: absolute;\n     right: 8px;\n     top: 50%;\n     transform: translateY(-50%);\n     color: #666;\n     font-size: 0.9rem;\n    }\n    \n    \/* Grid layout *\/\n    .post-grid {\n      --gap: 20px;\n      display: grid;\n      gap: var(--gap);\n      grid-template-columns: repeat(1, 1fr);\n    }\n    @media (min-width: 600px) {\n      .post-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n    @media (min-width: 960px) {\n      .post-grid { grid-template-columns: repeat(4, 1fr); }\n    }\n    \n    \/* Card style *\/\n    .post-card {\n      background: #fff;\n      border-radius: 12px;\n      overflow: hidden;\n      display: flex;\n      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);\n      flex-direction: column;\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n    .post-card:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n    }\n    .post-card img {\n      width: 100%;\n      aspect-ratio: 16\/9;\n      object-fit: cover;\n      display: block;\n    }\n    .post-card .card-body {\n      padding: 18px;\n      text-align: center;\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n    .post-card h3 {\n        margin: 0;\n        font-size: 1.2rem;\n        font-weight: 600;\n        color: #111;\n  \n        display: -webkit-box;\n        -webkit-line-clamp: 2;   \/* maksimal 2 baris *\/\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    .post-card .excerpt {\n      font-size: 0.95rem;\n      color: #444;\n      flex-grow: 1;\n    }\n  \n    \/* Read More & Download *\/\n    .post-card .readmore {\n      display: flex;\n      justify-content: center;\n      gap: 10px;\n    }\n    .post-card .readmore a {\n      display: inline-block;\n      padding: 10px 20px;\n      border: 1px solid #ccc;\n      border-radius: 6px;\n      text-decoration: none;\n      font-size: 0.9rem;\n      transition: background 0.2s, color 0.2s, border-color 0.2s;\n    }\n    .post-card .readmore a:first-child {\n      background: #fff;\n      color: #111;\n    }\n    .post-card .readmore a:first-child:hover {\n      background: #006bff;\n      color: #fff;\n      border-color: #006bff;\n    }\n    .post-card .readmore .btn-download {\n      background: #006bff;\n      color: #fff;\n      border-color: #006bff;\n    }\n    \n    .loading, .error {\n      text-align: center;\n      padding: 20px;\n      color: #666;\n    }\n  <\/style><div class=\"post-grid-wrapper\" style=\"text-align: center; \"><!-- Grid --><div id=\"postGrid\"><div class=\"loading\">Loading posts...<\/div><\/div><\/div><script>(function(){\n      const gridContainer = document.getElementById(\"postGrid\");\n      const filterSelect = document.getElementById(\"categoryFilter\");\n      const searchBox = document.getElementById(\"searchBox\");\n    \n      const baseUrl = \"\/wp-json\/wp\/v2\";\n      const postsPerPage = 3;\n    \n      \/\/ helper: strip HTML\n      function stripHtml(html){\n        const tmp = document.createElement(\"div\");\n        tmp.innerHTML = html;\n        return tmp.textContent || tmp.innerText || \"\";\n      }\n      function truncate(str, n){\n        return str.length > n ? str.slice(0, n).trim() + \"\u2026\" : str;\n      }\n    \n      \/\/ Fetch posts\n      async function loadPosts(catId = \"\", searchTerm = \"\") {\n        gridContainer.innerHTML = '<div class=\"loading\">Loading posts...<\/div>';\n    \n        let url = `${baseUrl}\/help-center?per_page=4&_embed`;\n    \n        \/\/ filter by category\n        if (catId) {\n          url += `&categories=${catId}`;\n        } else {\n          try {\n            const resCats = await fetch(`${baseUrl}\/categories?parent=42&per_page=4`);\n            const cats = await resCats.json();\n            const ids = cats.map(c => c.id).join(\",\");\n            if (ids) url += `&categories=${ids}`;\n          } catch (err) {\n            gridContainer.innerHTML = `<div class=\"error\">Gagal load kategori: ${err.message}<\/div>`;\n            return;\n          }\n        }\n    \n        \/\/ filter by search\n        if (searchTerm) {\n          url += `&search=${encodeURIComponent(searchTerm)}`;\n        }\n    \n        try {\n          const res = await fetch(url);\n          if (!res.ok) throw new Error(\"Gagal ambil data post\");\n          const posts = await res.json();\n    \n          if (posts.length === 0) {\n            gridContainer.innerHTML = '<div class=\"error\">Tidak ada postingan.<\/div>';\n            return;\n          }\n    \n          const grid = document.createElement(\"div\");\n          grid.className = \"post-grid\";\n    \n          posts.slice(0,4).forEach(post => {\n            let thumb = \"\";\n            try {\n              const fm = post._embedded[\"wp:featuredmedia\"][0];\n              thumb = fm?.source_url || \"\";\n            } catch (e) {}\n    \n            let excerpt = stripHtml(post.excerpt?.rendered || post.content?.rendered || \"\");\n            excerpt = truncate(excerpt, 140);\n    \n            const downloadUrl = post.meta?.download_link || \"#\";\n  \n            const card = document.createElement(\"div\");\n            card.className = \"post-card\";\n            card.innerHTML = `\n              ${thumb ? `<img decoding=\"async\" src=\"${thumb}\" alt=\"${post.title.rendered}\">` : \"\"}\n              <div class=\"card-body\"><h3>${post.title.rendered}<\/h3><div class=\"readmore\"><a href=\"${post.link}\">Selengkapnya<\/a><\/div><\/div>`;\n            grid.appendChild(card);\n          });\n    \n          gridContainer.innerHTML = \"\";\n          gridContainer.appendChild(grid);\n        } catch (err) {\n          gridContainer.innerHTML = `<div class=\"error\">Error: ${err.message}<\/div>`;\n        }\n      }\n  \n      loadPosts();\n    })();\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4784990c e-flex e-con-boxed e-con e-parent\" data-id=\"4784990c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-93cd9ba e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"93cd9ba\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-1c820246 e-con-full e-flex e-con e-child\" data-id=\"1c820246\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-50c54818 e-grid e-con-full e-con e-child\" data-id=\"50c54818\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3cb7c5b2 elementor-widget elementor-widget-heading\" data-id=\"3cb7c5b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\ud83d\ude80 Grow Smarter with Labamu<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2631765e elementor-widget elementor-widget-text-editor\" data-id=\"2631765e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\">Labamu helps your business streamline operations, boost sales, and grow with ease.<\/p><p class=\"p1\">Choose the right plan and start growing today.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7adf602d e-grid e-con-boxed e-con e-child\" data-id=\"7adf602d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-285bfd4b elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"285bfd4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/labamu.co.id\/en\/pricing\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Started Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d3a64cf elementor-align-justify elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"7d3a64cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/api.whatsapp.com\/send\/?phone=14153600204&#038;text&#038;type=phone_number&#038;app_absent=0\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Schedule a Demo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false,"content-type":"","om_disable_all_campaigns":false},"categories":[192,195],"class_list":["post-7439","help-center","type-help-center","status-publish","hentry","category-help-center","category-invoice"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/help-center\/7439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/help-center"}],"about":[{"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/types\/help-center"}],"version-history":[{"count":1,"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/help-center\/7439\/revisions"}],"predecessor-version":[{"id":7440,"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/help-center\/7439\/revisions\/7440"}],"wp:attachment":[{"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/media?parent=7439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/labamu.co.id\/en\/wp-json\/wp\/v2\/categories?post=7439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}