<?xml version="1.0" encoding="UTF-8" ?><!-- generator=Zoho Sites --><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><atom:link href="https://www.aplikasi.us/blogs/author/iman-haniff/feed" rel="self" type="application/rss+xml"/><title>Aplikasi v2 - Blog by Iman Haniff</title><description>Aplikasi v2 - Blog by Iman Haniff</description><link>https://www.aplikasi.us/blogs/author/iman-haniff</link><lastBuildDate>Mon, 14 Sep 2026 04:05:02 -0700</lastBuildDate><generator>http://zoho.com/sites/</generator><item><title><![CDATA[[Case Study] Innoveam Sdn.Bhd: Advanced Sales & Project Automation]]></title><link>https://www.aplikasi.us/blogs/post/case-study-innoveam-sdn.bhd-advanced-sales-project-automation1</link><description><![CDATA[]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_-LC6M6L0Rp66FpqzUCKgow" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_m3kIZttDSnOIjkhp-eO4Bw" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_LKXETHYNQBWNTKRLRuFDgQ" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_X9UyxC4Cdne9STI_34_QtA" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>[Case Study] Innoveam Sdn.Bhd: Advanced Sales &amp; Project Automation</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; --highlight-dark: #FFC51490; --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem; --xxl: 4.5rem; --xl: 3.375rem; --l: 2.25rem; --m: 1.5rem; --body: 1.125rem; --s: 1rem; --xs:0.667rem; --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; --desktop: 1312px; --tablet: 992px; --landscape: 768px; --mobile: 480px; } *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} html { scroll-behavior: smooth; } body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } .text-bold { font-weight: 700; } .text-italic { font-style: italic; } .text-center { text-align: center; } .primary, .primary a {color: var(--primary)} .secondary, .secondary a {color: var(--secondary)} .accent, .accent a {color: var(--accent)} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } ol li, ul li { padding: 0.5rem 0; } main ul, main ol { margin: 0; padding-left: 0; list-style-position: inside; } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-secondary a { background-color: var(--secondary); } .btn-accent a{ background-color: var(--accent); } a { transition: all 0.5s; color: var(--primary); } /* Quotes */ blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--grey); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} blockquote::before, blockquote::after, blockquote p::before, blockquote p::after { content: none !important; } @media (max-width:992px) { blockquote {max-width:75vw} } @media (max-width:480px) { blockquote {max-width:90vw} } /* Tables */ table { border: 1px solid var(--grey-light); border-radius: var(--border-radius); border-spacing: 0; display: table; width: 100%; max-width: 100%; overflow-x: auto; padding: 0; white-space: normal; background-color: var(--white); } table td, table th, table tr { padding: 0.75rem 1rem; } table thead { background: linear-gradient(90deg, #ff3131 0%, #ff914d 100%); border-collapse: collapse; border-radius: var(--border-radius); color: var(--white); border-color: #ff914d; margin: 0; padding: 0; } table thead th:first-child { border-top-left-radius: var(--border-radius); } table thead th:last-child { border-top-right-radius: var(--border-radius); } table tbody tr:nth-child(even) { background-color: var(--grey-light); } </style><main><article><h1 class="text-xl text-bold text-center" style="margin-bottom:0.3rem;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">[Case Study] Innoveam Sdn.Bhd: Advanced Sales &amp; Project Automation</h1><div style="width:100%;margin:0 auto 2rem;border-radius:1rem;overflow:hidden;aspect-ratio:16 / 9;"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/pg_i9WZ0w5s" title="Innoveam Sdn Bhd Advanced Sales and Project Automation" frameborder="0" allowfullscreen style="display:block;"></iframe></div>
<h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Business Case at a Glance</h3><p style="letter-spacing:0.3px;">From the get-go, Innoveam understood that there was a need to digitise their back-end processes. Data consolidation involved inter-departmental activities, but their top priority was to get their books in check.</p><p style="letter-spacing:0.3px;">Previously, they opted for whatever was available out there: Google Suite for their calendar, mail, Google Drive, Google Forms, PipeDrive for CRM, and spreadsheets. However, <strong style="color:rgb(27, 27, 27);">the information and data could not be consolidated, data integrity was an issue, and most importantly, they could not pull a report in real-time.</strong></p><p style="letter-spacing:0.3px;">Innoveam's solution integrates numerous apps, including Zoho CRM Plus, Zoho Projects, Zoho Analytics, Zoho Books, Zoho People, and Zoho Expense. These programmes are integrated to manage sales, finance, and HR. Digitalization improves Innoveam's efficiency.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Company Background</h3><p style="letter-spacing:0.3px;">Innoveam is a <strong style="color:rgb(27, 27, 27);">regional technology solutions provider</strong> that uses the latest ICT technologies to process, analyse, simulate, and visualise 3D datasets to provide business and operations improvement solutions for various industries. Their focus is on enterprise, and their experience in <strong style="color:rgb(27, 27, 27);">providing 3D data solutions</strong> within the region places them as a major player in the Industrial Revolution 4.0, specialising in Engineering Design, &amp; Virtual Reality/Augmented Reality content development.</p><p style="letter-spacing:0.3px;">The company was founded in January 2013 by the Managing Director, Zamir Rashid and has about 20 employees in total. Technologies utilised by Innoveam include 3D Simulation (CFD, FEA, Game Engines), Motion Capture, Immersive Virtual Reality, Non-immersive VR/Interactive App, 360 Photo Capture, Augmented Reality Apps, Cloud Computing, Artificial Intelligence, Cross-Platform Virtual Collaboration, and IoT/Smart Sensors.</p><p style="letter-spacing:0.3px;">The main industry they are involved in is the oil and gas industry, where they assist in conducting safety studies and equipment design with clients based locally in Malaysia and internationally, such as in Indonesia and Qatar.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">The Challenge</h3><p style="letter-spacing:0.3px;">As we are told, they were unable to generate their accounting report on the fly. They can't take traditional or semi-automated accounting with them. Accounting is tied back to orders; they need an easy and convenient way to invoice and receive payment right on the spot&mdash;even if that spot is miles from the office. <strong style="color:rgb(27, 27, 27);">The information that they had was also not in real-time and was handled in silos.</strong> As a result, data integrity was compromised, and the timeline for the information audit was questioned.</p><p style="letter-spacing:0.3px;">The problems include the consolidation of information across departments and tracking the number of hours taken to handle projects. <strong style="color:rgb(27, 27, 27);">Unreliable data is one of the most common hurdles companies face.</strong> Often, this is the result of manually inputting data across numerous locations and separate databases, a cumbersome task that results in human error. As for time tracking, they <strong style="color:rgb(27, 27, 27);">don't have the right tool to track how much time is spent on client work to bill it accordingly</strong> and are <strong style="color:rgb(27, 27, 27);">unable to track how much ROI they have when they invest in a project.</strong></p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Finding the Solution</h3><p style="letter-spacing:0.3px;">For Innoveam, we have implemented multiple applications into one solution. What is the solution? It consists of these applications: <strong style="color:rgb(27, 27, 27);">Zoho CRM, Zoho Project, Zoho Books, Zoho People, Zoho Expense, and Zoho Analytics</strong>. All these apps are integrated into one solution to manage their sales, finance, and HR. Innoveam has been digitalized, which allows them to be more efficient.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Implementations &amp; Results</h3><p style="letter-spacing:0.3px;">Zoho CRM was introduced to simplify the sales process, and custom functions were developed to <strong style="color:rgb(27, 27, 27);">automate the numbering of business transactions according to their respective conventions</strong>. Zoho CRM is integrated with Zoho Books to <strong style="color:rgb(27, 27, 27);">ensure sales transactions like quotations and invoices flow through finance for real-time consolidation and reporting.</strong></p><p style="letter-spacing:0.3px;">Approvals were also put in place to <strong style="color:rgb(27, 27, 27);">increase data governance.</strong> Zoho People and Zoho Expense were configured to digitalize their HR management and claim management. Expenses in particular are integrated into Zoho Books. This has <strong style="color:rgb(27, 27, 27);">aided the finance team in managing all claims as expenses, resulting in a 10-day reduction in claim cycle time.</strong></p><p style="letter-spacing:0.3px;">Zoho Projects was also integrated into task management and project tracking. With direct integration into Zoho Books, <strong style="color:rgb(27, 27, 27);">project profitability reports can easily be generated to identify any cost overruns earlier and also provide real-time reporting on each running project.</strong></p><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;margin-top:1rem;"><div style="flex:2 1 400px;display:flex;flex-direction:column;"><h3 class="text-m text-bold" style="margin-top:0;background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What our client says about our service?</h3><blockquote class="card" style="width:100%;max-width:100%;margin-top:0.25rem;font-size:var(--clamp-body) !important;text-align:left;font-style:italic;font-weight:600;border-left:5px solid var(--accent);border-radius:1rem;"><p style="font-size:var(--clamp-body) !important;">We are glad about all the existing features and functions. It is user friendly, easy to understand and use, solving basic accounting/finance matters, good tools for a small to medium company.</p><footer style="text-align:left;color:var(--grey-mid);font-weight:700;font-size:var(--clamp-body) !important;">&mdash; Innoveam Team</footer></blockquote></div>
<div style="flex:1 1 220px;"><h6 class="text-m text-bold" style="margin-top:0;background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What apps have been deployed</h6><div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect x="3" y="4" width="18" height="14" rx="2"/><circle cx="8.5" cy="10" r="1.8"/><path d="M6 15c.5-1.5 1.6-2.2 2.5-2.2s2 .7 2.5 2.2"/><path d="M14 8.5h4M14 12h4"/></svg><span class="black text-bold">Zoho CRM Plus</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect x="3" y="4" width="5" height="16" rx="1"/><rect x="9.5" y="4" width="5" height="10" rx="1"/><rect x="16" y="4" width="5" height="13" rx="1"/></svg><span class="black text-bold">Zoho Projects</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><circle cx="12" cy="12" r="9.5"/><circle cx="12" cy="10" r="3"/><path d="M6 18.5c1-3 3-4.5 6-4.5s5 1.5 6 4.5"/></svg><span class="black text-bold">Zoho People</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect x="2.5" y="2.5" width="19" height="19" rx="4"/><rect x="6" y="6" width="4.5" height="4.5" rx="1"/><rect x="13.5" y="6" width="4.5" height="4.5" rx="1"/><rect x="6" y="13.5" width="4.5" height="4.5" rx="1"/><rect x="13.5" y="13.5" width="4.5" height="4.5" rx="1"/></svg><span class="black text-bold">Zoho Expense</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><path d="M3 5.5c2.2-1 5-1 7 0v13c-2-1-4.8-1-7 0z"/><path d="M21 5.5c-2.2-1-5-1-7 0v13c2-1 4.8-1 7 0z"/></svg><span class="black text-bold">Zoho Books</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><path d="M4 4v16h16"/><rect x="7" y="12" width="2.5" height="5"/><rect x="11.5" y="8" width="2.5" height="9"/><rect x="16" y="10" width="2.5" height="7"/></svg><span class="black text-bold">Zoho Analytics</span></div>
</div></div><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin-top:2rem;"><div class="btn-primary btn-m" style="flex:1 1 240px;"><a href="https://www.aplikasi.us/book-demo" style="width:100%;justify-content:center;text-align:center;">Book free demo now!</a></div>
<div class="btn-secondary btn-outline btn-m" style="flex:1 1 240px;"><a href="https://support.aplikasi.us/portal/en/home" target="_blank" style="width:100%;justify-content:center;text-align:center;">Visit the support centre</a></div>
</div><div style="border:2px solid var(--black);border-radius:1.5rem;padding:2.5rem;text-align:center;margin-top:4rem;"><p>Ready to turn your business challenges into success stories? Let&rsquo;s explore how Aplikasi can simplify and streamline your operations&mdash;just like we&rsquo;ve done for businesses across various industries.</p><div class="btn-primary"><a href="https://api.whatsapp.com/send?phone=60176009646&amp;text=Hi%2C I am interested to know more about your services.

Name%3A
Company%3A
Email%3A&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=innoveam_case_study" target="_blank">Get Started Now</a></div>
</div></article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Tue, 08 Sep 2026 16:54:59 +0800</pubDate></item><item><title><![CDATA[[Case Study] AE Aequitas Sdn Bhd: Asset Movement & Management System]]></title><link>https://www.aplikasi.us/blogs/post/case-study-ae-aequitas-sdn-bhd-asset-movement-management-system1</link><description><![CDATA[]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_IY1AtavBSh2Hb29DQ4fNLA" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_TBBNWv0MS6a8hF-RlVNKnA" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_Ds0BGHEgRZGGc2dM8BL6kQ" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_SIFgtalf1O-o1bhp2KdyrA" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>[Case Study] AE Aequitas Sdn Bhd: Asset Movement &amp; Management System</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; --highlight-dark: #FFC51490; --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem; --xxl: 4.5rem; --xl: 3.375rem; --l: 2.25rem; --m: 1.5rem; --body: 1.125rem; --s: 1rem; --xs:0.667rem; --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; --desktop: 1312px; --tablet: 992px; --landscape: 768px; --mobile: 480px; } *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} html { scroll-behavior: smooth; } body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } .text-bold { font-weight: 700; } .text-italic { font-style: italic; } .text-center { text-align: center; } .primary, .primary a {color: var(--primary)} .secondary, .secondary a {color: var(--secondary)} .accent, .accent a {color: var(--accent)} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } ol li, ul li { padding: 0.5rem 0; } main ul, main ol { margin: 0; padding-left: 0; list-style-position: inside; } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-secondary a { background-color: var(--secondary); } .btn-accent a{ background-color: var(--accent); } a { transition: all 0.5s; color: var(--primary); } /* Quotes */ blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--grey); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} blockquote::before, blockquote::after, blockquote p::before, blockquote p::after { content: none !important; } @media (max-width:992px) { blockquote {max-width:75vw} } @media (max-width:480px) { blockquote {max-width:90vw} } /* Tables */ table { border: 1px solid var(--grey-light); border-radius: var(--border-radius); border-spacing: 0; display: table; width: 100%; max-width: 100%; overflow-x: auto; padding: 0; white-space: normal; background-color: var(--white); } table td, table th, table tr { padding: 0.75rem 1rem; } table thead { background: linear-gradient(90deg, #ff3131 0%, #ff914d 100%); border-collapse: collapse; border-radius: var(--border-radius); color: var(--white); border-color: #ff914d; margin: 0; padding: 0; } table thead th:first-child { border-top-left-radius: var(--border-radius); } table thead th:last-child { border-top-right-radius: var(--border-radius); } table tbody tr:nth-child(even) { background-color: var(--grey-light); } </style><main><article><h1 class="text-xl text-bold text-center" style="margin-bottom:0.3rem;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">[Case Study] AE Aequitas Sdn Bhd: Asset Movement &amp; Management System</h1><div style="width:100%;margin:0 auto 2rem;border-radius:1rem;overflow:hidden;aspect-ratio:16 / 9;"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/RRlrxc2GIKI" title="AE Aequitas Sdn Bhd Asset Movement and Management System" frameborder="0" allowfullscreen style="display:block;"></iframe></div>
<h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Business Case at a Glance</h3><p style="letter-spacing:0.3px;">AE Aequitas Sdn Bhd is a fast-growing safety services and engineering company in Malaysia that <strong style="color:rgb(27, 27, 27);">specialises in fire protection systems</strong>. Their services include maintenance of the fire protection system. For that, we offer Aequitas an <strong style="color:rgb(27, 27, 27);">efficient fire extinguisher management system powered by Zoho</strong>. They have been running things manually, and after a fateful meeting with Aplikasi, they decided to go with Zoho People and Zoho Expense for its 33 employees thus far. With the dedication and help from Aplikasi, the implementation was a success, covering two locations in just over a month.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Company Background</h3><p style="letter-spacing:0.3px;">Aequitas is a fire extinguisher service company that has served and still serves reputable MNCs in Malaysia. With the recent advancement in technology and the pressing need to keep up, the company is desperate for a solution that would help. However, <strong style="color:rgb(27, 27, 27);">cost is a major concern</strong> for them, as it is for most SMEs. After a meeting in an unlikely venue&mdash;the hospital cafeteria&mdash;its CEO, Ridzuan, was awed by the depth of what <strong style="color:rgb(27, 27, 27);">Zoho People and Expenses</strong> had to offer at such an <strong style="color:rgb(27, 27, 27);">affordable price</strong> and decided to get on board right away.</p><p style="letter-spacing:0.3px;">AE Aequitas Sdn Bhd evolved from another company and is now primarily focused on providing fire extinguisher services throughout Malaysia. The company has three operations centres covering different parts of Malaysia. Currently, it has 33 dedicated employees, most of whom are on the field. Ridzuan, the CEO of the company, is the one who&rsquo;s responsible for the start of the company&rsquo;s digital transformation journey. With a lot more challenges coming their way, Ridzuan and his dedicated team aspire to fully transform their business with other Zoho apps as well.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">The Challenge</h3><p style="letter-spacing:0.3px;">Prior to their engagement with Aplikasi, all their jobs namely <strong style="color:rgb(27, 27, 27);">work monitoring, claim processing, attendance, and collaboration</strong>&mdash;were done <strong style="color:rgb(27, 27, 27);">manually</strong>. Because the operations team's jobs require a lot of traveling, there are a lot of claims. The whole process of applying for claims and approving them took the company two weeks per month to settle them. This job involves the finance department, the clerk, and also the HR department, and the 2-week cycle is <strong style="color:rgb(27, 27, 27);">killing their productivity</strong>.</p><p style="letter-spacing:0.3px;">The next phase involved heavily configuring and <strong style="color:rgb(27, 27, 27);">customising Zoho CRM to be a Fire Extinguisher Servicing System.</strong> Previously, as with their HR processes, everything was done manually, and there was no centralised database for all their assets. Technicians have their own logbooks for deliveries and pick-ups, and as the process is analogue, there is no transparency as well. Tanks' whereabouts cannot be traced should they be lost, and this is a major problem.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Finding the Solution</h3><p style="letter-spacing:0.3px;">Ridzuan (Aequitas CEO) never knew about Zoho before he met us. All he knew then was that he needs to find a solution fast, but he needs to find the one he can pay for. He told this to his friend, who happens to be a mutual friend of Aplikasi&rsquo;s founder, Azlan. In just two days, the meeting was set. Upon explanation and a short demo by Aplikasi, Ridzuan decided that every problem his company was having could be solved by Zoho People and Zoho Expense. On top of that, the <strong style="color:rgb(27, 27, 27);">price tag is exactly what he is looking for</strong>.</p><p style="letter-spacing:0.3px;">Aplikasi is a consultant partner for Aequitas, promising a smooth-sailing implementation of Zoho People and Zoho Expense. <strong style="color:rgb(27, 27, 27);">Aequitas does not have any IT-savvy personnel or change management professionals</strong>, so that&rsquo;s where Aplikasi comes in. With years of experience in handling change management projects and SAP implementation and consultation, Aplikasi is convinced that they are able to help Aequitas end-to-end. Aplikasi also <strong style="color:rgb(27, 27, 27);">helped in redefining and restructuring Aequitas business processes that would otherwise be inefficient and time-consuming.</strong></p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Implementations &amp; Results</h3><p style="letter-spacing:0.3px;">The whole implementation process which includes requirement gathering, customization and settings, review, fixes, training, and user acceptance test (UAT) only took a month to complete. The company <strong style="color:rgb(27, 27, 27);">notices an immediate improvement in their business processes</strong> after going live. In their claims process for example, it took them 2 weeks per month to settle everything; from claim applications to verification, approval, and reimbursement as the operation team&rsquo;s work is mostly on the go. Hundreds of papers are documented every month to store the receipts and application forms. Three departments: Human Resource, Administration, and Finance would be busy handling the claim process. <strong style="color:rgb(27, 27, 27);">Zoho Expense immediately eliminates all the paperwork</strong>, and what&rsquo;s most apparent is that it <strong style="color:rgb(27, 27, 27);">reduces 80% of the whole cycle process from 10 days to just 2 days.</strong></p><p style="letter-spacing:0.3px;">With Zoho Expense, nobody has to be physically in the office to submit and approve the claims, and the capture receipt function in <strong style="color:rgb(27, 27, 27);">Zoho Expense makes it possible for the receipts to be stored without wasting papers and space.</strong> As for their leave management, the same benefit of saving paper can be observed. Now, with the convenience of the Zoho People mobile app, both <strong style="color:rgb(27, 27, 27);">requesters and approvers can do their jobs on the go</strong>. Attendance tracking and remote working monitoring are also possible now, <strong style="color:rgb(27, 27, 27);">promoting transparency and ensuring resources are being spent appropriately and responsibly.</strong></p><p style="letter-spacing:0.3px;">The Fire Extinguisher Management System proved to be a challenging task indeed, as a lot of customization and configuration needed to be done to the CRM. The implementation focused on <strong style="color:rgb(27, 27, 27);">transparent and real-time database updates from each technician and each pickup and delivery.</strong> Having it integrated with Zoho Forms has made it possible for the technicians on the field to transfer information to the back office for further processing. The implementation also involves scanning devices and barcode printers, which would have the numbers generated from CRM automatically and later be used in asset tracing.</p><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;margin-top:1rem;"><div style="flex:2 1 400px;display:flex;flex-direction:column;"><h3 class="text-m" style="margin-top:0;background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What our client says about our service?</h3><blockquote class="text-s card" style="width:100%;max-width:100%;margin-top:0.25rem;text-align:left;font-style:italic;font-weight:600;border-left:5px solid var(--accent);border-radius:1rem;"><p>I really hope that with Zoho People and Expense implementation, it can boost our productivity and save us valuable time and effort. With efficiency and transparency, I believe the application can help us to focus on business growth rather than spending most of our time managing small things.</p><footer style="text-align:left;color:var(--grey-mid);font-weight:700;font-size:1.05rem;">&mdash; Mr. Ridzuan, CEO of AE Aequitas Sdn Bhd</footer></blockquote></div>
<div style="flex:1 1 220px;margin-bottom:1.5rem;"><h6 class="text-m text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What apps have been deployed</h6><div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect x="3" y="4" width="18" height="14" rx="2"/><circle cx="8.5" cy="10" r="1.8"/><path d="M6 15c.5-1.5 1.6-2.2 2.5-2.2s2 .7 2.5 2.2"/><path d="M14 8.5h4M14 12h4"/></svg><span class="black text-s text-bold">Zoho CRM</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect x="5" y="3" width="14" height="18" rx="2"/><path d="M9 3h6v2.2H9z"/><path d="M8.2 9.5l1.3 1.3L12 8.3"/><path d="M8.2 14.5l1.3 1.3L12 13.3"/><path d="M14.2 9.5h2.3M14.2 14.5h2.3"/></svg><span class="black text-s text-bold">Zoho Form</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><circle cx="12" cy="12" r="9.5"/><circle cx="12" cy="10" r="3"/><path d="M6 18.5c1-3 3-4.5 6-4.5s5 1.5 6 4.5"/></svg><span class="black text-s text-bold">Zoho People</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect x="2.5" y="2.5" width="19" height="19" rx="4"/><rect x="6" y="6" width="4.5" height="4.5" rx="1"/><rect x="13.5" y="6" width="4.5" height="4.5" rx="1"/><rect x="6" y="13.5" width="4.5" height="4.5" rx="1"/><rect x="13.5" y="13.5" width="4.5" height="4.5" rx="1"/></svg><span class="black text-s text-bold">Zoho Expense</span></div>
</div></div><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin-top:2rem;"><div class="btn-primary btn-m" style="flex:1 1 240px;"><a href="https://www.aplikasi.us/book-demo" style="width:100%;justify-content:center;text-align:center;">Book free demo now!</a></div>
<div class="btn-secondary btn-outline btn-m" style="flex:1 1 240px;"><a href="https://support.aplikasi.us/portal/en/home" target="_blank" style="width:100%;justify-content:center;text-align:center;">Visit the support centre</a></div>
</div><div style="border:2px solid var(--black);border-radius:1.5rem;padding:2.5rem;text-align:center;margin-top:4rem;"><p>Ready to turn your business challenges into success stories? Let&rsquo;s explore how Aplikasi can simplify and streamline your operations&mdash;just like we&rsquo;ve done for businesses across various industries.</p><div class="btn-primary"><a href="https://api.whatsapp.com/send?phone=60176009646&amp;text=Hi%2C I am interested to know more about your services.

Name%3A
Company%3A
Email%3A&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=aequitas_case_study" target="_blank">Get Started Now</a></div>
</div></article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Tue, 08 Sep 2026 15:09:43 +0800</pubDate></item><item><title><![CDATA[[Case Study] HRDCorp: Customer Service Automation]]></title><link>https://www.aplikasi.us/blogs/post/case-study-hrdcorp-customer-service-automation1</link><description><![CDATA[]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_gaoS45nCRZerZZtwItSmPQ" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_AcxDMC8zQUymdFOvlYOc6g" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_dTr_yrxgTu2oJDWWwF4nOQ" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_fAB3xbDu8ZVTKZkKaXza7g" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>[Case Study] HRDCorp: Customer Service Automation</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; --highlight-dark: #FFC51490; --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem; --xxl: 4.5rem; --xl: 3.375rem; --l: 2.25rem; --m: 1.5rem; --body: 1.125rem; --s: 1rem; --xs:0.667rem; --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; --desktop: 1312px; --tablet: 992px; --landscape: 768px; --mobile: 480px; } *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} html { scroll-behavior: smooth; } body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } .text-bold { font-weight: 700; } .text-italic { font-style: italic; } .text-center { text-align: center; } .primary, .primary a {color: var(--primary)} .secondary, .secondary a {color: var(--secondary)} .accent, .accent a {color: var(--accent)} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } ol li, ul li { padding: 0.5rem 0; } main ul, main ol { margin: 0; padding-left: 0; list-style-position: inside; } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-secondary a { background-color: var(--secondary); } .btn-accent a{ background-color: var(--accent); } a { transition: all 0.5s; color: var(--primary); } /* Quotes */ blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--grey); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} blockquote::before, blockquote::after, blockquote p::before, blockquote p::after { content: none !important; } @media (max-width:992px) { blockquote {max-width:75vw} } @media (max-width:480px) { blockquote {max-width:90vw} } /* Tables */ table { border: 1px solid var(--grey-light); border-radius: var(--border-radius); border-spacing: 0; display: table; width: 100%; max-width: 100%; overflow-x: auto; padding: 0; white-space: normal; background-color: var(--white); } table td, table th, table tr { padding: 0.75rem 1rem; } table thead { background: linear-gradient(90deg, #ff3131 0%, #ff914d 100%); border-collapse: collapse; border-radius: var(--border-radius); color: var(--white); border-color: #ff914d; margin: 0; padding: 0; } table thead th:first-child { border-top-left-radius: var(--border-radius); } table thead th:last-child { border-top-right-radius: var(--border-radius); } table tbody tr:nth-child(even) { background-color: var(--grey-light); } </style><main><article><h1 class="text-xl text-bold text-center" style="margin-bottom:0.3rem;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">[Case Study] HRDCorp: Customer Service Automation</h1><div style="width:100%;margin:0 auto 2rem;border-radius:1rem;overflow:hidden;aspect-ratio:16 / 9;"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/ZWyFjeoGldo" title="HRDCorp Customer Service Automation" frameborder="0" allowfullscreen style="display:block;"></iframe></div>
<h2 class="text-xl text-bold text-center" style="margin-top:0.3rem;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Quick Read</h2><div style="display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:2rem;"><div class="card" style="flex:1 1 250px;padding:1.5rem;"><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Problem Statement</h6><ul><li>Not enough agents to handle tickets, resulting to bad customer satisfaction</li><li>Manual ticket transfer between departments which takes too much time and oversight</li><li>No convenient channel to reach actual agents</li><li>Unsystematic Knowledge Base management</li></ul></div>
<div class="card" style="flex:1 1 250px;padding:1.5rem;"><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Proposed Solution</h6><ul><li>Ticket automation to transfer between departments</li><li>Automatic replies in ticket management</li><li>Proper catelogue management for Knowledge Base</li><li>A chat tool to enable customers to reach actual agents</li></ul></div>
<div class="card" style="flex:1 1 250px;padding:1.5rem;"><h6 class="text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Implementation and Results</h6><ul><li>Auto-reply and convenient ticket transfer <strong style="color:rgb(27, 27, 27);">improved reply and resolution time</strong>.</li><li>No tickets are left to be uncategorized and unaccounted for.</li><li><strong style="color:rgb(27, 27, 27);">Easier navigation</strong> and access to information for HRDCorp's customers.</li></ul></div>
</div><h2 class="text-xl text-bold text-center" style="margin-top:2rem;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Read the full case study here</h2><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Business Case at a Glance</h3><p style="letter-spacing:0.3px;">HRDCorp has been using <strong style="color:rgb(27, 27, 27);">Zoho Desk to handle hundreds of tickets a day</strong>, but unfortunately, it has <strong style="color:rgb(27, 27, 27);">not been used to its full capacity.</strong> Although agents do have a place to look at all their tickets, no defined process was in place, and thus there was no automation possible that could have helped ease the burden on the support agents.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Company Background</h3><p style="letter-spacing:0.3px;">HRDCorp is a <strong style="color:rgb(27, 27, 27);">government-linked company (GLC) in Malaysia</strong> that manages and promotes human capital development through various channels, methods, and events. When a company reaches a certain size in terms of the number of employees, they're required to be registered with HRDCorp and will be obligated to contribute a fraction of their revenue. In return, <strong style="color:rgb(27, 27, 27);">HRDCorp provides resources and means to improve the skills of the employees.</strong> Having said that, HRDCorp is a large organisation and is constantly addressing the issues and concerns of its contributors.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">The Challenge</h3><p style="letter-spacing:0.3px;">Zoho Desk was only used as a database to keep track of all the tickets and respond to them. However, when hundreds of tickets come in a day, it becomes <strong style="color:rgb(27, 27, 27);">too overwhelming for the service agents to keep track of them</strong>, which leads to unattended tickets. That, in turn, leads to unsatisfactory service quality, as seen by the contributors.</p><p style="letter-spacing:0.3px;">The agents are also faced with issues where they are overwhelmed with direct calls from employers and employees alike. <strong style="color:rgb(27, 27, 27);">More time spent answering calls means fewer issues that can be addressed per day.</strong> Most of the issues are solvable by referring to existing articles in the knowledge base.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Finding the Solution</h3><p style="letter-spacing:0.3px;">As such, our focus when trying to solve this issue is on <strong style="color:rgb(27, 27, 27);">simplifying some of the processes</strong>, defining them, and taking a load off of their shoulders in general. Because HRDCorp cannot afford to have downtime, we do have to keep that in mind when offering our consultation and finding the best possible solution.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Implementations &amp; Results</h3><p style="letter-spacing:0.3px;">The first thing that we did was <strong style="color:rgb(27, 27, 27);">make clear distinctions between the numerous departments</strong> in the organisation and define teams in each of the departments. Then, an automation is being put in place to <strong style="color:rgb(27, 27, 27);">automate ticket assignment according to the defined criteria</strong>. This eliminates the need for the agents to do it manually, a task that consumes a lot of time, more so when the agent is relatively new.</p><p style="letter-spacing:0.3px;">Then, we <strong style="color:rgb(27, 27, 27);">implemented blueprints</strong> so that everybody, regardless of their role, could know what they had to do as instructed by the system. This allows <strong style="color:rgb(27, 27, 27);">less time for training agents and memorising the steps</strong> as the system has dictated what must be done step by step.</p><p style="letter-spacing:0.3px;">We make use of the Knowledge Base in Zoho Desk and integrate it with SalesIQ, where we built a <strong style="color:rgb(27, 27, 27);">chatbot</strong> that would entertain the visitors by default when they visit HRDCorp's website. This has <strong style="color:rgb(27, 27, 27);">reduced the agents' interaction time</strong> with the visitors considerably. This means that they can focus their resources on doing more important things.</p><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;margin-top:1rem;"><div style="flex:2 1 400px;display:flex;flex-direction:column;"><h3 class="text-m text-bold" style="margin-top:0;background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What our client says about our service?</h3><blockquote class="text-s card" style="flex:1;width:100%;max-width:100%;margin-top:1rem;text-align:left;font-style:italic;font-weight:600;border-left:5px solid var(--accent);border-radius:1rem;display:flex;flex-direction:column;justify-content:center;"><p>Aplikasi has been extremely helpful during the implementation period and they provide superb support. They have been supportive and accommodating, and this is especially crucial as we can't afford to have any downtime whatsoever.</p><footer style="text-align:left;color:var(--grey-mid);font-weight:700;">&mdash; HRDCorp Team</footer></blockquote></div>
<div style="flex:1 1 220px;"><h6 class="text-m text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What apps have been deployed</h6><div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><path d="M4 13.5V12a8 8 0 0 1 16 0v1.5"/><rect x="3" y="13" width="4.5" height="6" rx="1.5"/><rect x="16.5" y="13" width="4.5" height="6" rx="1.5"/><path d="M19.5 19v.5a3 3 0 0 1-3 3h-3"/></svg><span class="black text-bold">Zoho Desk</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><path d="M20.5 12a8.5 6.8 0 0 1-8.5 6.8c-1.1 0-2.15-.16-3.12-.46L4.5 20l1.1-3.3A6.7 6.7 0 0 1 3.5 12 8.5 6.8 0 0 1 12 5.2 8.5 6.8 0 0 1 20.5 12Z"/></svg><span class="black text-bold">Zoho SalesIQ</span></div>
</div></div><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin-top:2rem;"><div class="btn-primary btn-m" style="flex:1 1 240px;"><a href="https://www.aplikasi.us/book-demo" style="width:100%;justify-content:center;text-align:center;">Book free demo now!</a></div>
<div class="btn-secondary btn-outline btn-m" style="flex:1 1 240px;"><a href="https://support.aplikasi.us/portal/en/home" target="_blank" style="width:100%;justify-content:center;text-align:center;">Visit the support centre</a></div>
</div><div style="border:2px solid var(--black);border-radius:1.5rem;padding:2.5rem;text-align:center;margin-top:4rem;"><p>Ready to turn your business challenges into success stories? Let&rsquo;s explore how Aplikasi can simplify and streamline your operations&mdash;just like we&rsquo;ve done for businesses across various industries.</p><div class="btn-primary"><a href="https://api.whatsapp.com/send?phone=60176009646&amp;text=Hi%2C I am interested to know more about your services.

Name%3A
Company%3A
Email%3A&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=hrdcorp_case_study" target="_blank">Get Started Now</a></div>
</div></article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Tue, 08 Sep 2026 11:59:15 +0800</pubDate></item><item><title><![CDATA[Rethinking the CRM Homepage]]></title><link>https://www.aplikasi.us/blogs/post/rethinking-the-crm-homepage2</link><description><![CDATA[<img align="left" hspace="5" src="https://www.aplikasi.us/Blog Images/Zoho CRM Canvas.jpg"/>CRM homepages usually just show activity—not whether they help people work better. Teams end up adapting to the system instead of improving it. At Aplikasi, we see this often. The real issue isn't capability, it's design. Zoho CRM's Canvas Home View fixes that.]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_utDpQBq5SkSeSGMk2cbJ6w" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_cpKedXJuQzqnKYvJcYJeNA" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_kBWD-1n2Q5GdlAZzQ-xeLw" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_79-q7zVJtXGz-yXCjNvvUQ" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>Rethinking the CRM Homepage</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; /* change this to change the container width */ } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } /* SETTINGS. DO NOT EDIT. Add custom code in bottom (scroll to line ~1250) */ :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; /* default 44 */ --highlight-dark: #FFC51490; /* default 77 */ --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; /* \2192 for arrow \203A for single right chevron \00BB for double right chevron */ --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem ; /* changed 120px*/ --xxl: 4.5rem ; /* H1 80px */ --xl: 3.375rem ; /* H2 54px */ --l: 2.25rem ; /* H3 36px */ --m: 1.5rem ; /* H4 24px */ --body: 1.125rem ; /* 18px */ --s: 1rem ; /* 16px */ --xs:0.667rem ; /* changed 10px*/ --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; /*BreakEvent Point*/ --desktop: 1312px; /* Desktop */ --tablet: 992px; /* Tablet */ --landscape: 768px; /* Landscape */ --mobile: 480px; /* Mobile */ } /* AutoCSS 1.0 for 11ty (1 Jan 2025) Modified for Zoho site (1 Jul 2026) by Aisyah Developed by Laman7 https://github.com/edwin-laman7/autoCSS */ /* Load "AutoCSS Setting" variables before the following lines */ *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } html { scroll-behavior: smooth; } /*Typography*/ body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } .text-xxxl { font-size: var(--clamp-xxxl); line-height: var(--lh-xxxl); letter-spacing: var(--ls-h1); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-body { font-size: var(--clamp-body); line-height: var(--lh-body); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } /* Text */ .text-larger {font-size: 2em;} .text-smaller {font-size: 0.875em;} .text-lighter { font-weight: 100; } .text-light { font-weight: 200; } .text-normal { font-weight: 400; } .text-semibold { font-weight: 600; } .text-bold { font-weight: 700; } .text-bolder, .text-black { font-weight: 900; } .text-italic { font-style: italic; } .text-oblique { font-style: oblique; } .text-decoration-none { -webkit-text-decoration: none; text-decoration: none; } .text-underline { -webkit-text-decoration: underline; text-decoration: underline; } .text-underline-wavy { -webkit-text-decoration: underline wavy; text-decoration: underline wavy; } .text-underline-dotted { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } .text-underline-double { -webkit-text-decoration: underline double; text-decoration: underline double; } .text-underline-dashed { -webkit-text-decoration: underline dashed; text-decoration: underline dashed; } .text-overline { -webkit-text-decoration: overline; text-decoration: overline; } .text-line-through { -webkit-text-decoration: line-through; text-decoration: line-through; } .text-transform-none { text-transform: none; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-capitalize { text-transform: capitalize; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .primary, .primary a {color: var(--primary)} .primary-off, .primary-off a {color: var(--primary-off)} .secondary, .secondary a {color: var(--secondary)} .secondary-off, .secondary-off a {color: var(--secondary-off)} .accent, .accent a {color: var(--accent)} .accent-off, .accent-off a{color: var(--accent-off)} .base, .base a {color: var(--base)} .white, .white a, .light, .light a {color: var(--white);} .grey, .grey a, .grey h1{color: var(--grey);} .grey-dark, .grey-dark a, .grey-dark h1{color: var(--grey-dark);} .grey-mid {a, h1, h2, h3, h4{color: var(--grey-mid);}} .grey-light, .grey-light a{color: var(--grey-light);} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} .body-off, .body-off a {color: var(--body-off);} .bg-primary {background-color: var(--primary)} .bg-primary-off {background-color: var(--primary-off)} .bg-secondary {background-color: var(--secondary)} .bg-secondary-off {background-color: var(--secondary-off)} .bg-accent {background-color: var(--accent)} .bg-accent-off {background-color: var(--accent-off)} .bg-base {background-color: var(--base)} .bg-white, .bg-light {background-color: var(--white);} .bg-grey {background-color: var(--grey);} .bg-grey-dark {background-color: var(--grey-dark);} .bg-grey-mid {background-color: var(--grey-mid);} .bg-grey-light {background-color: var(--grey-light);} .bg-black, .bg-dark {background-color: var(--black);} .bg-body-color {background-color: var(--body-color);} .bg-body-off {background-color: var(--body-off);} /* Space System */ /* Works like owl system */ .space-v-xs:not(.ct-section) > * + * { margin-top: var(--clamp-s); } .space-v-s:not(.ct-section) > * + * { margin-top: var(--clamp-m); } .space-v-m:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 2); } .space-v-l:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 3); } .space-v-xl:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 4); } .space-h-xs:not(.ct-section) > * + * { margin-left: var(--clamp-s); } .space-h-s:not(.ct-section) > * + * { margin-left: var(--clamp-m); } .space-h-m:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 2); } .space-h-l:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 3); } .space-h-xl:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 4); } @media (max-width: 480px) { .space-h-xs:not(.ct-section) > * + *,.space-h-s:not(.ct-section) > * + *, .space-h-m:not(.ct-section) > * + *, .space-h-l:not(.ct-section) > * + *, .space-h-xl:not(.ct-section) > * + * {margin-left:.5rem} } section{ padding: 0 clamp(1rem, calc(1rem + ((1vw - 0.3rem) * -1.9038)), 0.01rem); } /* New Padding sizes */ .brxe-section, section, .section, .zpsection { header &, footer & { padding: 0; } padding: calc(var(--clamp-section)*2) 0; &.pad-xxs, &.section-pad-xxs { padding: calc(var(--clamp-section)*.25) 0; } &.pad-xs, &.section-pad-xs { padding: calc(var(--clamp-section)*.5) 0; } &.pad-s, &.section-pad-s { padding: calc(var(--clamp-section)*1) 0; } &.pad-m, &.section-pad-m { padding: calc(var(--clamp-section)*2) 0; } &.pad-l, &.section-pad-l { padding: calc(var(--clamp-section)*3) 0; } &.pad-xl, &.section-pad-xl { padding: calc(var(--clamp-section)*4) 0; } } .brxe-container, .container, .zpcontainer{ row-gap: calc(var(--clamp-s) * 4); column-gap: calc(var(--clamp-s) * 4); &.pad-xs {padding: calc(var(--clamp-s) * 1)} &.pad-s {padding: calc(var(--clamp-s) * 2)} &.pad-m {padding: calc(var(--clamp-s) * 4)} &.pad-l {padding: calc(var(--clamp-s) * 6)} &.pad-xl {padding: calc(var(--clamp-s) * 8)} &.pad-xxl {padding: calc(var(--clamp-s) * 10)} &.pad-xxxl {padding: calc(var(--clamp-s) * 12)} &.row-gap-xs {row-gap: calc(var(--clamp-s) * 1)} &.row-gap-s {row-gap: calc(var(--clamp-s) * 2)} &.row-gap-l {row-gap: calc(var(--clamp-s) * 6)} &.row-gap-xl {row-gap: calc(var(--clamp-s) * 8)} &.row-gap-xxl {row-gap: calc(var(--clamp-s) * 10)} &.row-gap-xxxl {row-gap: calc(var(--clamp-s) * 12)} &.col-gap-xs {column-gap: calc(var(--clamp-s) * 1)} &.col-gap-s {column-gap: calc(var(--clamp-s) * 2)} &.col-gap-l {column-gap: calc(var(--clamp-s) * 6)} &.col-gap-xl {column-gap: calc(var(--clamp-s) * 8)} &.col-gap-xxl {column-gap: calc(var(--clamp-s) * 10)} &.col-gap-xxxl {column-gap: calc(var(--clamp-s) * 12)} } .brxe-block, .block, .zpelem-box{ display: flex; align-items: flex-start; flex-direction: column; width: 100%; row-gap: calc(var(--clamp-s) * 1); column-gap: calc(var(--clamp-s) * 1); &.pad-xs {padding: calc(var(--clamp-s) * .75)} &.pad-s {padding: calc(var(--clamp-s) * 1)} &.pad-m {padding: calc(var(--clamp-s) * 1.5)} &.pad-l {padding: calc(var(--clamp-s) * 2)} &.pad-xl {padding: calc(var(--clamp-s) * 2.5)} &.pad-xxl {padding: calc(var(--clamp-s) * 3)} &.pad-xxxl {padding: calc(var(--clamp-s) * 3.5)} &.row-gap-xs {row-gap: calc(var(--clamp-s) * .25)} &.row-gap-s {row-gap: calc(var(--clamp-s) * .75)} &.row-gap-l {row-gap: calc(var(--clamp-s) * 1.5)} &.row-gap-xl {row-gap: calc(var(--clamp-s) * 2)} &.row-gap-xxl {row-gap: calc(var(--clamp-s) * 2.5)} &.row-gap-xxxl {row-gap: calc(var(--clamp-s) * 3)} &.col-gap-xs {column-gap: calc(var(--clamp-s) * .25)} &.col-gap-s {column-gap: calc(var(--clamp-s) * .75)} &.col-gap-l {column-gap: calc(var(--clamp-s) * 1.5)} &.col-gap-xl {column-gap: calc(var(--clamp-s) * 2)} &.col-gap-xxl {column-gap: calc(var(--clamp-s) * 2.5)} &.col-gap-xxxl {column-gap: calc(var(--clamp-s) * 3)} } /* Width System */ .width-1 {width: calc(1*8.3%);} .width-2, .width-xs {width: calc(2*8.3%);} .width-3, .width-s {width: calc(3*8.3%);} .width-4, .width-m {width: calc(4*8.3%);} .width-5 {width: calc(5*8.3%);} .width-6, .width-l, .width-50 {width: calc(6*8.3%);} .width-7 {width: calc(7*8.3%);} .width-8, .width-xl {width: calc(8*8.3%);} .width-9 {width: calc(9*8.3%);} .width-10 {width: calc(10*8.3%);} .width-11 {width: calc(11*8.3%);} .width-12 {width: calc(12*8.3%);} .width-full, .container { width: 100%; max-width: 100%; } /* Reactivate */ .col-1 {width: calc(var(--col)*1 - 2rem)} .col-2 {width: calc(var(--col)*2 - 2rem)} .col-3 {width: calc(var(--col)*3 - 2rem)} .col-4 {width: calc(var(--col)*4 - 2rem)} .col-5 {width: calc(var(--col)*5 - 2rem)} .col-6 {width: calc(var(--col)*6 - 2rem)} .col-7 {width: calc(var(--col)*7 - 2rem)} .col-8 {width: calc(var(--col)*8 - 2rem)} .col-9 {width: calc(var(--col)*9 - 2rem)} .col-10 {width: calc(var(--col)*10 - 2rem)} .col-11 {width: calc(var(--col)*11 - 2rem)} .col-12 {width: calc(var(--col)*12 - 2rem)} @media (max-width: 1312px) { .width-full, .container {max-width: 1200px;} .width-l-full {width: 100%;} } @media (max-width: 992px) { .width-full, .container {max-width: 992px} .width-xxl, .width-xl, .width-l, .width-m, .width-50, .width-4, .width-5, .width-6, .width-7, .width-8, .width-9, .width-10, .width-100, .col-12, .col-11, .col-10 {width: 100%;} .width-1, .width-2, .width-3, .width-xs, .width-s {width: 50%;} .width-lg-1 {width: calc(1*25%);} .width-lg-2, .width-lg-xs {width: calc(2*25%);} .width-lg-3, .width-lg-s {width: calc(3*25%);} .width-lg-4, .width-lg-m {width: calc(4*25%);} } @media (max-width:480px) { .width-sm-1 {width: calc(1*25%)} .width-sm-2 {width: calc(2*25%)} .width-sm-3 {width: calc(3*25%)} .width-sm-full, .width-sm-4 {width: 100%;} } .card { background-color: var(--white); box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; border-radius: var(--border-radius); border:1px solid #eee; transition: all 500ms; } @media (max-width: 768px) { .card { margin: 0.5rem 0;} } .card:hover { box-shadow: .25rem .25rem 1rem rgba(0, 0, 0, 0.3); cursor: pointer; } /* Grid */ .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-1-2, .grid-1-3, .grid-2-1, .grid-2-3, .grid-3-1, .grid-3-2 { display: grid !important; gap: calc(var(--clamp-s) * 2);; align-items: stretch; } .grid-2:not(.ct-section) { grid-template-columns: repeat(2,1fr); } .grid-3:not(.ct-section) { grid-template-columns: repeat(3,1fr); } .grid-4:not(.ct-section) { grid-template-columns: repeat(4,1fr); } .grid-5:not(.ct-section) { grid-template-columns: repeat(5,1fr); } .grid-6:not(.ct-section) { grid-template-columns: repeat(6,1fr); } @media (max-width: 1312px) { .col-9, .col-10, .col-11, .col-12 {width: auto;} } @media (max-width: 992px) { .col-9, .col-10, .col-11, .col-12 {width: auto;} .col-5, .col-6, .col-7, .col-8 {width: auto} .grid-3:not(.ct-section),.grid-4:not(.ct-section) {grid-template-columns: repeat(3,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(4,1fr);} } @media (max-width: 768px) { .grid-3:not(.ct-section),.grid-4:not(.ct-section) {grid-template-columns: repeat(2,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(3,1fr);} .grid-md-1:not(.ct-section){grid-template-columns: repeat(1,1fr);} .grid-md-2:not(.ct-section){grid-template-columns: repeat(2,1fr);} .grid-md-3:not(.ct-section){grid-template-columns: repeat(3,1fr);} .grid-md-4:not(.ct-section){grid-template-columns: repeat(4,1fr);} } @media (max-width:480px) { .grid-2:not(.ct-section),.grid-3:not(.ct-section) { grid-template-columns: repeat(1,1fr);} .grid-sm-1:not(.ct-section){grid-template-columns: repeat(1,1fr);} .grid-sm-2:not(.ct-section){grid-template-columns: repeat(2,1fr);} .grid-sm-3:not(.ct-section){grid-template-columns: repeat(3,1fr);} .grid-sm-4:not(.ct-section){grid-template-columns: repeat(4,1fr);} } @media (max-width: 340px) { .grid-4:not(.ct-section) {grid-template-columns: repeat(1,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(2,1fr);} } .grid-1-2:not(.ct-section) { grid-template-columns: 1fr 2fr; } .grid-1-3:not(.ct-section) { grid-template-columns: 1fr 3fr; } .grid-2-1:not(.ct-section) { grid-template-columns: 2fr 1fr; } .grid-2-3:not(.ct-section) { grid-template-columns: 2fr 3fr; } .grid-3-1:not(.ct-section) { grid-template-columns: 3fr 1fr; } .grid-3-2:not(.ct-section) { grid-template-columns: 3fr 2fr; } @media (max-width: 768px) { .grid-1-2:not(.ct-section) { grid-template-columns: repeat(1, 1fr);} .grid-1-3:not(.ct-section), .grid-2-3:not(.ct-section) {grid-template-columns: 1fr 2fr;} .grid-3-1:not(.ct-section), .grid-3-2:not(.ct-section) {grid-template-columns: 2fr 1fr;} } @media (max-width: 480px) { .grid-1-2:not(.ct-section),.grid-2-1:not(.ct-section), .grid-1-3:not(.ct-section),.grid-3-2:not(.ct-section),.grid-2-3:not(.ct-section),.grid-3-1:not(.ct-section) { grid-template-columns: repeat(1, 1fr); } } .grid-top {align-items: start;} .grid-bottom{align-items: end;} /* Gaps for Grid */ .gap-xs:not(.ct-section) { gap: var(--clamp-s) } .gap-s:not(.ct-section) { gap: var(--clamp-m) } .gap-m:not(.ct-section) { gap: calc(var(--clamp-s) * 2); } .gap-l:not(.ct-section) { gap: calc(var(--clamp-s) * 3); } .gap-xl:not(.ct-section) { gap: calc(var(--clamp-s) * 4); } .gap-xxl:not(.ct-section) { gap: calc(var(--clamp-s) * 6); } .gap-none:not(.ct-section), .gap-0:not(.ct-section) { gap: 0; } /* Breakout */ @media (min-width: 1279px) { .breakout-s { width: 60vw; max-width: 60vw !important; margin: 0 calc(-30vw + 50%); } .breakout-m { width: 70vw; max-width: 70vw !important; margin: 0 calc(-35vw + 50%); } .breakout-l { width: 80vw; max-width: 80vw !important; margin: 0 calc(-40vw + 50%); } .breakout-xl { width: 90vw; max-width: 90vw !important; margin: 0 calc(-45vw + 50%); } } .breakout-full { width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; } @media (max-width: 1279px) { [class*="breakout-"]:not(.breakout-full) { width: 100% !important; max-width: 100% !important; margin: 0; } } @media (max-width: 768px) { .breakout-full {margin: 0} } @media (max-width: 480px) { .breakout-m-full { width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; align-self: flex-start;} } /* Margin */ .margin-v-xs:not(.ct-section) { margin: var(--clamp-s) 0; } .margin-v-s:not(.ct-section) { margin: var(--clamp-m) 0; } .margin-v-m:not(.ct-section) { margin: calc(var(--clamp-s) * 2) 0; } .margin-v-l:not(.ct-section) { margin: calc(var(--clamp-s) * 3) 0; } .margin-v-xl:not(.ct-section) { margin: calc(var(--clamp-s) * 4) 0; } .margin-v-xxl:not(.ct-section) { margin: vcalc(var(--clamp-s) * 6) 0; } @media (max-width: 1312px) { .pad-lg-0, .pad-xl-0, .pad-xl-none, {padding: 0;} } @media (max-width: 992px) { .pad-md-0, .pad-lg-0, .pad-lg-none {padding: 0 !important;} .grid-xl-reverse, .grid-lg-reverse {order: -1} } @media (max-width: 768px) { .pad-xxl, .pad-xl, .brxe-container.pad-xxl, .brxe-container.pad-xl, .container.pad-xxl, .container.pad-xl { padding: var(--clamp-m); } .pad-md-none, .pad-lg-none, .pad-md-0 {padding: 0 !important} .grid-l-reverse, .grid-md-reverse {order: -1} .pad-l, .brxe-container.pad-l, .brxe-container.pad-m, .container.pad-l, .container.pad-m { padding: var(--clamp-s);} } @media (max-width: 480px) { .pad-sm-none, .pad-m-none, .pad-sm-0 {padding: 0 !important} .grid-m-reverse, .grid-sm-reverse {order: -1} } .pad-v-xs:not(.ct-section) { padding-top: var(--clamp-s); padding-bottom: var(--clamp-s); } .pad-v-s:not(.ct-section) { padding-top: var(--clamp-m); padding-bottom: var(--clamp-m); } .pad-v-m:not(.ct-section) { padding-top: calc(var(--clamp-s) * 2); padding-bottom: calc(var(--clamp-s) * 2); } .pad-v-l:not(.ct-section), .pad-v { padding-top: calc(var(--clamp-s) * 3); padding-bottom: calc(var(--clamp-s) * 3); } .pad-v-xl:not(.ct-section) { padding-top: calc(var(--clamp-s) * 4); padding-bottom: calc(var(--clamp-s) * 4); } .pad-v-xxl:not(.ct-section) { padding-top: calc(var(--clamp-s) * 6); padding-bottom: calc(var(--clamp-s) * 6); } .pad-v-xxxl:not(.ct-section) { padding-top: var(--clamp-xxxl); padding-bottom: var(--clamp-xxxl); } .margin-b-xs {margin-bottom: var(--s)} .margin-b-s {margin-bottom: var(--m)} .margin-b-m {margin-bottom: calc(var(--s) * 3)} .margin-b-l {margin-bottom: calc(var(--s) * 4)} .margin-b-xl {margin-bottom: calc(var(--s) * 6)} .margin-b-xxl {margin-bottom: calc(var(--s) * 8)} .pad-h-xs:not(.ct-section) { padding-left: var(--clamp-s); padding-right: var(--clamp-s); } .pad-h-s:not(.ct-section) { padding-left: var(--clamp-m); padding-right: var(--clamp-m); } .pad-h-m:not(.ct-section) { padding-left: calc(var(--clamp-s) * 2); padding-right: calc(var(--clamp-s) * 2); } .pad-h-l:not(.ct-section) { padding-left: calc(var(--clamp-s) * 3); padding-right: calc(var(--clamp-s) * 3); } .pad-h-xl:not(.ct-section) { padding-left: calc(var(--clamp-s) * 4); padding-right: calc(var(--clamp-s) * 4); } .pad-0 {padding: 0} /* Center */ .center-all, .center-all > * { flex-direction: column; align-items: center; align-self: center; align-content: center; justify-content: center; justify-items: center; text-align: center; } .center-v{ flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; } .center-h { flex-direction: column; justify-items: center; justify-content: center; align-items: center; } @media (max-width: 991px) { .center-all:not(.ct-section), .ct-section.center-all > .ct-section-inner-wrap { display: flex; flex-direction: column; align-items: center; align-content: center; justify-items: center; justify-content: center; text-align: center; } .center-y:not(.ct-section), .ct-section.center-y > .ct-section-inner-wrap { flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; } .center-h:not(.ct-section), .ct-section.center-h > .ct-section-inner-wrap { display: flex; flex-direction: column; justify-items: center; justify-content: center; align-items: center; } } .center-self, .align-center {margin: auto;} .align-right {margin-left: auto;} .sticky { position: -webkit-sticky; position: sticky; top: 0; } .sticky-top-s { top: 2.5%; } .sticky-top-m { top: 5%; } .sticky-top-l { top: 10%; } @media only screen and (max-width: 767px) { .sticky-top-s, .sticky-top-m, .sticky-top-l {top:.5rem} } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a,.btn-white a, .btn-black a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a::before,.btn-secondary a::before,.btn-accent a::before,.btn-white a::before, .btn-black a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; z-index: -1; transform: translateX(-110%); border-radius: var(--btn-radius); } .btn-primary a::before { /*background-color: var(--primary-off);*/ background-color: #ff5757; } .btn-secondary a::before { background-color: var(--secondary-off); } .btn-accent a::before { background-color: var(--accent-off); } .btn-white a::before { background-color: var(--body-color); } .btn-white a::before { background-color: var(--body-color); } .btn-black a::before { background-color: var(--white); } .btn-primary a:hover::before, .btn-secondary a:hover::before, .btn-accent a:hover::before, .btn-white a:hover::before, .btn-black a:hover::before { transform: translateX(0); } .btn-long a:hover {padding-right: 4em} .btn-primary a::after, .btn-secondar a::after, .btn-accent a::after, .btn-white a::after, .btn-black a::after { content: var(--btn-hover); position: absolute; right: var(--btn-on); opacity:0; transition: all .2s; } .btn-primary a:hover::after,.btn-secondary a:hover::after,.btn-accent a:hover::after, .btn-white a:hover::after, .btn-black a:hover::after{ right:1em; opacity:1; } .btn-primary a { background-color: var(--primary); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-primary.btn-outline a{ background-color: transparent; color: var(--primary); box-shadow: 0 0 0 var(--btn-outline-border) var(--primary) inset } .btn-primary.btn-outline a::before { background-color: var(--primary); } .btn-primary.btn-outline a:hover { color:var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--primary) inset } .btn-secondary a { background-color: var(--secondary); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-secondary.btn-outline a{ background-color: transparent; color: var(--secondary); box-shadow: 0 0 0 var(--btn-outline-border) var(--secondary) inset } .btn-secondary.btn-outline a::before { background-color: var(--secondary); } color:var(--white); .btn-secondary.btn-outline a:hover { box-shadow: 0 0 0 var(--btn-outline-border) var(--secondary) inset } .btn-accent a{ background-color: var(--accent); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-accent.btn-outline a { background-color: transparent; color: var(--accent); box-shadow: 0 0 0 var(--btn-outline-border) var(--accent) inset } .btn-accent.btn-outline a::before { background-color: var(--accent); } .btn-accent.btn-outline a:hover { color:var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--accent) inset } .btn-white a { background-color: var(--white); color:var(--black); font-size: var(--clamp-body); } .btn-white a:hover {color:var(--white)} .btn-white.btn-outline a { background-color: transparent; color: var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-white.btn-outline a::before { background-color: var(--white); } .btn-white.btn-outline a:hover { color:var(--black); box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-black a{ background-color: var(--black); color:var(--white); font-size: var(--body); font-size: var(--clamp-body); } .btn-black a:hover {color:var(--black)} .btn-black.btn-outline a { background-color: transparent; color: var(--black); box-shadow: 0 0 0 var(--btn-outline-border) var(--black) inset } .btn-black a.btn-outline a::before { background-color: var(--white); } .btn-black.btn-outline a:hover { /* color:var(--black); */ box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-xs a{ font-size: var(--clamp-xs); padding: calc(var(--clamp-xs)*.75) calc(var(--clamp-xs)*1.5); } .btn-s a{ font-size: var(--s); font-size: var(--clamp-s); padding: calc(var(--clamp-s)*.75) calc(var(--clamp-s)*1.5); } .btn-m a{ font-size: var(--clamp-m); padding: calc(var(--clamp-body)*1.25) calc(var(--clamp-body)*2.5); } .btn-l a{ font-size: var(--clamp-l); padding: calc(var(--clamp-body)*1.5) calc(var(--clamp-body)*3); } .btn-long a{padding: calc(var(--clamp-body)) calc(var(--clamp-body)*4);} .btn-xs.btn-long a{ padding: calc(var(--clamp-xs)) calc(var(--clamp-xs)*4);} .btn-s.btn-long a { padding: calc(var(--clamp-s)) calc(var(--clamp-s)*4);} .btn-m.btn-long a{ padding: calc(var(--clamp-m)) calc(var(--clamp-m)*4);} .btn-l.btn-long a{ padding: calc(var(--clamp-l)) calc(var(--clamp-l)*4);} a[class*="btn--"] { display: inline-block; } .btn-clear a{ background: none; border: none; } a { transition: all 0.5s; color: var(--primary); } button a:hover { cursor: pointer; filter: brightness(var(--hover-brightness)); } @media (max-width:480px) { .btn-long{ padding: var(--clamp-body) calc(var(--clamp-body)*2);} .btn-xs.btn-long { padding: calc(var(--clamp-xs)) calc(var(--clamp-xs)*2);} .btn-s.btn-long { padding: calc(var(--clamp-s)) calc(var(--clamp-s)*2);} .btn-m.btn-long { padding: calc(var(--clamp-m)) calc(var(--clamp-m)*2);} .btn-l.btn-long { padding: calc(var(--clamp-l)) calc(var(--clamp-l)*2);} .btn-m { padding: calc(var(--clamp-body)*1) calc(var(--clamp-body)*1.5);} .btn-l { padding: calc(var(--clamp-body)*1.25) calc(var(--clamp-body)*2);} } a.btn-text-dark {color: var(--black)} a.btn-text-light {color:var(--white)} a.link-primary, .link-primary a {color: var(--primary); } a.link-secondary, .link-secondary a {color: var(--secondary)} a.link-accent, .link-accent a {color: var(--accent)} a.link-white, .link-white a {color: var(--white)} a.link-grey, .link-grey a {color: var(--grey)} a.link-body, .link-body a {color: var(--body-color)} a.link-primary, a.link-secondary, a.link-accent, a.link-white, a.link-grey, a.link-body { display: inline-block; text-decoration: none; } a.link-primary::after, a.link-secondary::after, a.link-accent::after, a.link-white::after, a.link-grey::after, a.link-body::after, .link-primary a::after, .link-secondary a::after, .link-accent a::after, .link-white a::after, .link-grey a::after, .link-body a::after { content: ''; display: block; width: 0; height: 2px; transition: width .4s; margin-top:6px } a.link-primary::after, .link-primary a::after { background: var(--primary);} a.link-secondary::after, .link-secondary a::after {background: var(--secondary)} a.link-accent::after, .link-accent a::after {background: var(--accent)} a.link-white::after, .link-white a::after {background: var(--white)} a.link-grey::after, .link-grey a::after {background: var(--grey)} a.link-body::after, a.link-body a::after {background: var(--body-color)} a.link-primary:hover::after, a.link-secondary:hover::after, a.link-accent:hover::after, a.link-white:hover::after, a.link-grey:hover::after, a.link-body:hover::after, .link-primary:hover a::after, .link-secondary:hover a::after, .link-accent:hover a::after, .link-white:hover a::after, .link-grey:hover a::after, .link-body:hover a::after { width:100%; } .rounded-xs, .rounded-xs img { border-radius: 0.4444444444rem; } .rounded-s, .rounded-s img{ border-radius: 0.25rem; } .rounded-m, .rounded-m img { border-radius: 0.5rem; } .rounded-l, .rounded-l img { border-radius: 1rem; } .rounded-xl, .rounded-xl img { border-radius: 2rem; } .rounded-xxl, .rounded-xxl img{ border-radius: 4rem; } .rounded-circle, .rounded-circle img { border-radius: 50%; } /* .rounded-xs, .rounded-s, .rounded-m, .rounded-l, .rounded-xl, .rounded-xxl, .rounded-circle {overflow: hidden;} */ /* Tables */ table { border: 1px solid var(--grey-light); border-radius: var(--border-radius); border-spacing: 0; display: inline-block; max-width: 100%; overflow-x: auto; padding: 0; white-space: nowrap; } table td, table th, table tr { padding: 0.75rem 1rem; } table thead { background-color: var(--primary); border-collapse: collapse; border-radius: var(--border-radius); color: var(--base); border-color: var(--primary); margin: 0; padding: 0; } table thead th:first-child { border-top-left-radius: var(--border-radius); } table thead th:last-child { border-top-right-radius: var(--border-radius); } table tr:nth-child(even) { /* background-color: var(--grey-light);*/ } /* Quotes */ blockquote p::before { content: open-quote; font-size: 2em; position: relative; top:.125em; right:.5em; display:block; line-height:0; } blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--body-mute); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} ol li, ul li { padding: 0.5rem 0; } main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } pre { margin: 1rem 0; max-width: var(--width-card-l); padding: 1rem 0; } pre code, pre samp { display: block; max-width: var(--width-card-l); padding: 0.5rem 2rem; white-space: pre-wrap; } @media (max-width: 480px) { form { padding: 1rem 0; } } form header { margin: 1.5rem 0; padding: 1.5rem 0; } input, label, select, textarea { display: block; font-size: inherit; } input[type="checkbox"], input[type="radio"] { display: inline-block; } input[type="checkbox"]+label, input[type="radio"]+label { display: inline-block; font-weight: normal; } input, select,textarea { border: 1px solid var(--grey); border-radius: var(--border-radius); } input[readonly], textarea[readonly] { background-color: var(--grey); } label, .label { margin-bottom: 0.2rem; font-size: var(--clamp-xs); } form ul li { padding: 0 } ::selection { color: var(--base); background: var(--primary); } /* width */ ::-webkit-scrollbar { width:8px; height:8px; } /* Track */ ::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.1); border-radius: 8px; border:none; } /* Handle */ ::-webkit-scrollbar-thumb { background-image: linear-gradient( rgba(0,0,0,0.3), rgba(0,0,0,0.3)); border-radius:8px; box-shadow: rgba(0,0,0,.12) 0 3px 13px 1px; transition: all 1s; } ::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active { background-image: linear-gradient(45deg, var(--primary), var(--secondary)); } @media (max-width:992px) { .none-lg {display: none !important;} blockquote {max-width:75vw} } @media (max-width:768px) { .none-md {display: none !important;} } @media (max-width:480px) { .none-sm {display: none !important;} blockquote {max-width:90vw} } .div-relative { position: relative} .div-absolute {position: absolute} .height-25 {min-height: 25vh;} .height-50 {min-height: 50vh;} .height-60 {min-height: 60vh;} .height-75 {min-height: 75vh;} .height-80 {min-height: 80vh;} .height-100,.height-full {min-height: 100vh;} .margin-top-5 {margin-top:5vh} .margin-top-10 {margin-top:10vh} .margin-top-25 {margin-top:25vh} .margin-0 {margin:0} .bg-img,.bg-default {position: relative; background-color: grey; background-image: repeating-linear-gradient( 45deg,#eee,#eee 10px,#ddd 10px,#ddd 20px );} @media (max-width:767px) { .height-md-25 {min-height: 25vh;} .height-md-50 {min-height: 50vh;} .height-md-60 {min-height: 60vh;} .height-md-75 {min-height: 75vh;} .height-md-80 {min-height: 80vh;} .height-md-100,.height-full {min-height: 100vh;} } .ratio-1-1 {aspect-ratio: 1 / 1; object-fit: cover;} .ratio-2-3 {aspect-ratio: 2 / 3; object-fit: cover;} .ratio-3-2 {aspect-ratio: 3 / 2; object-fit: cover;} .ratio-3-4 {aspect-ratio: 3 / 4; object-fit: cover;} .ratio-4-3 {aspect-ratio: 4 / 3; object-fit: cover;} .ratio-16-9 {aspect-ratio: 16 / 9; object-fit: cover;} .columns-2 {column-count: 2} .columns-3 {column-count: 3} @media (max-width:992px) { .columns-2, .columns-3 {column-count: 1} } main em { padding: 0 0.5rem; border-radius: 1em; font-style: normal; font-weight:500; background-image: linear-gradient(90deg,var(--highlight-dark),var(--highlight),var(--highlight)); } .border-grey {border:1px solid var(--grey); border-radius: var(--border-radius)} .border-grey-dark {border:1px solid var(--grey-dark); border-radius: var(--border-radius)} .fit-content > * {min-width:fit-content} .flex-row {display:flex; flex-direction: row;} .flex-right {justify-content: right;} .flex-h-center {justify-content: center;} .flex-v-center {align-items: center;} .flex-col {display:flex; flex-direction: column;} .flex-wrap {flex-wrap: wrap;} @media (max-width: 768px) { .flex > * {min-width:auto} } .none {display:none !important} /* New for 11ty */ .brxe-container, .container, .zpcontainer { width: 1312px; display: flex; flex-direction: column; margin-left:auto; margin-right: auto; @media (max-width: 992px) { width: 100%; padding: 0 var(--clamp-s); } } /* =============== END OF AUTOCSS =============== */ /* ZOHO FIX */ /* =============== CUSTOM CSS STARTS HERE =============== */ .hero-banner{ background-repeat:no-repeat; display: flex; flex-direction:row; align-items:center; padding: 0; } .hero-svg{ height:560px; } .hero-wrap{ position: relative; } .hero-background { position: absolute; } .btn-primary a{ background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-primary a.zpbutton-wrapper.zpbutton.zpbutton-type-primary { color: white; } .btn-box{ display:flex; flex-direction:row; gap:2em; } @media (max-width:767px) { .btn-box{ flex-direction:column;} } .btn-box.zpelement:before { content: ""; display: none; } .text-grad-1, h2 span{ font-family: var(--font-family); background: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Client logo filmstrip */ .client-logo{ .hb-grid-gallery img { max-width: 100px; margin: 0 30px; filter: grayscale(1); transition: filter .3s; } .hb-grid-gallery img:hover { filter: grayscale(0); } .zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container.zpcarousel-arrow-type-03 svg{ fill:var(--primary); } [data-layout-type=filmstrip].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-left, [data-layout-type=filmstrip].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-right, [data-filmstrip-enabled].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-left, [data-filmstrip-enabled].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-right{ background: var(--white); } } .bg-red-b{ background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); } .team-transformation { background-image: url(/teams%20transformation.webp), linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-size: 50%, 100% 30rem, 100% 30rem; background-position: left bottom, center bottom, center bottom; padding-bottom: 25rem; /*background-position: left bottom, center, center;*/ background-repeat: no-repeat; } .step { color: var(--primary); font-weight: 500; border: 1px solid var(--grey-light); padding: 0 0.8em; border-radius: var(--xs); display: flex; align-items: center; } .step::before { width: 10px; height: 10px; background: var(--gradient-1); content: " "; margin-right: 5px; } .cards-2{ box-shadow: none; border: 1px solid var(--grey-light); } .cards-2 h3.zpimage-heading { font-weight: 800; } .bg-grad-2{ background: radial-gradient(44.16% 44.16% at 49.97% 35.03%, rgba(145, 55, 124, 0.1) 0%, rgba(255, 255, 255, 0.5) 79.97%, #fff 100%), var(--white); } .text-label{ letter-spacing: 4px; font-weight: 500; font-size: var(--s); } .footer-cta { } /* solutions internal pages*/ .features-header{ background-size: 60%; } @media (max-width: 480px) { .features-header { background-size: 76%; height: 480px; padding-top: 90px; }} .features-section{ background-image: linear-gradient(180deg, #fff 20%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-size: 100%; background-position: top center; background-repeat: no-repeat; } .feature-wrap{ margin-top: -10em; } .feature-icon .zpicon-container .zpicon-size-md{ background: linear-gradient(42deg, #e83935 0%, #871c1c 100%); border-radius: var(--s); } .feature-icon{ width: 100%; } .feature-icon h4{ font-size:var(--m); font-weight: 600; margin-top: 12px; } .footer{ background: linear-gradient(90deg, rgba(255, 87, 87, 0.7) 50%, rgba(140, 82, 255, 0.7) 100%), #000; color:white; } .footer a{ color:var(--white) } .footer .zpcontainer-fluid.zpcontainer { row-gap: 1em; } .footer-bottom{ display: flex; flex-direction: row; align-content: space-between; } .credit{ opacity: 0.5; } .text-label h1{ font-size:var(--xs); font-weight:600; color:var(--grey); text-transform: uppercase; } .text-label{ } .theme-blog-container .zptext *{ margin:1em; } h2.hero {font} .btn-secondary:hover {color:var(--white)} /* Responsive Fix 1024 to 0 px*/ @media (max-width: 768px) { .team-transformation {padding-bottom: 10rem} .hero-banner{ height: auto; } } /* Mobile Fix 768px to 0 px*/ @media (max-width: 768px) { .gap-s {gap:1rem} .card {margin:0} } /* Mobile Fix 425px to 0 px*/ @media (max-width: 425px) { .gap-s {gap:1rem} } .team-transformation h3, .solutions h3{ font-size: var(--m); } .flex{ display: flex; flex-direction: row; } .theme-blog-post-content h2 span{ background: unset; background-clip: unset; -webkit-text-fill-color: unset; font-size: unset; } .theme-logo-parent img { height: auto; width: 50px; } .footer h5 { font-weight: 600; } .solution-img-prob .zpimage-container.zpimage-align-center figure img { object-fit: cover; } @media (max-width: 924px) { .solution-img-prob .zpimage-container.zpimage-align-center figure img { width: auto !important; } } /********* contact form ************/ .contact-form button, .contact-form input[type='submit'], .contact-form input[type='reset'], .contact-form input[type='button'] { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .fields-wrap { width: 510px; row-gap: 0.5em; display: flex; flex-direction: column; } /* Fix for Jagged on mobile */ html,body { overflow-x: clip; } .zpcontainer, .zpcontainer-fluid, .theme-content-area { max-width: 100%; } .contact-form-page{ width:100%; height: 800px; min-height:800px } </style><main><article><h2 class="text-xl text-bold text-center" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Introducing Canvas Home View in Zoho CRM</h2><p style="letter-spacing:0.3px;">For most organisations, the CRM homepage is treated as a default starting point.</p><p style="letter-spacing:0.3px;">It shows activity. It shows numbers. It shows updates. But very few teams ever question whether it is actually helping people work better.</p><p style="letter-spacing:0.3px;">Over time, this becomes a blind spot. Teams adapt to the system instead of improving it. They click through multiple modules, rely on fragmented views, and spend unnecessary time navigating instead of acting.</p><p style="letter-spacing:0.3px;">At Aplikasi, we see this pattern consistently across SMEs and growing enterprises. The issue is not a lack of capability within the CRM. It is the absence of intentional design. Zoho CRM&rsquo;s Canvas Home View addresses this directly.</p><img src="https://www.aplikasi.us/Article%20Images/crm-canvas.jpg" alt="Zoho CRM Canvas Home View drag and drop homepage builder interface"><p style="text-align:center;font-size:13px;letter-spacing:0.3px;">Image Credit: Zoho CRM Official Page</p><h2 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">From Static Dashboard to Operational Workspace</h2><p style="letter-spacing:0.3px;">Canvas Home View introduces the ability to design your CRM homepage using a drag and drop interface, transforming it from a fixed dashboard into a configurable workspace.</p><p style="letter-spacing:0.3px;">This distinction matters.</p><p style="letter-spacing:0.3px;">A dashboard is passive. It displays information.</p><p style="letter-spacing:0.3px;">A workspace is active. It supports decision-making.</p><p style="letter-spacing:0.3px;">With Canvas, your homepage becomes a layer where data, actions, and priorities are structured in a way that aligns with how each role operates.</p><p style="letter-spacing:0.3px;">This is not about aesthetics. It is about operational efficiency.</p><h2 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Aligning CRM Experience with Role-Based Workflows</h2><p style="letter-spacing:0.3px;">One of the most common inefficiencies in CRM usage comes from a one-size-fits-all interface. Sales, marketing, and support teams are often exposed to the same layout despite having fundamentally different priorities.</p><p style="letter-spacing:0.3px;">Canvas Home View enables organisations to design role-specific homepages that reflect how each function works.</p><ul><li>Sales teams can prioritise pipeline visibility, deal progress, and follow-ups</li><li>Support teams can focus on ticket queues, response times, and workload distribution</li><li>Marketing teams can track campaign performance and engagement metrics</li></ul><p style="letter-spacing:0.3px;">By structuring the homepage around role-specific needs, organisations reduce cognitive load and improve decision speed.</p><p style="letter-spacing:0.3px;">Users spend less time searching and more time executing.</p><h2 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Reducing Navigation Friction</h2><p style="letter-spacing:0.3px;">In many CRM environments, valuable time is lost not in analysis, but in navigation. Users move between modules, open multiple tabs, and reconstruct context manually before taking action.</p><p style="letter-spacing:0.3px;">Canvas Home View reduces this friction by allowing key components such as dashboards, custom views, reports, and widgets to be assembled into a single, unified interface. Existing canvas list views can also be embedded directly into the homepage in different formats including card, tile, or table views.</p><p style="letter-spacing:0.3px;">This creates a consolidated working environment where information is already contextualised. The result is a shorter path from insight to action.</p><h2 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Enabling Business-Led Customisation</h2><p style="letter-spacing:0.3px;">A common barrier to meaningful CRM customisation is technical dependency. Changes often require IT involvement, creating delays and limiting experimentation.</p><p style="letter-spacing:0.3px;">Canvas shifts this dynamic. With its drag and drop builder, business users can design and refine their own homepage layouts without coding.</p><p style="letter-spacing:0.3px;">This has two important implications:</p><ol><li><strong style="color:rgb(27, 27, 27);">Faster iteration</strong><br>Teams can adjust their workspace as priorities evolve without waiting for technical resources</li><li><strong style="color:rgb(27, 27, 27);">Closer alignment to actual workflows</strong><br>The people using the system are the ones shaping it</li></ol><p style="letter-spacing:0.3px;">This reduces the gap between system design and real-world usage.</p><h2 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Supporting Controlled Deployment</h2><p style="letter-spacing:0.3px;">Flexibility without governance often leads to inconsistency. Canvas Home View balances both.</p><p style="letter-spacing:0.3px;">Organisations can design and test homepage configurations in a sandbox environment before deploying them to production.</p><p style="letter-spacing:0.3px;">Once validated, these configurations can be shared across users, roles, groups, and territories to ensure alignment at scale.</p><p style="letter-spacing:0.3px;">Additionally, the ability to associate queries directly with homepage components ensures that displayed data remains relevant and actionable. This approach supports both experimentation and standardisation.</p><h2 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Practical Impact on Daily Operations</h2><p style="letter-spacing:0.3px;">To understand the impact, consider a typical sales workflow. Without optimisation, a sales manager may need to:</p><ul><li>Navigate to the deals module to review pipeline</li><li>Open reports to track monthly performance</li><li>Check activities for follow-ups</li><li>Compile information mentally before prioritising actions</li></ul><p style="letter-spacing:0.3px;">With Canvas Home View, these elements can be structured into a single interface.</p><p style="letter-spacing:0.3px;">Pipeline status, revenue progress, open deals, and pending follow-ups are visible immediately upon login.</p><p style="letter-spacing:0.3px;">This reduces context switching and enables faster, more informed decision-making at the start of the day.</p><h2 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Aplikasi&rsquo;s Perspective</h2><p style="letter-spacing:0.3px;">Technology alone does not create efficiency, structure does.</p><p style="letter-spacing:0.3px;">Canvas Home View is a powerful feature within Zoho CRM, but its effectiveness depends on how it is designed and aligned with your business processes.</p><p style="letter-spacing:0.3px;">At Aplikasi, our role is not just to implement systems, but to ensure they are structured in a way that supports how your teams actually work. This involves:</p><ul><li>Defining what each role needs to see and act on</li><li>Designing layouts that reduce friction</li><li>Ensuring consistency across teams while allowing necessary flexibility</li></ul><p style="letter-spacing:0.3px;">When done correctly, the CRM becomes more than a system of record. It becomes a system of action.</p><p style="letter-spacing:0.3px;">For teams looking to improve efficiency, reduce friction, and increase adoption, this is not just a feature update.</p><p style="letter-spacing:0.3px;">It is an opportunity to rethink how work gets done inside the CRM.</p><div class="btn-primary text-center"><a href="https://help.zoho.com/portal/en/community/topic/create-your-own-zoho-crm-homepage-using-canvas-home-view" target="_blank">More info</a></div>
</article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Thu, 03 Sep 2026 13:51:04 +0800</pubDate></item><item><title><![CDATA[[Case Study] Behind Carsome's Struggle]]></title><link>https://www.aplikasi.us/blogs/post/case-study-behind-carsome-s-struggle1</link><description><![CDATA[]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_vk1lyrekSMKcvg6HfgQO9A" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_5LAXiyUKQ6qwLedI3yj5Tw" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_ObnGeRPiQWaJ8chufCxPHw" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_ftvtdANvDliFN3Ht3HaavA" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>[Case Study] Carsome: Behind the Struggle with Customer Data</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; --highlight-dark: #FFC51490; --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem; --xxl: 4.5rem; --xl: 3.375rem; --l: 2.25rem; --m: 1.5rem; --body: 1.125rem; --s: 1rem; --xs:0.667rem; --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; --desktop: 1312px; --tablet: 992px; --landscape: 768px; --mobile: 480px; } *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} html { scroll-behavior: smooth; } body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } .text-bold { font-weight: 700; } .text-italic { font-style: italic; } .text-center { text-align: center; } .primary, .primary a {color: var(--primary)} .secondary, .secondary a {color: var(--secondary)} .accent, .accent a {color: var(--accent)} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } ol li, ul li { padding: 0.5rem 0; } main ul, main ol { margin: 0; padding-left: 0; list-style-position: inside; } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-secondary a { background-color: var(--secondary); } .btn-accent a{ background-color: var(--accent); } a { transition: all 0.5s; color: var(--primary); } /* Quotes */ blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--grey); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} blockquote::before, blockquote::after, blockquote p::before, blockquote p::after { content: none !important; } @media (max-width:992px) { blockquote {max-width:75vw} } @media (max-width:480px) { blockquote {max-width:90vw} } /* Tables */ table { border: 1px solid var(--grey-light); border-radius: var(--border-radius); border-spacing: 0; display: table; width: 100%; max-width: 100%; overflow-x: auto; padding: 0; white-space: normal; background-color: var(--white); } table td, table th, table tr { padding: 0.75rem 1rem; } table thead { background: linear-gradient(90deg, #ff3131 0%, #ff914d 100%); border-collapse: collapse; border-radius: var(--border-radius); color: var(--white); border-color: #ff914d; margin: 0; padding: 0; } table thead th:first-child { border-top-left-radius: var(--border-radius); } table thead th:last-child { border-top-right-radius: var(--border-radius); } table tbody tr:nth-child(even) { background-color: var(--grey-light); } </style><main><article><h1 class="text-xl text-bold text-center" style="margin-bottom:0.3rem;background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">[Case Study] Carsome: Behind the Struggle with Customer Data</h1><div style="width:100%;margin:0 auto 2rem;border-radius:1rem;overflow:hidden;aspect-ratio:16 / 9;"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/hHMe1oUifSg" title="Carsome Case Study" frameborder="0" allowfullscreen style="display:block;"></iframe></div>
<h3 class="text-m" style="margin-top:2rem;background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Business Case at a Glance</h3><p style="letter-spacing:0.3px;">Carsome encountered a significant challenge in <strong style="color:rgb(27, 27, 27);">retrieving historical client data</strong>, magnified by a specialized CRM module that <strong style="color:rgb(27, 27, 27);">treated each customer interaction as a distinct entity</strong> and <strong style="color:rgb(27, 27, 27);">not linking it back to any specific customer record</strong>, complicating service delivery and made it impossible to churn out meaningful demographical analytics.</p><p style="letter-spacing:0.3px;">Additionally, the integration of their old and new databases within the CRM system posed another obstacle, resulting in a <strong style="color:rgb(27, 27, 27);">cluttered database and complicating the consolidation of information</strong>. The challenge for Carsome extended beyond acquiring the right tools; it involved finding a seamless integration method to ensure operational smoothness.</p><p style="letter-spacing:0.3px;">Therefore there is a need for a solution that can <strong style="color:rgb(27, 27, 27);">help keep things organized</strong> and make it <strong style="color:rgb(27, 27, 27);">easier to look back at past information</strong>, which is especially important for big companies. The key is for the system to handle these challenges, <strong style="color:rgb(27, 27, 27);">making sure that keeping track of interactions and people's information works together smoothly</strong>. It's like a careful dance, and when done right, it turns managing information into a smooth and organized process.</p><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Company Background</h3><p style="letter-spacing:0.3px;">In the dynamic landscape of the automotive sales industry, one name stands out prominently which is <strong style="color:rgb(27, 27, 27);">Carsome</strong>. For over six years, this avant-garde company <strong style="color:rgb(27, 27, 27);">has been revolutionizing the used car subsector</strong>. Established in 2015, Carsome has etched its mark as a formidable player in the market. In 2017, the company expanded its operations across Southeast Asia, a move that underscored its growing regional presence. Not content with the status quo, Carsome made waves in 2020 by acquiring major competitors, iCar Asia, and 2ndLease, cementing its position as a dominant market force.</p><p style="letter-spacing:0.3px;">At the heart of Carsome's operations lies a mission to <strong style="color:rgb(27, 27, 27);">simplify the complexities of buying and selling used cars</strong>. The company's core values, <strong style="color:rgb(27, 27, 27);">built on transparency, trust, and innovation, define its commitment to delivering an exceptional customer experience</strong>. Carsome offers a <strong style="color:rgb(27, 27, 27);">comprehensive suite of services, encompassing inspections, certifications, and a digital marketplace for pre-owned vehicles</strong>. Their commitment to quality and reliability ensures that every car that passes through their platform is thoroughly vetted and backed by a warranty, giving customers peace of mind.</p><p style="letter-spacing:0.3px;">While the company website provides a detailed roster of key leadership personnel, one noteworthy figure is Co-founder and CEO, <strong style="color:rgb(27, 27, 27);">Eric Cheng</strong>. His visionary approach and leadership have played a pivotal role in steering Carsome toward its current success. With a steadfast commitment to their mission and values, Carsome continues to be a driving force in the used car industry, offering innovative solutions and trustworthy services to customers in Southeast Asia and beyond.</p><img src="https://www.aplikasi.us/Article%20Images/carsome%20gif%201.gif" alt="Meme graphic of a man in a Team Carsome jersey labelled King Eric of Cars"><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">The Challenge</h3><p style="letter-spacing:0.3px;">One of the foremost problems that Carsome faced was the <strong style="color:rgb(27, 27, 27);">inability to access historical data of a particular client</strong>. This issue stemmed from the fact that they had a <strong style="color:rgb(27, 27, 27);">custom module in their CRM system that created each old customer as a new entity, rather than connecting them to their existing records</strong>. Thus, this resulted in a situation that made it <strong style="color:rgb(27, 27, 27);">impossible to see old conversations and past deals</strong> making it tough to give top-notch services to customers.</p><p style="letter-spacing:0.3px;">Furthermore, Carsome faced a formidable challenge as they tried to <strong style="color:rgb(27, 27, 27);">integrate their old database with the new one within their CRM ecosystem</strong>. The failure to establish a seamless connection between the two databases created a <strong style="color:rgb(27, 27, 27);">disconnect that impeded their ability to gain a comprehensive view of their clients</strong>. This not only made it <strong style="color:rgb(27, 27, 27);">difficult to consolidate information but also led to a cluttered database</strong>.</p><p style="letter-spacing:0.3px;">These two problems contributed significantly to their <strong style="color:rgb(27, 27, 27);">inability to produce any meaningful customer-centric analytics</strong> which is pivotal in driving strategic decision-making.</p><p style="letter-spacing:0.3px;">Adding to their list of conundrums was the sheer volume of data that required migration. Carsome found themselves <strong style="color:rgb(27, 27, 27);">wrestling with the task of splitting this colossal chunk of data into separate modules</strong>, all the while ensuring that they were linked together for historical data preservation. They needed to put all the pieces together in the right way, but it was <strong style="color:rgb(27, 27, 27);">really tricky</strong>, and they <strong style="color:rgb(27, 27, 27);">didn't have all the right pieces to the puzzle</strong>.</p><p style="letter-spacing:0.3px;">Apart from their CRM tribulations, Carsome also confronted <strong style="color:rgb(27, 27, 27);">hurdles when they attempted to develop and embed their live chat support widget into their mobile applications</strong>. This was a two-fold challenge. Firstly, they <strong style="color:rgb(27, 27, 27);">lacked clear and comprehensive directions to navigate this intricate process</strong>. Secondly, the <strong style="color:rgb(27, 27, 27);">absence of appropriate resources, both in terms of human expertise and technical support</strong>, further complicates the issue. The absence of a well-defined roadmap delayed their progress in enhancing their mobile applications with the live chat support widget, which had the potential to significantly improve customer engagement.</p><img src="https://www.aplikasi.us/Article%20Images/carsome%20gif.gif" alt="Animated illustration of scattered yellow puzzle pieces, representing disconnected pieces of the problem"><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Finding the Solution</h3><p style="letter-spacing:0.3px;">To solve these problems, Carsome knew they needed a smart plan. They realized that just using technology wouldn't be enough. Fixing these issues meant <strong style="color:rgb(27, 27, 27);">careful planning</strong>, <strong style="color:rgb(27, 27, 27);">getting help from experts</strong>, and <strong style="color:rgb(27, 27, 27);">being creative with new ideas</strong>.</p><p style="letter-spacing:0.3px;">Regarding the issue of historical data within their CRM system, our proposed solution involved a <strong style="color:rgb(27, 27, 27);">substantial revamping of their data management procedures</strong>. The recommendation was to <strong style="color:rgb(27, 27, 27);">implement a rigorous data entry system</strong>, <strong style="color:rgb(27, 27, 27);">emphasizing consistency and accuracy</strong>. This required a concerted effort to ensure that all customer data was entered uniformly and accurately into the CRM, eradicating the creation of redundant records. Additionally, a robust data linkage mechanism was established to amalgamate customer records over time, not only thwarting data duplication but also furnishing a holistic view of customer interactions.</p><p style="letter-spacing:0.3px;">In addressing the challenge of integrating old and new databases, Carsome sought us as the experts of CRM who could bridge the gap seamlessly. We devised a strategy for the smooth <strong style="color:rgb(27, 27, 27);">migration of the old database into their CRM while safeguarding data integrity and averting duplication</strong>. This strategic collaboration allowed Carsome to <strong style="color:rgb(27, 27, 27);">unify its data sources</strong>, <strong style="color:rgb(27, 27, 27);">optimizing operational efficiency</strong> and <strong style="color:rgb(27, 27, 27);">paving the way for more streamlined data management</strong>.</p><p style="letter-spacing:0.3px;">Facing the complexity of organizing data, we took a systematic approach where we <strong style="color:rgb(27, 27, 27);">migrated their data into relevant groups and used a strong tagging system</strong>. This method made it much easier for them to track each customer's history and connect related parts. As a result, not only was the improvement in data organization clear, but it also helped make better decisions based on complete information.</p><p style="letter-spacing:0.3px;">Facing challenges in <strong style="color:rgb(27, 27, 27);">adding the livechat widget to mobile apps</strong>, Carsome decided to be proactive. They need an <strong style="color:rgb(27, 27, 27);">appropriate resources</strong>, both in terms of <strong style="color:rgb(27, 27, 27);">human expertise and technical support</strong>. This combined effort could help them overcome the problems and offer a smooth experience to customers on their mobile apps, making their customer interactions even better.</p><img src="https://www.aplikasi.us/Article%20Images/carsome%20gif%202.gif" alt="Trevor Noah from The Daily Show pointing with text Problem Solved"><h3 class="text-m" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Implementations &amp; Results</h3><h6 class="text-s text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">A web untangled.</h6><p style="letter-spacing:0.3px;">The issue arised when they had a custom module in their CRM system that created each old customer as a new entity, rather than connecting them to their existing records. The implementation process involved the <strong style="color:rgb(27, 27, 27);">introduction of key modules to enhance their operational efficiency and customer interactions</strong>. The focal point of this initiative was the <strong style="color:rgb(27, 27, 27);">introduction of the contacts and deals module</strong>, a strategic move to streamline the tracking of interactions. In this approach, each interaction was designated as a deal, and these deals were linked to the respective contact. This meant that every contact could potentially have multiple deals, reflecting the frequency of their interactions with Carsome. The system was designed <strong style="color:rgb(27, 27, 27);">to create a new deal and link it to an existing contact when a new interaction occurred</strong>. In cases where no existing contact was found, a new deal would be created.</p><h6 class="text-s text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Decluttering 700,000 of data.</h6><p style="letter-spacing:0.3px;">Not only that, Carsome faced a formidable challenge as they tried to integrate their old database with the new one within their CRM ecosystem. The magnitude of this digital overhaul became evident during the migration of data. <strong style="color:rgb(27, 27, 27);">A staggering 700,000 records needed to be meticulously decluttered and migrated into the new modules</strong>. This intricate process required a <strong style="color:rgb(27, 27, 27);">meticulous separation of data into contacts and interactions</strong>, <strong style="color:rgb(27, 27, 27);">turning one massive dataset into two distinct databases which is contact and deal database</strong>. The complexity escalated as each interaction had to be linked back to the corresponding contacts, demanding a delicate balance between data organization and historical continuity.</p><p style="letter-spacing:0.3px;">Despite the challenges, the team successfully navigated this complex data migration exercise. The process <strong style="color:rgb(27, 27, 27);">involved linking the deals back to the contacts module, a feat that required meticulous effort and attention to detail</strong>. Through strategic implementation, we had seamlessly <strong style="color:rgb(27, 27, 27);">integrated their historical data into the new digital infrastructure, setting the stage for enhanced operational insights</strong>.</p><h6 class="text-s text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Right guidance leads to straight path.</h6><p style="letter-spacing:0.3px;">Lastly, Carsome also confronted hurdles when they attempted to develop and embed SalesIQ support widget into their mobile applications. To ensure a smooth transition and ongoing support, <strong style="color:rgb(27, 27, 27);">routine weekly sessions were established</strong>. These sessions served as a platform for <strong style="color:rgb(27, 27, 27);">collaborative discussions and Q&amp;A, providing a direct avenue for problem-solving</strong>. The proactive engagement of the team <strong style="color:rgb(27, 27, 27);">not only facilitated immediate issue resolution but also allowed for the conveyance of critical messages to Zoho when needed</strong>. As a result, Carsome <strong style="color:rgb(27, 27, 27);">successfully incorporated SalesIQ</strong> widget into their mobile applications, marking a significant milestone in their digital journey.</p><img src="https://www.aplikasi.us/Article%20Images/image.png" alt="Zoho CRM Import History log showing thousands of Deals records updated during the Carsome data migration"><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;margin-top:1rem;"><div style="flex:2 1 400px;display:flex;flex-direction:column;"><h3 class="text-m text-bold" style="margin-top:0;background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What our client says about our service?</h3><blockquote class="text-s card" style="width:100%;max-width:100%;margin-top:1rem;text-align:left;font-style:italic;font-weight:600;border-left:5px solid var(--accent);border-radius:1rem;"><p>Working with Aplikasi over the past 5 months has been an absolute delight. They have seamlessly implemented different Zoho applications tailored to our business and offered feedback on different use cases. What sets them apart is their unwavering commitment to understanding our unique challenges and pain points. Aplikasi immerses themselves in our problem statement and works tirelessly to provide effective solutions using Zoho, highlighting the flexibility of the Zoho ecosystem in the process. Their expertise and dedication have transformed the way we operate, making us more efficient and productive. I wholeheartedly recommend Zoho as well as Aplikasi to anyone seeking tech implementation partners in Malaysia who truly care about their clients' success.</p><footer style="text-align:left;color:var(--grey-mid);font-weight:700;">&mdash; Carsome</footer></blockquote></div>
<div style="flex:1 1 220px;margin-bottom:1.5rem;"><h6 class="text-m text-bold" style="margin-top:0;background:linear-gradient(90deg, rgb(255, 49, 49) -60%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">What apps have been deployed</h6><div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><rect x="3" y="4" width="18" height="14" rx="2"/><circle cx="8.5" cy="10" r="1.8"/><path d="M6 15c.5-1.5 1.6-2.2 2.5-2.2s2 .7 2.5 2.2"/><path d="M14 8.5h4M14 12h4"/></svg><span class="black text-bold">Zoho CRM</span></div>
<div style="display:flex;flex-direction:row;align-items:center;gap:0.5em;margin-top:0.5rem;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;"><path d="M20.5 12a8.5 6.8 0 0 1-8.5 6.8c-1.1 0-2.15-.16-3.12-.46L4.5 20l1.1-3.3A6.7 6.7 0 0 1 3.5 12 8.5 6.8 0 0 1 12 5.2 8.5 6.8 0 0 1 20.5 12Z"/></svg><span class="black text-bold">Zoho SalesIQ</span></div>
</div></div><div style="display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin-top:2rem;"><div class="btn-primary btn-m" style="flex:1 1 240px;"><a href="https://www.aplikasi.us/book-demo" target="_blank" style="width:100%;justify-content:center;text-align:center;">Book free demo now!</a></div>
<div class="btn-secondary btn-outline btn-m" style="flex:1 1 240px;"><a href="https://support.aplikasi.us/portal/en/home" target="_blank" style="width:100%;justify-content:center;text-align:center;">Visit the support centre</a></div>
</div><div style="border:2px solid var(--black);border-radius:1.5rem;padding:2.5rem;text-align:center;margin-top:3rem;"><p>Ready to turn your business challenges into success stories? Let&rsquo;s explore how Aplikasi can simplify and streamline your operations&mdash;just like we&rsquo;ve done for businesses across various industries.</p><div class="btn-primary"><a href="https://api.whatsapp.com/send?phone=60176009646&amp;text=Hi%2C I am interested to know more about your services.

Name%3A
Company%3A
Email%3A&amp;utm_source=blog&amp;utm_medium=article&amp;utm_campaign=carsome_case_study" target="_blank">Get Started Now</a></div>
</div></article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Thu, 27 Aug 2026 17:43:50 +0800</pubDate></item><item><title><![CDATA[E-Invois Diwajibkan Bagi Semua Perniagaan - LHDN]]></title><link>https://www.aplikasi.us/blogs/post/e-invois-diwajibkan-bagi-semua-perniagaan-lhdn1</link><description><![CDATA[]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_EfdVLDDsRGmJZJ4NFvZzfw" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_B6DloCzYQXqKEdDzviVE7g" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_-zjaTf5iS4KSmX3mEooI6Q" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_iciFObp0dxV--rViafBHIA" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>E-Invois Diwajibkan Bagi Semua Perniagaan - LHDN</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; --highlight-dark: #FFC51490; --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem; --xxl: 4.5rem; --xl: 3.375rem; --l: 2.25rem; --m: 1.5rem; --body: 1.125rem; --s: 1rem; --xs:0.667rem; --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; --desktop: 1312px; --tablet: 992px; --landscape: 768px; --mobile: 480px; } *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} html { scroll-behavior: smooth; } body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } .text-bold { font-weight: 700; } .text-italic { font-style: italic; } .text-center { text-align: center; } .primary, .primary a {color: var(--primary)} .secondary, .secondary a {color: var(--secondary)} .accent, .accent a {color: var(--accent)} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } ol li, ul li { padding: 0.5rem 0; } ol li::marker, ul li::marker { color: #1b1b1b; font-weight: 700; } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-secondary a { background-color: var(--secondary); } .btn-accent a{ background-color: var(--accent); } a { transition: all 0.5s; color: var(--primary); } /* Quotes */ blockquote p::before { content: open-quote; font-size: 2em; position: relative; top:.125em; right:.5em; display:block; line-height:0; } blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--grey); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} @media (max-width:992px) { blockquote {max-width:75vw} } @media (max-width:480px) { blockquote {max-width:90vw} } .chip-card { transition: all 500ms; cursor: pointer; } .chip-card:hover { box-shadow: .25rem .25rem 1rem rgba(0,0,0,0.3); } </style><main><article><h2 class="text-xl text-bold text-center" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">E-Invois Diwajibkan Bagi Semua Perniagaan - LHDN</h2><p style="letter-spacing:0.3px;">Pelaksanaan e-invois di Malaysia telah pun bermula dan tentunya ramai peniaga yang ingin mengetahui dengan lebih lanjut tentang usaha kerajaan untuk mendigitalisasikan pentadbiran cukai dan meningkatkan ketulusan cukai di negara kita ini.</p><h2 class="text-m text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Apa itu E-Invois?</h2><p style="letter-spacing:0.3px;">E-Invois merupakan transaksi digital antara PENJUAL dan PEMBELI; menggantikan penggunaan invois yang biasa atau manual yang dipraktikkan dalam transaksi perniagaan.</p><img src="https://www.aplikasi.us/Article%20Images/perbezaan%20e%20invois.jpg" alt="Infografik Perbezaan E-Invois dan Bukan E-Invois: format XML dan JSON adalah e-Invois yang sah, manakala PDF, DOC, JPG dan e-mel bukan format e-Invois"><h2 class="text-m text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Siapa yang wajib guna e-invois?</h2><p style="letter-spacing:0.3px;">Jawapannya adalah semua pembayar cukai yang menjalankan aktiviti komersial di Malaysia; Perniagaan-ke-Perniagaan (B2B), Perniagaan-ke-Pengguna (B2C) dan Perniagaaan-ke-Kerajaan (B2G). Ini juga merangkumi perniagaan yang melibatkan penyediaan barangan dan perkhidmatan, serta beberapa urus niaga bukan perniagaan antara individu.</p><h2 class="text-m text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Contoh perniagaan/urus niaga terlibat:</h2><div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;margin:1rem 0 1.5rem;"><div class="chip-card" style="background:var(--white);border:1px solid var(--grey-light);border-radius:0.5rem;padding:0.85rem 1.1rem;font-weight:700;font-size:var(--clamp-s);color:var(--black);">PERSATUAN</div>
<div class="chip-card" style="background:var(--white);border:1px solid var(--grey-light);border-radius:0.5rem;padding:0.85rem 1.1rem;font-weight:700;font-size:var(--clamp-s);color:var(--black);">KUMPULAN ORANG</div>
<div class="chip-card" style="background:var(--white);border:1px solid var(--grey-light);border-radius:0.5rem;padding:0.85rem 1.1rem;font-weight:700;font-size:var(--clamp-s);color:var(--black);">CAWANGAN</div>
<div class="chip-card" style="background:var(--white);border:1px solid var(--grey-light);border-radius:0.5rem;padding:0.85rem 1.1rem;font-weight:700;font-size:var(--clamp-s);color:var(--black);">AMANAH PERNIAGAAN</div>
<div class="chip-card" style="background:var(--white);border:1px solid var(--grey-light);border-radius:0.5rem;padding:0.85rem 1.1rem;font-weight:700;font-size:var(--clamp-s);color:var(--black);">KOPERASI</div>
<div class="chip-card" style="background:var(--white);border:1px solid var(--grey-light);border-radius:0.5rem;padding:0.85rem 1.1rem;font-weight:700;font-size:var(--clamp-s);color:var(--black);">SYARIKAT</div>
<div class="chip-card" style="background:var(--white);border:1px solid var(--grey-light);border-radius:0.5rem;padding:0.85rem 1.1rem;font-weight:700;font-size:var(--clamp-s);color:var(--black);">PERKONGSIAN</div>
<div class="chip-card" style="background:var(--white);border:1px solid var(--grey-light);border-radius:0.5rem;padding:0.85rem 1.1rem;font-weight:700;font-size:var(--clamp-s);color:var(--black);">PERKONGSIAN LIABILITI TERHAD (PLT)</div>
<div class="chip-card" style="background:var(--white);border:1px solid var(--grey-light);border-radius:0.5rem;padding:0.85rem 1.1rem;font-weight:700;font-size:var(--clamp-s);color:var(--black);">TABUNG AMANAH HARTANAH</div>
<div class="chip-card" style="background:var(--white);border:1px solid var(--grey-light);border-radius:0.5rem;padding:0.85rem 1.1rem;font-weight:700;font-size:var(--clamp-s);color:var(--black);">AMANAH HARTANAH</div>
<div class="chip-card" style="background:var(--white);border:1px solid var(--grey-light);border-radius:0.5rem;padding:0.85rem 1.1rem;font-weight:700;font-size:var(--clamp-s);color:var(--black);">AMANAH PELABURAN HARTANAH</div>
<div class="chip-card" style="background:var(--white);border:1px solid var(--grey-light);border-radius:0.5rem;padding:0.85rem 1.1rem;font-weight:700;font-size:var(--clamp-s);color:var(--black);">PEJAWABAT PERWAKILAN DAN PEJABAT WILAYAH</div>
<div class="chip-card" style="background:var(--white);border:1px solid var(--grey-light);border-radius:0.5rem;padding:0.85rem 1.1rem;font-weight:700;font-size:var(--clamp-s);color:var(--black);">BADAN AMANAH</div>
<div class="chip-card" style="background:var(--white);border:1px solid var(--grey-light);border-radius:0.5rem;padding:0.85rem 1.1rem;font-weight:700;font-size:var(--clamp-s);color:var(--black);">UNIT AMANAH</div>
</div><h2 class="text-m text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Tarikh Pelaksanaan E-Invois</h2><p style="letter-spacing:0.3px;">E-Invois akan dilaksanakan secara berperingkat untuk memastikan pembayar cukai memahami proses dan dapat menyesuaikan diri dengan transasi ini. Garis masa pelaksanaan adalah seperti berikut:</p><table style="width:100%;border-collapse:collapse;border:1px solid rgb(229, 229, 229);"><tbody><tr><th style="width:50%;text-align:left;padding:0.75rem;background:rgb(253, 247, 244);color:rgb(1, 58, 81);font-weight:bold;font-size:18px;border:1px solid rgb(229, 229, 229);">Jenis Pembayar Cukai</th><th style="width:50%;text-align:left;padding:0.75rem;background:rgb(253, 247, 244);color:rgb(1, 58, 81);font-weight:bold;font-size:18px;border:1px solid rgb(229, 229, 229);">Tarikh Pelaksanaan</th></tr><tr><td style="width:50%;padding:0.75rem;color:rgb(58, 69, 98);border:1px solid rgb(229, 229, 229);">Pembayar cukai dengan pendapatan/jualan tahunan melebihi RM100 juta</td><td style="width:50%;padding:0.75rem;color:rgb(58, 69, 98);border:1px solid rgb(229, 229, 229);">1 Ogos 2024</td></tr><tr><td style="width:50%;padding:0.75rem;color:rgb(58, 69, 98);border:1px solid rgb(229, 229, 229);">Pembayar cukai dengan pendapatan atau jualan tahunan melebihi RM25 juta dan sehingga RM100 juta</td><td style="width:50%;padding:0.75rem;color:rgb(58, 69, 98);border:1px solid rgb(229, 229, 229);">1 Januari 2025</td></tr><tr><td style="width:50%;padding:0.75rem;color:rgb(58, 69, 98);border:1px solid rgb(229, 229, 229);">Semua pembayar cukai</td><td style="width:50%;padding:0.75rem;color:rgb(58, 69, 98);border:1px solid rgb(229, 229, 229);">1 Julai 2025</td></tr></tbody></table><p style="letter-spacing:0.3px;margin-top:1.5rem;">Ada yang sudah mula menggunakan e-invois? Kalau ada, syabas! Anda merupakan <i>early adopters</i>! Kalau belum, jangan risau. Masih belum terlambat untuk anda <i>explore</i>.</p><h2 class="text-m text-bold" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Ada pertanyaan mengenai E-Invois?</h2><p style="letter-spacing:0.3px;">Kalau ada sebarang pertanyaan boleh email pihak LHDN di <strong style="color:rgb(27, 27, 27);">myinvois@hasil.gov.my</strong> atau hubungi <strong style="color:rgb(27, 27, 27);">03-8682 8000</strong> (Talian Meja Bantuan e-Invois HASiL).</p><div class="btn-primary text-center"><a href="https://www.hasil.gov.my/media/hkantrug/lhdnm_soalan-lazim-umum_6apr2024.pdf" target="_blank" title="Info lebih lanjut">Info lebih lanjut</a></div>
</article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Thu, 27 Aug 2026 14:58:26 +0800</pubDate></item><item><title><![CDATA[List of E-Invoice Courses/Seminars/Trainings in Malaysia]]></title><link>https://www.aplikasi.us/blogs/post/penghantaran-e-invois-kepada-lhdnm11</link><description><![CDATA[]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_HdDg_WLGR4qx8SrKfaGl5w" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_hqvGMryuRUimydHtfDNebQ" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_uDgl4sZNQ4W4JG8IPEWhRA" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_Co1xbXmlVCTx9iZ0LK6ixg" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>List of LHDN E-Invoice Courses/Seminars/Trainings in Malaysia</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; --highlight-dark: #FFC51490; --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem; --xxl: 4.5rem; --xl: 3.375rem; --l: 2.25rem; --m: 1.5rem; --body: 1.125rem; --s: 1rem; --xs:0.667rem; --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; --desktop: 1312px; --tablet: 992px; --landscape: 768px; --mobile: 480px; } *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} html { scroll-behavior: smooth; } body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } .text-bold { font-weight: 700; } .text-italic { font-style: italic; } .text-center { text-align: center; } .primary, .primary a {color: var(--primary)} .secondary, .secondary a {color: var(--secondary)} .accent, .accent a {color: var(--accent)} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } ol li, ul li { padding: 0.5rem 0; } ol li::marker, ul li::marker { color: #1b1b1b; font-weight: 700; } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-secondary a { background-color: var(--secondary); } .btn-accent a{ background-color: var(--accent); } a { transition: all 0.5s; color: var(--primary); } /* Quotes */ blockquote p::before { content: open-quote; font-size: 2em; position: relative; top:.125em; right:.5em; display:block; line-height:0; } blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--grey); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} @media (max-width:992px) { blockquote {max-width:75vw} } @media (max-width:480px) { blockquote {max-width:90vw} } .step-num { display: inline-flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; min-width: 1.8rem; border-radius: 50%; background: linear-gradient(90deg, #ff3131 0%, #ff914d 100%); color: var(--white); font-weight: 700; font-size: var(--clamp-s); } </style><main><article><h2 class="text-xl text-bold text-center" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">List of LHDN E-Invoice Courses/Seminars/Trainings in Malaysia</h2><p style="letter-spacing:0.3px;">You may have heard about LHDN <a href="https://www.aplikasi.us/blogs/e-invoicing-lhdn" target="_blank" style="color:rgb(27, 27, 27);text-decoration:underline;">E-Invoicing</a>, the system slated for mandatory adoption in Malaysia (MY). By July 2025, all taxpayers will be required to embrace this advancement, set to revolutionize transaction validation and storage capabilities. <a href="https://www.aplikasi.us/blogs/e-invoicing-lhdn" target="_blank" style="color:rgb(27, 27, 27);text-decoration:underline;">E-Invoicing</a> promises to streamline Business-to-Business (B2B), Business-to-Consumer (B2C), and Business-to-Government (B2G) transactions, ensuring near real-time efficiency.</p><p style="letter-spacing:0.3px;">And with that, the demand for relevant LHDN E-invoice training is on the rise. This article offers a list of the top e-invoice courses, seminars, and training sessions available in Malaysia for you to choose from, providing a valuable resource for organizations seeking to streamline their invoicing processes.</p><div class="card" style="padding:1.25rem 1.5rem;margin:1rem 0;"><div style="display:flex;align-items:center;gap:0.6em;margin-bottom:0.75rem;"><span class="step-num">1</span><p style="letter-spacing:0.3px;margin:0;"><a href="https://fin2u.net/courses/an-overview-of-e-invoicing-in-malaysia/?fbclid=IwZXh0bgNhZW0CMTAAAR0xtx5MBlcemiHc0CLOvLLYp2KslcGPSK4DuueZjwgpbmNpCOn-bAnD2Gs_aem_AaIMKwyOfq_kjFGrUlVqtZGw0mYq8ixQPxMdhb1Eah8o6G5z6l9SCM3ix_Th1RRoeCfItDl46b2mMixd1DUYcVpN#learndash-course-content" target="_blank" style="color:rgb(27, 27, 27);text-decoration:underline;">An Overview of E-Invoicing in Malaysia</a> by <strong style="color:rgb(27, 27, 27);">Fin2uAcademy</strong></p></div>
<img src="https://www.aplikasi.us/Article%20Images/Screen%20Shot%202024-04-29%20at%201.29.44%20PM.png" alt="An Overview of E-Invoicing in Malaysia course poster by Fin2uAcademy"></div>
<div class="card" style="padding:1.25rem 1.5rem;margin:1rem 0;"><div style="display:flex;align-items:center;gap:0.6em;margin-bottom:0.75rem;"><span class="step-num">2</span><p style="letter-spacing:0.3px;margin:0;"><a href="https://docs.google.com/forms/d/e/1FAIpQLSdcHKWVy2A2PBT6rnh61-n_9Ryr9-0wqFTWz4rda1CrK4KNow/viewform?pli=1" target="_blank" style="color:rgb(27, 27, 27);text-decoration:underline;">E-Invoice HRD Claimable Courses</a> by <strong style="color:rgb(27, 27, 27);">Latifah Abdul Wahid</strong></p></div>
<img src="https://www.aplikasi.us/Article%20Images/e-invoice%20course.jpeg" alt="E-Invoice HRD Claimable Courses registration form by Latifah Abdul Wahid"></div>
<div class="card" style="padding:1.25rem 1.5rem;margin:1rem 0;"><div style="display:flex;align-items:center;gap:0.6em;margin-bottom:0.75rem;"><span class="step-num">3</span><p style="letter-spacing:0.3px;margin:0;"><a href="https://e-invoice.sst2u.com/" target="_blank" style="color:rgb(27, 27, 27);text-decoration:underline;">E-Invoicing | E-Invois | 电子发票 Workshops (Apr - May 2024)</a> by <strong style="color:rgb(27, 27, 27);">SST2U</strong></p></div>
<img src="https://www.aplikasi.us/Article%20Images/Screen%20Shot%202024-04-29%20at%201.39.54%20PM.png" alt="E-Invoicing Workshops (Apr - May 2024) poster by SST2U"></div>
<div class="card" style="padding:1.25rem 1.5rem;margin:1rem 0;"><div style="display:flex;align-items:center;gap:0.6em;margin-bottom:0.75rem;"><span class="step-num">4</span><p style="letter-spacing:0.3px;margin:0;"><a href="https://dehskills.com/courses/hrdf-hrdc-hrd-corp-claimable-e-invoicing-training/" target="_blank" style="color:rgb(27, 27, 27);text-decoration:underline;">e-Invoicing Training</a> by <strong style="color:rgb(27, 27, 27);">DehSkills</strong></p></div>
<img src="https://www.aplikasi.us/Article%20Images/1714369863978.png" alt="e-Invoicing Training course poster by DehSkills"></div>
<div class="card" style="padding:1.25rem 1.5rem;margin:1rem 0;"><div style="display:flex;align-items:center;gap:0.6em;margin-bottom:0.75rem;"><span class="step-num">5</span><p style="letter-spacing:0.3px;margin:0;"><a href="https://carriera.com.my/wp-content/uploads/2024/03/Preparing-for-E-Invoicing.pdf" target="_blank" style="color:rgb(27, 27, 27);text-decoration:underline;">Preparing for E-Invoicing</a> by <strong style="color:rgb(27, 27, 27);">Carriera Academy Sdn Bhd</strong></p></div>
<img src="https://www.aplikasi.us/Article%20Images/Screen%20Shot%202024-04-29%20at%201.55.06%20PM.png" alt="Preparing for E-Invoicing course poster by Carriera Academy Sdn Bhd"></div>
<div class="card" style="padding:1.25rem 1.5rem;margin:1rem 0;"><div style="display:flex;align-items:center;gap:0.6em;margin-bottom:0.75rem;"><span class="step-num">6</span><p style="letter-spacing:0.3px;margin:0;"><a href="https://hract.com.my/e-invoice-quickstart-and-compliance-for-malaysian-businesses/" target="_blank" style="color:rgb(27, 27, 27);text-decoration:underline;">E-invoice: Quickstart And Compliance For Malaysian Businesses</a> by <strong style="color:rgb(27, 27, 27);">hract</strong></p></div>
<img src="https://www.aplikasi.us/Article%20Images/Screen%20Shot%202024-04-29%20at%201.58.54%20PM.png" alt="E-invoice: Quickstart And Compliance For Malaysian Businesses course poster by hract"></div>
<div class="card" style="padding:1.25rem 1.5rem;margin:1rem 0;"><div style="display:flex;align-items:center;gap:0.6em;margin-bottom:0.75rem;"><span class="step-num">7</span><p style="letter-spacing:0.3px;margin:0;"><a href="https://suria.edu.my/?product=master-e-invoicing-in-just-one-day" target="_blank" style="color:rgb(27, 27, 27);text-decoration:underline;">Master E-invoicing in Just One Day</a> by <strong style="color:rgb(27, 27, 27);">Akademi Suria</strong></p></div>
<img src="https://www.aplikasi.us/Article%20Images/Screen%20Shot%202024-04-29%20at%202.00.53%20PM.png" alt="Master E-invoicing in Just One Day course poster by Akademi Suria"></div>
<div class="card" style="padding:1.25rem 1.5rem;margin:1rem 0;"><div style="display:flex;align-items:center;gap:0.6em;margin-bottom:0.75rem;"><span class="step-num">8</span><p style="letter-spacing:0.3px;margin:0;"><a href="https://cad.cadtraining.com.my/e-invoicing-strategic-implementation?gad_source=1&amp;gclid=CjwKCAjw57exBhAsEiwAaIxaZk_YnQYMpzae06khMD97LYhoTFu6S5l7o_QvzQNsrt3cITLPy8j_FBoCsmkQAvD_BwE" target="_blank" style="color:rgb(27, 27, 27);text-decoration:underline;">E - Invoicing Strategic Implementation</a> by <strong style="color:rgb(27, 27, 27);">Cad Training Centre</strong></p></div>
<img src="https://www.aplikasi.us/Article%20Images/Screen%20Shot%202024-04-29%20at%202.05.54%20PM.png" alt="E-Invoicing Strategic Implementation course poster by Cad Training Centre"></div>
<div class="card" style="padding:1.25rem 1.5rem;margin:1rem 0;"><div style="display:flex;align-items:center;gap:0.6em;margin-bottom:0.75rem;"><span class="step-num">9</span><p style="letter-spacing:0.3px;margin:0;"><a href="https://www.maicsa.org.my/media/training_calendar/tx260124w1.pdf" target="_blank" style="color:rgb(27, 27, 27);text-decoration:underline;">WEBINAR SERIES: Navigating E-Invoice Compliance</a> by <strong style="color:rgb(27, 27, 27);">MAICSA</strong></p></div>
<img src="https://www.aplikasi.us/Article%20Images/Screen%20Shot%202024-04-29%20at%202.10.08%20PM.png" alt="Webinar Series: Navigating E-Invoice Compliance poster by MAICSA"></div>
<div class="card" style="padding:1.25rem 1.5rem;margin:1rem 0;"><div style="display:flex;align-items:center;gap:0.6em;margin-bottom:0.75rem;"><span class="step-num">10</span><p style="letter-spacing:0.3px;margin:0;"><a href="https://www.fmm.edu.my/training-E-Invoicing_Workshop.aspx" target="_blank" style="color:rgb(27, 27, 27);text-decoration:underline;">Finance: E-Invoicing Workshop</a> by <strong style="color:rgb(27, 27, 27);">FMM Institute</strong></p></div>
<img src="https://www.aplikasi.us/Article%20Images/Screen%20Shot%202024-04-29%20at%202.11.25%20PM.png" alt="Finance: E-Invoicing Workshop course poster by FMM Institute"></div>
<p style="letter-spacing:0.3px;"><strong style="color:rgb(27, 27, 27);">Some of the events have already passed</strong>, but do visit their website/link to stay updated with their new dates for E-Invoice Courses, Seminars, and Trainings.</p><p style="letter-spacing:0.3px;">That concludes our list! As Malaysia prepares for the mandatory adoption of LHDN e-invoicing by July 2025, businesses must equip themselves with the knowledge and tools necessary to thrive in this digital transformation. With its promise to streamline transactions and enhance efficiency across various sectors, LHDN e-invoicing represents not just a requirement but also a strategic opportunity for growth.</p><p style="letter-spacing:0.3px;">Embracing this advancement today ensures businesses stay competitive and resilient in the dynamic landscape of tomorrow. If you want to read more E-Invoicing, click the button below.</p><div class="btn-primary text-center"><a href="https://www.aplikasi.us/blogs/e-invoicing-lhdn" target="_blank" title="More about E-Invoicing">More about E-Invoicing</a></div>
</article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Thu, 27 Aug 2026 14:10:39 +0800</pubDate></item><item><title><![CDATA[Senario & Jenis E-Invois yang ada di Malaysia]]></title><link>https://www.aplikasi.us/blogs/post/penghantaran-e-invois-kepada-lhdnm12</link><description><![CDATA[]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_Mo43yJ6WQvqbXxyqQuH3TA" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_gOm84heHT86SL57_-h6_XA" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_T_hRHKltTze7ulYuYwmbTA" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_0JbR7Rp_ua36Wzx_zJm6Jg" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>Why Zoho Books Was the Best Fit</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; /* change this to change the container width */ } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } /* SETTINGS. DO NOT EDIT. Add custom code in bottom (scroll to line ~1250) */ :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; /* default 44 */ --highlight-dark: #FFC51490; /* default 77 */ --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; /* \2192 for arrow \203A for single right chevron \00BB for double right chevron */ --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem ; /* changed 120px*/ --xxl: 4.5rem ; /* H1 80px */ --xl: 3.375rem ; /* H2 54px */ --l: 2.25rem ; /* H3 36px */ --m: 1.5rem ; /* H4 24px */ --body: 1.125rem ; /* 18px */ --s: 1rem ; /* 16px */ --xs:0.667rem ; /* changed 10px*/ --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; /*BreakEvent Point*/ --desktop: 1312px; /* Desktop */ --tablet: 992px; /* Tablet */ --landscape: 768px; /* Landscape */ --mobile: 480px; /* Mobile */ } /* AutoCSS 1.0 for 11ty (1 Jan 2025) Modified for Zoho site (1 Jul 2026) by Aisyah Developed by Laman7 https://github.com/edwin-laman7/autoCSS */ /* Load "AutoCSS Setting" variables before the following lines */ *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } html { scroll-behavior: smooth; } /*Typography*/ body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } .text-xxxl { font-size: var(--clamp-xxxl); line-height: var(--lh-xxxl); letter-spacing: var(--ls-h1); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-body { font-size: var(--clamp-body); line-height: var(--lh-body); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } /* Text */ .text-larger {font-size: 2em;} .text-smaller {font-size: 0.875em;} .text-lighter { font-weight: 100; } .text-light { font-weight: 200; } .text-normal { font-weight: 400; } .text-semibold { font-weight: 600; } .text-bold { font-weight: 700; } .text-bolder, .text-black { font-weight: 900; } .text-italic { font-style: italic; } .text-oblique { font-style: oblique; } .text-decoration-none { -webkit-text-decoration: none; text-decoration: none; } .text-underline { -webkit-text-decoration: underline; text-decoration: underline; } .text-underline-wavy { -webkit-text-decoration: underline wavy; text-decoration: underline wavy; } .text-underline-dotted { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } .text-underline-double { -webkit-text-decoration: underline double; text-decoration: underline double; } .text-underline-dashed { -webkit-text-decoration: underline dashed; text-decoration: underline dashed; } .text-overline { -webkit-text-decoration: overline; text-decoration: overline; } .text-line-through { -webkit-text-decoration: line-through; text-decoration: line-through; } .text-transform-none { text-transform: none; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-capitalize { text-transform: capitalize; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .primary, .primary a {color: var(--primary)} .primary-off, .primary-off a {color: var(--primary-off)} .secondary, .secondary a {color: var(--secondary)} .secondary-off, .secondary-off a {color: var(--secondary-off)} .accent, .accent a {color: var(--accent)} .accent-off, .accent-off a{color: var(--accent-off)} .base, .base a {color: var(--base)} .white, .white a, .light, .light a {color: var(--white);} .grey, .grey a, .grey h1{color: var(--grey);} .grey-dark, .grey-dark a, .grey-dark h1{color: var(--grey-dark);} .grey-mid {a, h1, h2, h3, h4{color: var(--grey-mid);}} .grey-light, .grey-light a{color: var(--grey-light);} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} .body-off, .body-off a {color: var(--body-off);} .bg-primary {background-color: var(--primary)} .bg-primary-off {background-color: var(--primary-off)} .bg-secondary {background-color: var(--secondary)} .bg-secondary-off {background-color: var(--secondary-off)} .bg-accent {background-color: var(--accent)} .bg-accent-off {background-color: var(--accent-off)} .bg-base {background-color: var(--base)} .bg-white, .bg-light {background-color: var(--white);} .bg-grey {background-color: var(--grey);} .bg-grey-dark {background-color: var(--grey-dark);} .bg-grey-mid {background-color: var(--grey-mid);} .bg-grey-light {background-color: var(--grey-light);} .bg-black, .bg-dark {background-color: var(--black);} .bg-body-color {background-color: var(--body-color);} .bg-body-off {background-color: var(--body-off);} /* Space System */ /* Works like owl system */ .space-v-xs:not(.ct-section) > * + * { margin-top: var(--clamp-s); } .space-v-s:not(.ct-section) > * + * { margin-top: var(--clamp-m); } .space-v-m:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 2); } .space-v-l:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 3); } .space-v-xl:not(.ct-section) > * + * { margin-top: calc(var(--clamp-s) * 4); } .space-h-xs:not(.ct-section) > * + * { margin-left: var(--clamp-s); } .space-h-s:not(.ct-section) > * + * { margin-left: var(--clamp-m); } .space-h-m:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 2); } .space-h-l:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 3); } .space-h-xl:not(.ct-section) > * + * { margin-left: calc(var(--clamp-s) * 4); } @media (max-width: 480px) { .space-h-xs:not(.ct-section) > * + *,.space-h-s:not(.ct-section) > * + *, .space-h-m:not(.ct-section) > * + *, .space-h-l:not(.ct-section) > * + *, .space-h-xl:not(.ct-section) > * + * {margin-left:.5rem} } section{ padding: 0 clamp(1rem, calc(1rem + ((1vw - 0.3rem) * -1.9038)), 0.01rem); } /* New Padding sizes */ .brxe-section, section, .section, .zpsection { header &, footer & { padding: 0; } padding: calc(var(--clamp-section)*2) 0; &.pad-xxs, &.section-pad-xxs { padding: calc(var(--clamp-section)*.25) 0; } &.pad-xs, &.section-pad-xs { padding: calc(var(--clamp-section)*.5) 0; } &.pad-s, &.section-pad-s { padding: calc(var(--clamp-section)*1) 0; } &.pad-m, &.section-pad-m { padding: calc(var(--clamp-section)*2) 0; } &.pad-l, &.section-pad-l { padding: calc(var(--clamp-section)*3) 0; } &.pad-xl, &.section-pad-xl { padding: calc(var(--clamp-section)*4) 0; } } .brxe-container, .container, .zpcontainer{ row-gap: calc(var(--clamp-s) * 4); column-gap: calc(var(--clamp-s) * 4); &.pad-xs {padding: calc(var(--clamp-s) * 1)} &.pad-s {padding: calc(var(--clamp-s) * 2)} &.pad-m {padding: calc(var(--clamp-s) * 4)} &.pad-l {padding: calc(var(--clamp-s) * 6)} &.pad-xl {padding: calc(var(--clamp-s) * 8)} &.pad-xxl {padding: calc(var(--clamp-s) * 10)} &.pad-xxxl {padding: calc(var(--clamp-s) * 12)} &.row-gap-xs {row-gap: calc(var(--clamp-s) * 1)} &.row-gap-s {row-gap: calc(var(--clamp-s) * 2)} &.row-gap-l {row-gap: calc(var(--clamp-s) * 6)} &.row-gap-xl {row-gap: calc(var(--clamp-s) * 8)} &.row-gap-xxl {row-gap: calc(var(--clamp-s) * 10)} &.row-gap-xxxl {row-gap: calc(var(--clamp-s) * 12)} &.col-gap-xs {column-gap: calc(var(--clamp-s) * 1)} &.col-gap-s {column-gap: calc(var(--clamp-s) * 2)} &.col-gap-l {column-gap: calc(var(--clamp-s) * 6)} &.col-gap-xl {column-gap: calc(var(--clamp-s) * 8)} &.col-gap-xxl {column-gap: calc(var(--clamp-s) * 10)} &.col-gap-xxxl {column-gap: calc(var(--clamp-s) * 12)} } .brxe-block, .block, .zpelem-box{ display: flex; align-items: flex-start; flex-direction: column; width: 100%; row-gap: calc(var(--clamp-s) * 1); column-gap: calc(var(--clamp-s) * 1); &.pad-xs {padding: calc(var(--clamp-s) * .75)} &.pad-s {padding: calc(var(--clamp-s) * 1)} &.pad-m {padding: calc(var(--clamp-s) * 1.5)} &.pad-l {padding: calc(var(--clamp-s) * 2)} &.pad-xl {padding: calc(var(--clamp-s) * 2.5)} &.pad-xxl {padding: calc(var(--clamp-s) * 3)} &.pad-xxxl {padding: calc(var(--clamp-s) * 3.5)} &.row-gap-xs {row-gap: calc(var(--clamp-s) * .25)} &.row-gap-s {row-gap: calc(var(--clamp-s) * .75)} &.row-gap-l {row-gap: calc(var(--clamp-s) * 1.5)} &.row-gap-xl {row-gap: calc(var(--clamp-s) * 2)} &.row-gap-xxl {row-gap: calc(var(--clamp-s) * 2.5)} &.row-gap-xxxl {row-gap: calc(var(--clamp-s) * 3)} &.col-gap-xs {column-gap: calc(var(--clamp-s) * .25)} &.col-gap-s {column-gap: calc(var(--clamp-s) * .75)} &.col-gap-l {column-gap: calc(var(--clamp-s) * 1.5)} &.col-gap-xl {column-gap: calc(var(--clamp-s) * 2)} &.col-gap-xxl {column-gap: calc(var(--clamp-s) * 2.5)} &.col-gap-xxxl {column-gap: calc(var(--clamp-s) * 3)} } /* Width System */ .width-1 {width: calc(1*8.3%);} .width-2, .width-xs {width: calc(2*8.3%);} .width-3, .width-s {width: calc(3*8.3%);} .width-4, .width-m {width: calc(4*8.3%);} .width-5 {width: calc(5*8.3%);} .width-6, .width-l, .width-50 {width: calc(6*8.3%);} .width-7 {width: calc(7*8.3%);} .width-8, .width-xl {width: calc(8*8.3%);} .width-9 {width: calc(9*8.3%);} .width-10 {width: calc(10*8.3%);} .width-11 {width: calc(11*8.3%);} .width-12 {width: calc(12*8.3%);} .width-full, .container { width: 100%; max-width: 100%; } /* Reactivate */ .col-1 {width: calc(var(--col)*1 - 2rem)} .col-2 {width: calc(var(--col)*2 - 2rem)} .col-3 {width: calc(var(--col)*3 - 2rem)} .col-4 {width: calc(var(--col)*4 - 2rem)} .col-5 {width: calc(var(--col)*5 - 2rem)} .col-6 {width: calc(var(--col)*6 - 2rem)} .col-7 {width: calc(var(--col)*7 - 2rem)} .col-8 {width: calc(var(--col)*8 - 2rem)} .col-9 {width: calc(var(--col)*9 - 2rem)} .col-10 {width: calc(var(--col)*10 - 2rem)} .col-11 {width: calc(var(--col)*11 - 2rem)} .col-12 {width: calc(var(--col)*12 - 2rem)} @media (max-width: 1312px) { .width-full, .container {max-width: 1200px;} .width-l-full {width: 100%;} } @media (max-width: 992px) { .width-full, .container {max-width: 992px} .width-xxl, .width-xl, .width-l, .width-m, .width-50, .width-4, .width-5, .width-6, .width-7, .width-8, .width-9, .width-10, .width-100, .col-12, .col-11, .col-10 {width: 100%;} .width-1, .width-2, .width-3, .width-xs, .width-s {width: 50%;} .width-lg-1 {width: calc(1*25%);} .width-lg-2, .width-lg-xs {width: calc(2*25%);} .width-lg-3, .width-lg-s {width: calc(3*25%);} .width-lg-4, .width-lg-m {width: calc(4*25%);} } @media (max-width:480px) { .width-sm-1 {width: calc(1*25%)} .width-sm-2 {width: calc(2*25%)} .width-sm-3 {width: calc(3*25%)} .width-sm-full, .width-sm-4 {width: 100%;} } .card { background-color: var(--white); box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; border-radius: var(--border-radius); border:1px solid #eee; transition: all 500ms; } @media (max-width: 768px) { .card { margin: 0.5rem 0;} } .card:hover { box-shadow: .25rem .25rem 1rem rgba(0, 0, 0, 0.3); cursor: pointer; } /* Grid */ .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-1-2, .grid-1-3, .grid-2-1, .grid-2-3, .grid-3-1, .grid-3-2 { display: grid !important; gap: calc(var(--clamp-s) * 2);; align-items: stretch; } .grid-2:not(.ct-section) { grid-template-columns: repeat(2,1fr); } .grid-3:not(.ct-section) { grid-template-columns: repeat(3,1fr); } .grid-4:not(.ct-section) { grid-template-columns: repeat(4,1fr); } .grid-5:not(.ct-section) { grid-template-columns: repeat(5,1fr); } .grid-6:not(.ct-section) { grid-template-columns: repeat(6,1fr); } @media (max-width: 1312px) { .col-9, .col-10, .col-11, .col-12 {width: auto;} } @media (max-width: 992px) { .col-9, .col-10, .col-11, .col-12 {width: auto;} .col-5, .col-6, .col-7, .col-8 {width: auto} .grid-3:not(.ct-section),.grid-4:not(.ct-section) {grid-template-columns: repeat(3,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(4,1fr);} } @media (max-width: 768px) { .grid-3:not(.ct-section),.grid-4:not(.ct-section) {grid-template-columns: repeat(2,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(3,1fr);} .grid-md-1:not(.ct-section){grid-template-columns: repeat(1,1fr);} .grid-md-2:not(.ct-section){grid-template-columns: repeat(2,1fr);} .grid-md-3:not(.ct-section){grid-template-columns: repeat(3,1fr);} .grid-md-4:not(.ct-section){grid-template-columns: repeat(4,1fr);} } @media (max-width:480px) { .grid-2:not(.ct-section),.grid-3:not(.ct-section) { grid-template-columns: repeat(1,1fr);} .grid-sm-1:not(.ct-section){grid-template-columns: repeat(1,1fr);} .grid-sm-2:not(.ct-section){grid-template-columns: repeat(2,1fr);} .grid-sm-3:not(.ct-section){grid-template-columns: repeat(3,1fr);} .grid-sm-4:not(.ct-section){grid-template-columns: repeat(4,1fr);} } @media (max-width: 340px) { .grid-4:not(.ct-section) {grid-template-columns: repeat(1,1fr)} .grid-5:not(.ct-section),.grid-6:not(.ct-section) { grid-template-columns: repeat(2,1fr);} } .grid-1-2:not(.ct-section) { grid-template-columns: 1fr 2fr; } .grid-1-3:not(.ct-section) { grid-template-columns: 1fr 3fr; } .grid-2-1:not(.ct-section) { grid-template-columns: 2fr 1fr; } .grid-2-3:not(.ct-section) { grid-template-columns: 2fr 3fr; } .grid-3-1:not(.ct-section) { grid-template-columns: 3fr 1fr; } .grid-3-2:not(.ct-section) { grid-template-columns: 3fr 2fr; } @media (max-width: 768px) { .grid-1-2:not(.ct-section) { grid-template-columns: repeat(1, 1fr);} .grid-1-3:not(.ct-section), .grid-2-3:not(.ct-section) {grid-template-columns: 1fr 2fr;} .grid-3-1:not(.ct-section), .grid-3-2:not(.ct-section) {grid-template-columns: 2fr 1fr;} } @media (max-width: 480px) { .grid-1-2:not(.ct-section),.grid-2-1:not(.ct-section), .grid-1-3:not(.ct-section),.grid-3-2:not(.ct-section),.grid-2-3:not(.ct-section),.grid-3-1:not(.ct-section) { grid-template-columns: repeat(1, 1fr); } } .grid-top {align-items: start;} .grid-bottom{align-items: end;} /* Gaps for Grid */ .gap-xs:not(.ct-section) { gap: var(--clamp-s) } .gap-s:not(.ct-section) { gap: var(--clamp-m) } .gap-m:not(.ct-section) { gap: calc(var(--clamp-s) * 2); } .gap-l:not(.ct-section) { gap: calc(var(--clamp-s) * 3); } .gap-xl:not(.ct-section) { gap: calc(var(--clamp-s) * 4); } .gap-xxl:not(.ct-section) { gap: calc(var(--clamp-s) * 6); } .gap-none:not(.ct-section), .gap-0:not(.ct-section) { gap: 0; } /* Breakout */ @media (min-width: 1279px) { .breakout-s { width: 60vw; max-width: 60vw !important; margin: 0 calc(-30vw + 50%); } .breakout-m { width: 70vw; max-width: 70vw !important; margin: 0 calc(-35vw + 50%); } .breakout-l { width: 80vw; max-width: 80vw !important; margin: 0 calc(-40vw + 50%); } .breakout-xl { width: 90vw; max-width: 90vw !important; margin: 0 calc(-45vw + 50%); } } .breakout-full { width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; } @media (max-width: 1279px) { [class*="breakout-"]:not(.breakout-full) { width: 100% !important; max-width: 100% !important; margin: 0; } } @media (max-width: 768px) { .breakout-full {margin: 0} } @media (max-width: 480px) { .breakout-m-full { width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; align-self: flex-start;} } /* Margin */ .margin-v-xs:not(.ct-section) { margin: var(--clamp-s) 0; } .margin-v-s:not(.ct-section) { margin: var(--clamp-m) 0; } .margin-v-m:not(.ct-section) { margin: calc(var(--clamp-s) * 2) 0; } .margin-v-l:not(.ct-section) { margin: calc(var(--clamp-s) * 3) 0; } .margin-v-xl:not(.ct-section) { margin: calc(var(--clamp-s) * 4) 0; } .margin-v-xxl:not(.ct-section) { margin: vcalc(var(--clamp-s) * 6) 0; } @media (max-width: 1312px) { .pad-lg-0, .pad-xl-0, .pad-xl-none, {padding: 0;} } @media (max-width: 992px) { .pad-md-0, .pad-lg-0, .pad-lg-none {padding: 0 !important;} .grid-xl-reverse, .grid-lg-reverse {order: -1} } @media (max-width: 768px) { .pad-xxl, .pad-xl, .brxe-container.pad-xxl, .brxe-container.pad-xl, .container.pad-xxl, .container.pad-xl { padding: var(--clamp-m); } .pad-md-none, .pad-lg-none, .pad-md-0 {padding: 0 !important} .grid-l-reverse, .grid-md-reverse {order: -1} .pad-l, .brxe-container.pad-l, .brxe-container.pad-m, .container.pad-l, .container.pad-m { padding: var(--clamp-s);} } @media (max-width: 480px) { .pad-sm-none, .pad-m-none, .pad-sm-0 {padding: 0 !important} .grid-m-reverse, .grid-sm-reverse {order: -1} } .pad-v-xs:not(.ct-section) { padding-top: var(--clamp-s); padding-bottom: var(--clamp-s); } .pad-v-s:not(.ct-section) { padding-top: var(--clamp-m); padding-bottom: var(--clamp-m); } .pad-v-m:not(.ct-section) { padding-top: calc(var(--clamp-s) * 2); padding-bottom: calc(var(--clamp-s) * 2); } .pad-v-l:not(.ct-section), .pad-v { padding-top: calc(var(--clamp-s) * 3); padding-bottom: calc(var(--clamp-s) * 3); } .pad-v-xl:not(.ct-section) { padding-top: calc(var(--clamp-s) * 4); padding-bottom: calc(var(--clamp-s) * 4); } .pad-v-xxl:not(.ct-section) { padding-top: calc(var(--clamp-s) * 6); padding-bottom: calc(var(--clamp-s) * 6); } .pad-v-xxxl:not(.ct-section) { padding-top: var(--clamp-xxxl); padding-bottom: var(--clamp-xxxl); } .margin-b-xs {margin-bottom: var(--s)} .margin-b-s {margin-bottom: var(--m)} .margin-b-m {margin-bottom: calc(var(--s) * 3)} .margin-b-l {margin-bottom: calc(var(--s) * 4)} .margin-b-xl {margin-bottom: calc(var(--s) * 6)} .margin-b-xxl {margin-bottom: calc(var(--s) * 8)} .pad-h-xs:not(.ct-section) { padding-left: var(--clamp-s); padding-right: var(--clamp-s); } .pad-h-s:not(.ct-section) { padding-left: var(--clamp-m); padding-right: var(--clamp-m); } .pad-h-m:not(.ct-section) { padding-left: calc(var(--clamp-s) * 2); padding-right: calc(var(--clamp-s) * 2); } .pad-h-l:not(.ct-section) { padding-left: calc(var(--clamp-s) * 3); padding-right: calc(var(--clamp-s) * 3); } .pad-h-xl:not(.ct-section) { padding-left: calc(var(--clamp-s) * 4); padding-right: calc(var(--clamp-s) * 4); } .pad-0 {padding: 0} /* Center */ .center-all, .center-all > * { flex-direction: column; align-items: center; align-self: center; align-content: center; justify-content: center; justify-items: center; text-align: center; } .center-v{ flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; } .center-h { flex-direction: column; justify-items: center; justify-content: center; align-items: center; } @media (max-width: 991px) { .center-all:not(.ct-section), .ct-section.center-all > .ct-section-inner-wrap { display: flex; flex-direction: column; align-items: center; align-content: center; justify-items: center; justify-content: center; text-align: center; } .center-y:not(.ct-section), .ct-section.center-y > .ct-section-inner-wrap { flex-direction: column; justify-items: center; justify-content: center; align-items: flex-start; } .center-h:not(.ct-section), .ct-section.center-h > .ct-section-inner-wrap { display: flex; flex-direction: column; justify-items: center; justify-content: center; align-items: center; } } .center-self, .align-center {margin: auto;} .align-right {margin-left: auto;} .sticky { position: -webkit-sticky; position: sticky; top: 0; } .sticky-top-s { top: 2.5%; } .sticky-top-m { top: 5%; } .sticky-top-l { top: 10%; } @media only screen and (max-width: 767px) { .sticky-top-s, .sticky-top-m, .sticky-top-l {top:.5rem} } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a,.btn-white a, .btn-black a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a::before,.btn-secondary a::before,.btn-accent a::before,.btn-white a::before, .btn-black a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; z-index: -1; transform: translateX(-110%); border-radius: var(--btn-radius); } .btn-primary a::before { /*background-color: var(--primary-off);*/ background-color: #ff5757; } .btn-secondary a::before { background-color: var(--secondary-off); } .btn-accent a::before { background-color: var(--accent-off); } .btn-white a::before { background-color: var(--body-color); } .btn-white a::before { background-color: var(--body-color); } .btn-black a::before { background-color: var(--white); } .btn-primary a:hover::before, .btn-secondary a:hover::before, .btn-accent a:hover::before, .btn-white a:hover::before, .btn-black a:hover::before { transform: translateX(0); } .btn-long a:hover {padding-right: 4em} .btn-primary a::after, .btn-secondar a::after, .btn-accent a::after, .btn-white a::after, .btn-black a::after { content: var(--btn-hover); position: absolute; right: var(--btn-on); opacity:0; transition: all .2s; } .btn-primary a:hover::after,.btn-secondary a:hover::after,.btn-accent a:hover::after, .btn-white a:hover::after, .btn-black a:hover::after{ right:1em; opacity:1; } .btn-primary a { background-color: var(--primary); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-primary.btn-outline a{ background-color: transparent; color: var(--primary); box-shadow: 0 0 0 var(--btn-outline-border) var(--primary) inset } .btn-primary.btn-outline a::before { background-color: var(--primary); } .btn-primary.btn-outline a:hover { color:var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--primary) inset } .btn-secondary a { background-color: var(--secondary); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-secondary.btn-outline a{ background-color: transparent; color: var(--secondary); box-shadow: 0 0 0 var(--btn-outline-border) var(--secondary) inset } .btn-secondary.btn-outline a::before { background-color: var(--secondary); } color:var(--white); .btn-secondary.btn-outline a:hover { box-shadow: 0 0 0 var(--btn-outline-border) var(--secondary) inset } .btn-accent a{ background-color: var(--accent); /* font-size: var(--body); font-size: var(--clamp-body); */ } .btn-accent.btn-outline a { background-color: transparent; color: var(--accent); box-shadow: 0 0 0 var(--btn-outline-border) var(--accent) inset } .btn-accent.btn-outline a::before { background-color: var(--accent); } .btn-accent.btn-outline a:hover { color:var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--accent) inset } .btn-white a { background-color: var(--white); color:var(--black); font-size: var(--clamp-body); } .btn-white a:hover {color:var(--white)} .btn-white.btn-outline a { background-color: transparent; color: var(--white); box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-white.btn-outline a::before { background-color: var(--white); } .btn-white.btn-outline a:hover { color:var(--black); box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-black a{ background-color: var(--black); color:var(--white); font-size: var(--body); font-size: var(--clamp-body); } .btn-black a:hover {color:var(--black)} .btn-black.btn-outline a { background-color: transparent; color: var(--black); box-shadow: 0 0 0 var(--btn-outline-border) var(--black) inset } .btn-black a.btn-outline a::before { background-color: var(--white); } .btn-black.btn-outline a:hover { /* color:var(--black); */ box-shadow: 0 0 0 var(--btn-outline-border) var(--white) inset } .btn-xs a{ font-size: var(--clamp-xs); padding: calc(var(--clamp-xs)*.75) calc(var(--clamp-xs)*1.5); } .btn-s a{ font-size: var(--s); font-size: var(--clamp-s); padding: calc(var(--clamp-s)*.75) calc(var(--clamp-s)*1.5); } .btn-m a{ font-size: var(--clamp-m); padding: calc(var(--clamp-body)*1.25) calc(var(--clamp-body)*2.5); } .btn-l a{ font-size: var(--clamp-l); padding: calc(var(--clamp-body)*1.5) calc(var(--clamp-body)*3); } .btn-long a{padding: calc(var(--clamp-body)) calc(var(--clamp-body)*4);} .btn-xs.btn-long a{ padding: calc(var(--clamp-xs)) calc(var(--clamp-xs)*4);} .btn-s.btn-long a { padding: calc(var(--clamp-s)) calc(var(--clamp-s)*4);} .btn-m.btn-long a{ padding: calc(var(--clamp-m)) calc(var(--clamp-m)*4);} .btn-l.btn-long a{ padding: calc(var(--clamp-l)) calc(var(--clamp-l)*4);} a[class*="btn--"] { display: inline-block; } .btn-clear a{ background: none; border: none; } a { transition: all 0.5s; color: var(--primary); } button a:hover { cursor: pointer; filter: brightness(var(--hover-brightness)); } @media (max-width:480px) { .btn-long{ padding: var(--clamp-body) calc(var(--clamp-body)*2);} .btn-xs.btn-long { padding: calc(var(--clamp-xs)) calc(var(--clamp-xs)*2);} .btn-s.btn-long { padding: calc(var(--clamp-s)) calc(var(--clamp-s)*2);} .btn-m.btn-long { padding: calc(var(--clamp-m)) calc(var(--clamp-m)*2);} .btn-l.btn-long { padding: calc(var(--clamp-l)) calc(var(--clamp-l)*2);} .btn-m { padding: calc(var(--clamp-body)*1) calc(var(--clamp-body)*1.5);} .btn-l { padding: calc(var(--clamp-body)*1.25) calc(var(--clamp-body)*2);} } a.btn-text-dark {color: var(--black)} a.btn-text-light {color:var(--white)} a.link-primary, .link-primary a {color: var(--primary); } a.link-secondary, .link-secondary a {color: var(--secondary)} a.link-accent, .link-accent a {color: var(--accent)} a.link-white, .link-white a {color: var(--white)} a.link-grey, .link-grey a {color: var(--grey)} a.link-body, .link-body a {color: var(--body-color)} a.link-primary, a.link-secondary, a.link-accent, a.link-white, a.link-grey, a.link-body { display: inline-block; text-decoration: none; } a.link-primary::after, a.link-secondary::after, a.link-accent::after, a.link-white::after, a.link-grey::after, a.link-body::after, .link-primary a::after, .link-secondary a::after, .link-accent a::after, .link-white a::after, .link-grey a::after, .link-body a::after { content: ''; display: block; width: 0; height: 2px; transition: width .4s; margin-top:6px } a.link-primary::after, .link-primary a::after { background: var(--primary);} a.link-secondary::after, .link-secondary a::after {background: var(--secondary)} a.link-accent::after, .link-accent a::after {background: var(--accent)} a.link-white::after, .link-white a::after {background: var(--white)} a.link-grey::after, .link-grey a::after {background: var(--grey)} a.link-body::after, a.link-body a::after {background: var(--body-color)} a.link-primary:hover::after, a.link-secondary:hover::after, a.link-accent:hover::after, a.link-white:hover::after, a.link-grey:hover::after, a.link-body:hover::after, .link-primary:hover a::after, .link-secondary:hover a::after, .link-accent:hover a::after, .link-white:hover a::after, .link-grey:hover a::after, .link-body:hover a::after { width:100%; } .rounded-xs, .rounded-xs img { border-radius: 0.4444444444rem; } .rounded-s, .rounded-s img{ border-radius: 0.25rem; } .rounded-m, .rounded-m img { border-radius: 0.5rem; } .rounded-l, .rounded-l img { border-radius: 1rem; } .rounded-xl, .rounded-xl img { border-radius: 2rem; } .rounded-xxl, .rounded-xxl img{ border-radius: 4rem; } .rounded-circle, .rounded-circle img { border-radius: 50%; } /* .rounded-xs, .rounded-s, .rounded-m, .rounded-l, .rounded-xl, .rounded-xxl, .rounded-circle {overflow: hidden;} */ /* Tables */ table { border: 1px solid var(--grey-light); border-radius: var(--border-radius); border-spacing: 0; display: inline-block; max-width: 100%; overflow-x: auto; padding: 0; white-space: nowrap; } table td, table th, table tr { padding: 0.75rem 1rem; } table thead { background-color: var(--primary); border-collapse: collapse; border-radius: var(--border-radius); color: var(--base); border-color: var(--primary); margin: 0; padding: 0; } table thead th:first-child { border-top-left-radius: var(--border-radius); } table thead th:last-child { border-top-right-radius: var(--border-radius); } table tr:nth-child(even) { /* background-color: var(--grey-light);*/ } /* Quotes */ blockquote p::before { content: open-quote; font-size: 2em; position: relative; top:.125em; right:.5em; display:block; line-height:0; } blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--body-mute); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} ol li, ul li { padding: 0.5rem 0; } main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } pre { margin: 1rem 0; max-width: var(--width-card-l); padding: 1rem 0; } pre code, pre samp { display: block; max-width: var(--width-card-l); padding: 0.5rem 2rem; white-space: pre-wrap; } @media (max-width: 480px) { form { padding: 1rem 0; } } form header { margin: 1.5rem 0; padding: 1.5rem 0; } input, label, select, textarea { display: block; font-size: inherit; } input[type="checkbox"], input[type="radio"] { display: inline-block; } input[type="checkbox"]+label, input[type="radio"]+label { display: inline-block; font-weight: normal; } input, select,textarea { border: 1px solid var(--grey); border-radius: var(--border-radius); } input[readonly], textarea[readonly] { background-color: var(--grey); } label, .label { margin-bottom: 0.2rem; font-size: var(--clamp-xs); } form ul li { padding: 0 } ::selection { color: var(--base); background: var(--primary); } /* width */ ::-webkit-scrollbar { width:8px; height:8px; } /* Track */ ::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.1); border-radius: 8px; border:none; } /* Handle */ ::-webkit-scrollbar-thumb { background-image: linear-gradient( rgba(0,0,0,0.3), rgba(0,0,0,0.3)); border-radius:8px; box-shadow: rgba(0,0,0,.12) 0 3px 13px 1px; transition: all 1s; } ::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active { background-image: linear-gradient(45deg, var(--primary), var(--secondary)); } @media (max-width:992px) { .none-lg {display: none !important;} blockquote {max-width:75vw} } @media (max-width:768px) { .none-md {display: none !important;} } @media (max-width:480px) { .none-sm {display: none !important;} blockquote {max-width:90vw} } .div-relative { position: relative} .div-absolute {position: absolute} .height-25 {min-height: 25vh;} .height-50 {min-height: 50vh;} .height-60 {min-height: 60vh;} .height-75 {min-height: 75vh;} .height-80 {min-height: 80vh;} .height-100,.height-full {min-height: 100vh;} .margin-top-5 {margin-top:5vh} .margin-top-10 {margin-top:10vh} .margin-top-25 {margin-top:25vh} .margin-0 {margin:0} .bg-img,.bg-default {position: relative; background-color: grey; background-image: repeating-linear-gradient( 45deg,#eee,#eee 10px,#ddd 10px,#ddd 20px );} @media (max-width:767px) { .height-md-25 {min-height: 25vh;} .height-md-50 {min-height: 50vh;} .height-md-60 {min-height: 60vh;} .height-md-75 {min-height: 75vh;} .height-md-80 {min-height: 80vh;} .height-md-100,.height-full {min-height: 100vh;} } .ratio-1-1 {aspect-ratio: 1 / 1; object-fit: cover;} .ratio-2-3 {aspect-ratio: 2 / 3; object-fit: cover;} .ratio-3-2 {aspect-ratio: 3 / 2; object-fit: cover;} .ratio-3-4 {aspect-ratio: 3 / 4; object-fit: cover;} .ratio-4-3 {aspect-ratio: 4 / 3; object-fit: cover;} .ratio-16-9 {aspect-ratio: 16 / 9; object-fit: cover;} .columns-2 {column-count: 2} .columns-3 {column-count: 3} @media (max-width:992px) { .columns-2, .columns-3 {column-count: 1} } main em { padding: 0 0.5rem; border-radius: 1em; font-style: normal; font-weight:500; background-image: linear-gradient(90deg,var(--highlight-dark),var(--highlight),var(--highlight)); } .border-grey {border:1px solid var(--grey); border-radius: var(--border-radius)} .border-grey-dark {border:1px solid var(--grey-dark); border-radius: var(--border-radius)} .fit-content > * {min-width:fit-content} .flex-row {display:flex; flex-direction: row;} .flex-right {justify-content: right;} .flex-h-center {justify-content: center;} .flex-v-center {align-items: center;} .flex-col {display:flex; flex-direction: column;} .flex-wrap {flex-wrap: wrap;} @media (max-width: 768px) { .flex > * {min-width:auto} } .none {display:none !important} /* New for 11ty */ .brxe-container, .container, .zpcontainer { width: 1312px; display: flex; flex-direction: column; margin-left:auto; margin-right: auto; @media (max-width: 992px) { width: 100%; padding: 0 var(--clamp-s); } } /* =============== END OF AUTOCSS =============== */ /* ZOHO FIX */ /* =============== CUSTOM CSS STARTS HERE =============== */ .hero-banner{ background-repeat:no-repeat; display: flex; flex-direction:row; align-items:center; padding: 0; } .hero-svg{ height:560px; } .hero-wrap{ position: relative; } .hero-background { position: absolute; } .btn-primary a{ background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-primary a.zpbutton-wrapper.zpbutton.zpbutton-type-primary { color: white; } .btn-box{ display:flex; flex-direction:row; gap:2em; } @media (max-width:767px) { .btn-box{ flex-direction:column;} } .btn-box.zpelement:before { content: ""; display: none; } .text-grad-1, h2 span{ font-family: var(--font-family); background: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* Client logo filmstrip */ .client-logo{ .hb-grid-gallery img { max-width: 100px; margin: 0 30px; filter: grayscale(1); transition: filter .3s; } .hb-grid-gallery img:hover { filter: grayscale(0); } .zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container.zpcarousel-arrow-type-03 svg{ fill:var(--primary); } [data-layout-type=filmstrip].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-left, [data-layout-type=filmstrip].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-right, [data-filmstrip-enabled].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-left, [data-filmstrip-enabled].zpfilmstrip.zpcarousel-container.zpcarousel-style-01 .zpcarousel-arrows-container .zpcarousel-arrow-right{ background: var(--white); } } .bg-red-b{ background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); } .team-transformation { background-image: url(/teams%20transformation.webp), linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-size: 50%, 100% 30rem, 100% 30rem; background-position: left bottom, center bottom, center bottom; padding-bottom: 25rem; /*background-position: left bottom, center, center;*/ background-repeat: no-repeat; } .step { color: var(--primary); font-weight: 500; border: 1px solid var(--grey-light); padding: 0 0.8em; border-radius: var(--xs); display: flex; align-items: center; } .step::before { width: 10px; height: 10px; background: var(--gradient-1); content: " "; margin-right: 5px; } .cards-2{ box-shadow: none; border: 1px solid var(--grey-light); } .cards-2 h3.zpimage-heading { font-weight: 800; } .bg-grad-2{ background: radial-gradient(44.16% 44.16% at 49.97% 35.03%, rgba(145, 55, 124, 0.1) 0%, rgba(255, 255, 255, 0.5) 79.97%, #fff 100%), var(--white); } .text-label{ letter-spacing: 4px; font-weight: 500; font-size: var(--s); } .footer-cta { } /* solutions internal pages*/ .features-header{ background-size: 60%; } @media (max-width: 480px) { .features-header { background-size: 76%; height: 480px; padding-top: 90px; }} .features-section{ background-image: linear-gradient(180deg, #fff 20%, rgba(255, 255, 255, 0) 100%), linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); background-size: 100%; background-position: top center; background-repeat: no-repeat; } .feature-wrap{ margin-top: -10em; } .feature-icon .zpicon-container .zpicon-size-md{ background: linear-gradient(42deg, #e83935 0%, #871c1c 100%); border-radius: var(--s); } .feature-icon{ width: 100%; } .feature-icon h4{ font-size:var(--m); font-weight: 600; margin-top: 12px; } .footer{ background: linear-gradient(90deg, rgba(255, 87, 87, 0.7) 50%, rgba(140, 82, 255, 0.7) 100%), #000; color:white; } .footer a{ color:var(--white) } .footer .zpcontainer-fluid.zpcontainer { row-gap: 1em; } .footer-bottom{ display: flex; flex-direction: row; align-content: space-between; } .credit{ opacity: 0.5; } .text-label h1{ font-size:var(--xs); font-weight:600; color:var(--grey); text-transform: uppercase; } .text-label{ } .theme-blog-container .zptext *{ margin:1em; } h2.hero {font} .btn-secondary:hover {color:var(--white)} /* Responsive Fix 1024 to 0 px*/ @media (max-width: 768px) { .team-transformation {padding-bottom: 10rem} .hero-banner{ height: auto; } } /* Mobile Fix 768px to 0 px*/ @media (max-width: 768px) { .gap-s {gap:1rem} .card {margin:0} } /* Mobile Fix 425px to 0 px*/ @media (max-width: 425px) { .gap-s {gap:1rem} } .team-transformation h3, .solutions h3{ font-size: var(--m); } .flex{ display: flex; flex-direction: row; } .theme-blog-post-content h2 span{ background: unset; background-clip: unset; -webkit-text-fill-color: unset; font-size: unset; } .theme-logo-parent img { height: auto; width: 50px; } .footer h5 { font-weight: 600; } .solution-img-prob .zpimage-container.zpimage-align-center figure img { object-fit: cover; } @media (max-width: 924px) { .solution-img-prob .zpimage-container.zpimage-align-center figure img { width: auto !important; } } /********* contact form ************/ .contact-form button, .contact-form input[type='submit'], .contact-form input[type='reset'], .contact-form input[type='button'] { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .fields-wrap { width: 510px; row-gap: 0.5em; display: flex; flex-direction: column; } /* Fix for Jagged on mobile */ html,body { overflow-x: clip; } .zpcontainer, .zpcontainer-fluid, .theme-content-area { max-width: 100%; } .contact-form-page{ width:100%; height: 800px; min-height:800px } /* Case study badge */ .case-badge { display: inline-flex; align-items: center; gap: 0.4em; border: 1px solid var(--grey-light); border-radius: var(--btn-radius); padding: 0.3em 0.9em; font-size: var(--clamp-xs); font-weight: 600; color: var(--primary); margin-bottom: 0.5rem; } </style><main><article><h2 class="text-xl text-bold text-center" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Senario &amp; Jenis E-Invois yang ada di Malaysia</h2><p style="letter-spacing:0.3px;">Model e-Invois ini memastikan kaedah yang komprehensif dan seragam untuk pengeluaran, penghantaran dan penyimpanan rekod dokumen transaksi. Berikut adalah senario dan jenis invois yang terlibat dengan transaksi pelaksanaan e-Invois.</p><img src="https://www.aplikasi.us/Article%20Images/senario%20e-invois.jpg" alt="Infografik Senario Penggunaan E-Invois: Bukti Pendapatan (dokumen untuk jualan atau transaksi lain) dan Bukti Perbelanjaan (dokumen pembelian, pemulangan dan diskaun)"><p>&nbsp;</p><p style="letter-spacing:0.3px;">Melalui e-Invois, pengesahan dan penyimpanan transaksi dapat dilaksanakan secara serta-merta atau hampir serta-merta bagi transaksi Perniagaan-kePerniagaan (B2B), Perniagaan-ke-Pengguna (B2C) dan Perniagaan-ke-Kerajaan (B2G).</p><img src="https://www.aplikasi.us/Article%20Images/jenis%20e-invois.jpg" alt="Infografik Jenis Dokumen E-Invois yang Dikeluarkan: Invois dan Nota Debit (Rekod Pendapatan), Nota Kredit dan Nota Bayaran Balik (Rekod Perbelanjaan)"><p>&nbsp;</p><p style="letter-spacing:0.3px;">Jika anda ingin terus mendapat maklumat terkini tentang e-invois serta perkembangannya, jangan lepaskan peluang untuk mengikuti kami di sini.</p><div class="btn-primary text-center"><a href="https://www.aplikasi.us/blogs/e-invoicing-lhdn" target="_blank" title="Lebih lanjut tentang E-Invois">Lebih lanjut tentang E-Invois</a></div>
</article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Thu, 27 Aug 2026 14:10:39 +0800</pubDate></item><item><title><![CDATA[Penghantaran e-invois kepada LHDNM]]></title><link>https://www.aplikasi.us/blogs/post/penghantaran-e-invois-kepada-lhdnm1</link><description><![CDATA[]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_fjLPVatRT3C_RQQL6ffpOQ" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_d_vkTyo9R0-NXGAMzI9bGg" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_VH4dh5__RwSQU_VooeqQFw" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_n8z5dq8JZrl_bc8ZefP7Fw" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>Penghantaran e-invois kepada LHDNM</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; --highlight-dark: #FFC51490; --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem; --xxl: 4.5rem; --xl: 3.375rem; --l: 2.25rem; --m: 1.5rem; --body: 1.125rem; --s: 1rem; --xs:0.667rem; --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; --desktop: 1312px; --tablet: 992px; --landscape: 768px; --mobile: 480px; } *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} html { scroll-behavior: smooth; } body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } .text-bold { font-weight: 700; } .text-italic { font-style: italic; } .text-center { text-align: center; } .primary, .primary a {color: var(--primary)} .secondary, .secondary a {color: var(--secondary)} .accent, .accent a {color: var(--accent)} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } ol li, ul li { padding: 0.5rem 0; } ol li::marker, ul li::marker { color: #1b1b1b; font-weight: 700; } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-secondary a { background-color: var(--secondary); } .btn-accent a{ background-color: var(--accent); } a { transition: all 0.5s; color: var(--primary); } /* Quotes */ blockquote p::before { content: open-quote; font-size: 2em; position: relative; top:.125em; right:.5em; display:block; line-height:0; } blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--grey); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} @media (max-width:992px) { blockquote {max-width:75vw} } @media (max-width:480px) { blockquote {max-width:90vw} } </style><main><article><h2 class="text-xl text-bold text-center" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Penghantaran e-invois kepada LHDNM</h2><p style="letter-spacing:0.3px;">Seperti yang anda sedia maklum, E-Invois akan mula diwajibkan bagi semua perniagaan. E-Invois akan menggantikan penggunaan dokumen kertas atau elektonik seperti dalam format PDG, JPEG, DOC dan lain-lain.</p><p style="letter-spacing:0.3px;">Oleh itu, Lembaga Hasil Dalam Negeri Malaysia (LHDNM) telah memberi pilihan gambaran yang boleh digunakan oleh pembayar cukai bagi menghantar e-invois kepada LHDNM; berdasarkan keperluan perniagaan dan keadaan tertentu para pembayar cukai.</p><p style="letter-spacing:0.3px;">Antara dua (2) pilihan mekanisme penghantaran e-invois yang boleh dipilih oleh pembayar cukai adalah:</p><div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:1.5rem;margin:1rem 0 1.5rem;"><div class="card" style="padding:1.5rem;"><p style="letter-spacing:0.3px;margin:0 0 0.75rem;"><strong style="color:rgb(27, 27, 27);">Portal My-Invois</strong></p><ul style="margin:0;padding-left:1.25rem;"><li>Portal yang dihoskan oleh LHDNM</li><li>Boleh diakses oleh semua pembayar cukai tanpa sebarang kos</li><li>Juga boleh diakses oleh pembayar cukai yang perlu mengeluarkan e-Invois ketika mana sambungan <i>Application Programming Interface</i> (API) tidak tersedia</li></ul></div>
<div class="card" style="padding:1.5rem;"><p style="letter-spacing:0.3px;margin:0 0 0.75rem;"><strong style="color:rgb(27, 27, 27);"><i>Application Programming Interface</i> (API)</strong></p><ul style="margin:0;padding-left:1.25rem;"><li>API adalah satu cara yang melibatkan kod (<i>coding</i>) yang membolehkan penghantaran data secara langsung antara sistem pembayar cukai dan Sistem MyInvois</li><li>Memerlukan pelaburan awal dalam teknologi dan pelarasan kepada sistem sedia ada</li><li>Sesuai untuk pembayar cukai besar atau perniagaan dengan jumlah transaksi yang besar</li><li>Juga sesuai untuk perniagaan yang sudah mempunyai sistem perakaunan dan tidak mahu berpindah ke MyInvois</li></ul></div>
</div><p style="letter-spacing:0.3px;">Nak faham dengan lebih senang? Rajah di bawah menunjukkan gambaran keseluruhan aliran kerja pelaksanaan e-Invois.</p><img src="https://www.aplikasi.us/Article%20Images/3.png" alt="Infografik Aliran Kerja e-Invois, langkah 1 hingga 3: mengeluarkan e-Invois, pengesahan e-Invois oleh LHDNM, dan notifikasi e-Invois yang disahkan"><img src="https://www.aplikasi.us/Article%20Images/4.png" alt="Infografik Aliran Kerja e-Invois, langkah 4 hingga 6: perkongsian e-Invois dengan pembeli, penolakan atau pembatalan e-Invois, dan ringkasan transaksi melalui Portal MyInvois" style="margin-bottom:1.5rem;"><p style="letter-spacing:0.3px;">Kesimpulannya, ada dua cara atau pilihan mekanisme penghantaran e-invois yang boleh dipilih oleh pembayar cukai. Pilihlah mekanisme yang akan memberi kesenangan kepada perniagaan anda. Pilihan yang disediakan oleh LHDNM menawarkan fleksibiliti dan adaptabiliti untuk memenuhi pelbagai keperluan perniagaan. Jangan tak buat pula ye! Langkah ini penting untuk Malaysia terus bergerak ke sistem invois yang lebih teratur dan cekap.</p><p style="letter-spacing:0.3px;">Jika anda sedang mencari tempat untuk mengetahui lebih lanjut tentang E-Invois, kami ada senarai entiti atau syarikat yang menawarkan <a href="https://www.aplikasi.us/blogs/post/list-of-e-invoice-courses-seminars-trainings-in-malaysia" target="_blank" style="color:rgb(27, 27, 27);text-decoration:underline;">seminar atau sesi latihan E-Invois</a>. Klik <a href="https://www.aplikasi.us/blogs/post/list-of-e-invoice-courses-seminars-trainings-in-malaysia" target="_blank" style="color:rgb(27, 27, 27);text-decoration:underline;">disini</a>.</p><div class="btn-primary text-center"><a href="https://www.aplikasi.us/blogs/e-invoicing-lhdn" target="_blank" title="Lebih lanjut tentang E-Invois">Lebih lanjut tentang E-Invois</a></div>
</article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Thu, 27 Aug 2026 14:10:39 +0800</pubDate></item><item><title><![CDATA[Sending e-invoices to the LHDNM]]></title><link>https://www.aplikasi.us/blogs/post/sending-e-invoices-to-the-lhdnm1</link><description><![CDATA[]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_o8d7m4CmS3eyza8e0Igzbw" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_cJLjFcJ7QqG8Mzbd0ofJnA" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_FsgBZX4YQZuAaUC-HYFaQA" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_b2aRDcDuz6c-K2DDmH2FYw" data-element-type="codeSnippet" class="zpelement zpelem-codesnippet "><div class="zpsnippet-container"><!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>Sending E-Invoices to the LHDNM</title><style> .zpelement{ margin:0; } .theme-blog-container-column .zpelement{ margin:unset; } .theme-blog-container-column { h1, h2,h3,h4,h5,h6{padding: 1em 0;}} .zpelement::before{ display: none; } .zpsection { padding: 0; } @media (min-width: 992px) { .theme-pages-full-stretch .zpcontainer { max-inline-size: 1300px; } } .zpheader-style-01 .theme-header .zpcontainer { flex-direction: row; } :root { --primary: #c92127; --primary-off: #ff914d; --secondary: #8C53FF; --secondary-off: #7D4AE5; --accent: #f39c13; --accent-off: #eab36a; --body-color: #292c2e; --body-off: #535353; --white: #ffffff; --base: #ffffff; --bg-base: #fff5ee; --grey-light: #e6e7e8; --grey: #414141; --grey-mid: #86898e; --black: #1b1b1b; --highlight: #FFC514cc; --highlight-dark: #FFC51490; --hover-brightness: 1.3; --border-radius: 0.5rem; --btn-radius: 8px; --btn-hover: ""; --btn-outline-border: 2px; --gradient-1: linear-gradient(108deg, #ff3131 9.19%, #ff914d 70.73%, #ff914d 100%); --xxxl: 6.5rem; --xxl: 4.5rem; --xl: 3.375rem; --l: 2.25rem; --m: 1.5rem; --body: 1.125rem; --s: 1rem; --xs:0.667rem; --lh-xxxl: 1.2em; --lh-h1: 1.1em; --lh-h2: 1.3em; --lh-heading: 1.3em; --lh-body: 1.5em; --lh-btn: 1em; --ls-heading:unset; --ls-h1:unset; --ls-h2:unset; --col:7rem; --clamp-xxxl: clamp(3rem, calc(3rem + ((1vw - 0.3rem) * 7.6923)), var(--xxxl)); --clamp-xxl: clamp(2.5rem, calc(2.5rem + ((1vw - 0.3rem) * 4.8077)), var(--xxl)); --clamp-xl: clamp(1.75rem, calc(1.75rem + ((1vw - 0.3rem) * 2.4038)), var(--xl)); --clamp-l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.9615)), var(--l)); --clamp-m: clamp(1.125rem, calc(1.125rem + ((1vw - 0.3rem) * 0.7212)), var(--m)); --clamp-s: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.2404)), var(--s)); --clamp-xs: clamp(0.625rem, calc(0.625rem + ((1vw - 0.3rem) * 0.2404)), var(--xs)); --clamp-body: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.2404)), var(--body)); --clamp-section: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 3.8462)), 3rem); --width-card: 26rem; --width-card-m: 40rem; --width-card-l: 54rem; --width-content: 1080px; --desktop: 1312px; --tablet: 992px; --landscape: 768px; --mobile: 480px; } *,::after,::before{box-sizing:border-box} img,picture {width:100%; height: auto; outline: none; vertical-align: middle;} button,input,select, textarea{font:inherit} html { scroll-behavior: smooth; } body { min-height:100vh; text-rendering:optimizeSpeed; font-size: var(--clamp-body); color: var(--body-color); line-height: var(--lh-body); background-color: var(--base); } h1, .text-xxl { font-size: var(--clamp-xxl); line-height: var(--lh-h1); letter-spacing: var(--ls-h1); } h2, .text-xl{ font-size: var(--clamp-xl); line-height: var(--lh-h2); letter-spacing: var(--ls-h2); } h3, .text-l { font-size: var(--clamp-l); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h4, .text-m { font-size: var(--clamp-m); line-height: var(--lh-heading); letter-spacing: var(--ls-heading); } h5, h6, .text-s { font-size: var(--clamp-s); line-height: var(--lh-heading); } .text-xs{ font-size: var(--clamp-xs); } .text-m, .text-s, .text-body, .text-xs { line-height: var(--lh-body); } div { h1,h2,h3,h4, .text-xxxl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs {margin:0} } .text-bold { font-weight: 700; } .text-italic { font-style: italic; } .text-center { text-align: center; } .primary, .primary a {color: var(--primary)} .secondary, .secondary a {color: var(--secondary)} .accent, .accent a {color: var(--accent)} .black, .dark,.black a, .dark a {color: var(--black);} .body-color, .body-color a {color: var(--body-color);} main p { margin: 0 0 calc(var(--clamp-s) * 1.25); padding: 0; } ol li, ul li { padding: 0.5rem 0; } ol li::marker, ul li::marker { color: #1b1b1b; font-weight: 700; } /* Button */ .btn-primary a,.btn-secondary a,.btn-accent a{ z-index:1; display:inline-flex; border: none; padding: calc(var(--clamp-body)*.75) calc(var(--clamp-body)*1.5); transition: all 0.5s; overflow: hidden; position: relative; text-decoration:none; border-radius: var(--btn-radius); line-height: var(--lh-btn); color:var(--white); cursor: pointer; } .btn-primary a { background: linear-gradient(89deg, #ff5757 9.19%, #8c52ff 72.57%, #8c52ff 92.85%) !important; } .btn-secondary a { background-color: var(--secondary); } .btn-accent a{ background-color: var(--accent); } a { transition: all 0.5s; color: var(--primary); } /* Quotes */ blockquote p::before { content: open-quote; font-size: 2em; position: relative; top:.125em; right:.5em; display:block; line-height:0; } blockquote { font-size: var(--clamp-m); line-height: var(--lh-body); margin: 1rem auto; max-width: 50vw; padding: 1.5rem 1.5rem 1.5rem 2.5rem; } blockquote footer { color: var(--grey); font-size: var(--clamp-xs); line-height: var(--lh-body); padding: 1.5rem 0; } blockquote p {margin:0; padding: 0} @media (max-width:992px) { blockquote {max-width:75vw} } @media (max-width:480px) { blockquote {max-width:90vw} } </style><main><article><h2 class="text-xl text-bold text-center" style="background:linear-gradient(90deg, rgb(255, 49, 49) 0%, rgb(255, 145, 77) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;">Sending e-invoices to the LHDNM</h2><p style="letter-spacing:0.3px;">As you may already know, <a href="https://www.aplikasi.us/blogs/e-invoicing-lhdn" target="_blank" style="color:rgb(27, 27, 27);text-decoration:underline;">E-Invoice</a> will soon be mandatory for all businesses. E-Invoices will replace the use of paper or electronic documents such as in PDF, JPEG, DOC formats, and others.</p><p style="letter-spacing:0.3px;">Therefore, the Lembaga Hasil Dalam Negeri Malaysia (LHDNM) has provided selectable options for taxpayers to use when sending e-invoices to the LHDNM; based on business requirements and specific circumstances of taxpayers.</p><p style="letter-spacing:0.3px;">Among the two (2) options for sending e-invoices that taxpayers can choose from are:</p><div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:1.5rem;margin:1rem 0 1.5rem;"><div class="card" style="padding:1.5rem;"><p style="letter-spacing:0.3px;margin:0 0 0.75rem;"><strong style="color:rgb(27, 27, 27);">MyInvois Portal</strong></p><ul style="margin:0;padding-left:1.25rem;"><li>A portal hosted by the LHDNM</li><li>Accessible to all taxpayers at no cost</li><li>Also accessible to taxpayers who need to issue e-Invoices when the Application Programming Interface (API) connection is not available</li></ul></div>
<div class="card" style="padding:1.5rem;"><p style="letter-spacing:0.3px;margin:0 0 0.75rem;"><strong style="color:rgb(27, 27, 27);">Application Programming Interface (API)</strong></p><ul style="margin:0;padding-left:1.25rem;"><li>API is a set of programming code that allows direct data transmission between taxpayer systems and the MyInvois System</li><li>Requires initial investment in technology and adjustments to existing systems</li><li>Suitable for large taxpayers or businesses with a large number of transactions</li><li>Also suitable for businesses with their own accounting system and do not want to migrate over to MyInvois Portal</li></ul></div>
</div><p style="letter-spacing:0.3px;">Below shows how e-Invoices work, starting from when a sale happens and a supplier sends an e-Invoice through MyInvois Portal or API. It ends when validated e-Invoices are stored on LHDNM's database for taxpayers to see their past e-Invoices.</p><img src="https://www.aplikasi.us/Article%20Images/Aliran%20kerja%20pelaksanaan%20E-Invois.jpg" alt="E-Invoice Workflow infographic, steps 1 to 3: issuance of e-Invoice, validation of e-Invoice by LHDNM, and notification of validated e-Invoice"><img src="https://www.aplikasi.us/Article%20Images/Aliran%20kerja%20pelaksanaan%20E-Invois%20-1-.jpg" alt="E-Invoice Workflow infographic, steps 4 to 6: sharing of e-Invoice with the buyer, rejection or cancellation of e-Invoice, and viewing e-Invoice summaries via MyInvois Portal" style="margin-bottom:1.5rem;"><p style="letter-spacing:0.3px;">To sum it up, it's evident that businesses are at a crucial juncture of transitioning to a more streamlined and efficient invoicing system. The options provided by LHDNM offer flexibility and adaptability to suit diverse business needs. Whether you opt for the simplicity of direct integration or the convenience of service providers, the end goal remains consistent: achieving compliance without compromising efficiency.</p><p style="letter-spacing:0.3px;">If you are looking for E-Invoice courses, seminars, or training in Malaysia, do check them out <a href="https://www.aplikasi.us/blogs/post/list-of-e-invoice-courses-seminars-trainings-in-malaysia" target="_blank" style="color:rgb(27, 27, 27);text-decoration:underline;">here</a>. We have created a number of lists for you to choose from!</p><div class="btn-primary text-center"><a href="https://www.aplikasi.us/blogs/e-invoicing-lhdn" target="_blank" title="More about E-Invoice">More about E-Invoice</a></div>
</article></main></div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Thu, 27 Aug 2026 10:46:02 +0800</pubDate></item></channel></rss>