Executive Dashboards That Live Outside Your CRM

Last updated on Jul 29, 2026 9:53 PM 9:53 PM 440.97 ms
The Visibility Gap

Your Perfex CRM has every number your leadership team needs - revenue, pipeline, project status, cash flow. But those numbers are locked inside an admin panel that requires login credentials, technical knowledge, and patience.
When your CEO asks “How are we doing this quarter?”, the answer shouldn’t require:
Logging into the CRM
Navigating to the right module
Exporting data to Excel
Building a presentation
Data should flow to where decisions happen - the boardroom TV, the client portal, the operations dashboard on the wall.
Public Charts: Embed Anywhere

Data Builder lets you create reports and then publish them as embeddable charts - accessible via a public URL, no CRM login required.
How it works:
</pre>
<p>The chart updates in real-time from your database. No manual refresh. No stale screenshots.</p>
<h3>Branded Dashboards</h3>
<p>Public charts support <strong>customizable headers and footers</strong>:</p>
<ul>
<li>
<p>Add your company logo</p>
</li>
<li>
<p>Set custom titles and descriptions</p>
</li>
<li>
<p>Brand colors and styling</p>
</li>
<li>
<p>Professional presentation for external stakeholders</p>
</li>
</ul>
<p>Your quarterly board report can look like a polished BI dashboard - not an exported table with your CRM’s admin branding.</p>
<h3>Flexible Time Periods</h3>
<p>Charts support multiple aggregation periods:</p>
<ul>
<li>
<p><strong>Minute</strong> - real-time operations monitoring</p>
</li>
<li>
<p><strong>Hourly</strong> - daily operations tracking</p>
</li>
<li>
<p><strong>Daily</strong> - weekly performance reviews</p>
</li>
<li>
<p><strong>Monthly</strong> - standard business reporting</p>
</li>
<li>
<p><strong>Yearly</strong> - annual trends and comparisons</p>
</li>
</ul>
<p>Users can toggle between periods directly on the chart - no new report needed.</p>
<h3>Report Groups: One View, Multiple Reports</h3>
<p>Leadership doesn’t want 10 separate report links. They want a <strong>single dashboard</strong> with everything.</p>
<p><strong>Report Groups</strong> organize related reports into <strong>tabbed navigation</strong>:</p>
<ul>
<li>
<p><strong>Finance Tab</strong>: Revenue, Outstanding Invoices, Cash Flow</p>
</li>
<li>
<p><strong>Sales Tab</strong>: Pipeline, Conversion Rates, Agent Performance</p>
</li>
<li>
<p><strong>Operations Tab</strong>: Project Status, Task Completion, Staff Productivity</p>
</li>
</ul>
<p>One URL. Multiple reports. Tab between them like a professional BI tool.</p>
<h3>12 Pre-Built Dashboard Presets</h3>
<p>Get started immediately with pre-built report configurations:</p>
<table>
<thead>
<tr>
<th>#</th>
<th>Preset</th>
<th>Use Case</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Daily Invoice Payment Records</td>
<td>Daily finance monitoring</td>
</tr>
<tr>
<td>2</td>
<td>Top Paying Clients Dashboard</td>
<td>Client value analysis</td>
</tr>
<tr>
<td>3</td>
<td>Sales Agent Revenue Performance</td>
<td>Sales team KPIs</td>
</tr>
<tr>
<td>4</td>
<td>Outstanding Invoice Tracker</td>
<td>Accounts receivable management</td>
</tr>
<tr>
<td>5</td>
<td>Project Profitability Report</td>
<td>Project financial health</td>
</tr>
<tr>
<td>6</td>
<td>Executive KPI Dashboard</td>
<td>C-level overview</td>
</tr>
<tr>
<td>7</td>
<td>Client Payment Behavior Analysis</td>
<td>Cash flow prediction</td>
</tr>
<tr>
<td>8</td>
<td>Staff Productivity Board</td>
<td>HR/operations metrics</td>
</tr>
<tr>
<td>9</td>
<td>Finance + Cashflow Dashboard</td>
<td>CFO dashboard</td>
</tr>
<tr>
<td>10</td>
<td>Webhook Event Monitoring</td>
<td>Technical operations</td>
</tr>
<tr>
<td>11</td>
<td>Daily Sales by Invoice Item</td>
<td>Product-level sales</td>
</tr>
<tr>
<td>12</td>
<td>Quarterly Sales Reports</td>
<td>Q1-Q4 comparisons</td>
</tr>
</tbody>
</table>
<p>Each preset is customizable - use as-is or modify to match your business needs.</p>
<h3>Controlled Access</h3>
<p>Public doesn’t mean unsecured:</p>
<ul>
<li>
<p><strong>View Scopes</strong>: Control exactly who sees each dashboard</p>
</li>
<li>
<p><strong>Shared + Hybrid logic</strong>: Grant access by role or individual user</p>
</li>
<li>
<p><strong>API token restrictions</strong>: Embedded dashboards respect token permissions</p>
</li>
<li>
<p><strong>No sensitive data exposure</strong>: Sensitive columns are automatically excluded</p>
</li>
</ul>
<h3>Data Where Decisions Happen</h3>
<p>Stop printing reports. Stop emailing Excel files. Stop asking people to log into the CRM.</p>
<p>Put your business data on screens, in portals, and in dashboards where it drives actual decisions.</p>
<p><strong>Embed. Share. Decide.</strong></p>
    </div>
    
    <footer class="mt-16 pt-8 border-t border-slate-200 dark:border-slate-700"
            x-data="{ voted: false, voteType: null }"
    >
        <div class="text-sm text-slate-500 dark:text-slate-400 flex items-center gap-3">
            <template x-if="!voted">
                <span class="flex items-center gap-3">
                    Was this article helpful?
                    <button @click="
                        fetch('/api/v1/content-votes', {
                            method: 'POST',
                            headers: {'Content-Type': 'application/json', 'Accept': 'application/json'},
                            body: JSON.stringify({voteable_type: 'post', voteable_id: 8, type: 'helpful', source: 'flexidocs'})
                        }).then(() => { voted = true; voteType = 'helpful'; })
                    " class="px-3 py-1 rounded-full border border-emerald-300 dark:border-emerald-600 text-emerald-600 dark:text-emerald-400 hover:bg-emerald-50 dark:hover:bg-emerald-900/20 font-medium transition-colors flex items-center">
                        <svg class="w-4 h-4 mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5"></path></svg>
                        Yes
                    </button>
                    <button @click="
                        fetch('/api/v1/content-votes', {
                            method: 'POST',
                            headers: {'Content-Type': 'application/json', 'Accept': 'application/json'},
                            body: JSON.stringify({voteable_type: 'post', voteable_id: 8, type: 'not_helpful', source: 'flexidocs'})
                        }).then(() => { voted = true; voteType = 'not_helpful'; })
                    " class="px-3 py-1 rounded-full border border-slate-300 dark:border-slate-600 text-slate-600 dark:text-slate-400 hover:bg-slate-50 dark:hover:bg-slate-800 font-medium transition-colors flex items-center">
                        <svg class="w-4 h-4 mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14H5.236a2 2 0 01-1.789-2.894l3.5-7A2 2 0 018.736 3h4.018a2 2 0 01.485.06l3.76.94m-7 10v5a2 2 0 002 2h.096c.5 0 .905-.405.905-.904 0-.714.211-1.412.608-2.006L17 13V4m-7 10h2m5-10h2a2 2 0 012 2v6a2 2 0 01-2 2h-2.5"></path></svg>
                        No
                    </button>
                </span>
            </template>
            <template x-if="voted">
                <span class="text-emerald-600 dark:text-emerald-400 font-medium" x-transition>
                    Thank you for your feedback!
                </span>
            </template>
        </div>
    </footer>
</article>

                </div>
            </div>
            
            <!-- Scroll Tools -->
            <div class="flex absolute right-4 lg:right-6 top-1/2 -translate-y-1/2 flex-col gap-2 z-40 pointer-events-none">
                <button onclick="document.querySelector('.wiki-scroll-container').scrollTo({top: 0, behavior: 'smooth'})" class="pointer-events-auto w-9 h-9 flex items-center justify-center rounded-full bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white shadow-sm hover:shadow hover:bg-slate-50 dark:hover:bg-slate-700 transition-all" aria-label="Scroll to top" title="Scroll to top">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18" /></svg>
                </button>
                <button onclick="document.querySelector('.wiki-scroll-container').scrollTo({top: document.querySelector('.wiki-scroll-container').scrollHeight, behavior: 'smooth'})" class="pointer-events-auto w-9 h-9 flex items-center justify-center rounded-full bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white shadow-sm hover:shadow hover:bg-slate-50 dark:hover:bg-slate-700 transition-all" aria-label="Scroll to bottom" title="Scroll to bottom">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3" /></svg>
                </button>
            </div>
        </main>

        <!-- Right TOC Sidebar (Visible on xl+ screens) -->
            </div>
    
    <!-- Theme Scripts -->
    <script src="https://www.headrandom.com/themes/flexidocs/js/wiki.js?v=1785383475"></script>
        <link rel="stylesheet" href="/themes/flexidocs/css/wiki.css?v=1785383475">
            <script src="/themes/flexidocs/js/main.js?v=1785383475"></script>
                    <script src="/themes/flexidocs/js/wiki.js?v=1785383475"></script>
            
<!-- Cache Driver: REDIS | Prefix: headrandom_cache_ | Locale: en | Layout: split-left | Execution Time: 509.32 ms -->
<div style="display:none;" id="polycms-cache-debug" data-driver="REDIS" data-time="509.32"></div>
<!-- PolyCMS Cookie Consent Banner -->
<style>
    #polycms-cookie-consent {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99999;
        background-color: #111;
        color: #fff;
        padding: 16px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 18px;
        font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
        font-size: 14px;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.5);
    }
    #polycms-cookie-consent .polycms-cookie-inner {
        width: min(100%, 1120px);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
    }
    #polycms-cookie-consent .polycms-cookie-message {
        display: flex;
        align-items: center;
        gap: 14px;
        flex: 1;
        min-width: 240px;
    }
    #polycms-cookie-consent .polycms-cookie-icon {
        background-color: #ef4444;
        border-radius: 50%;
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }
    #polycms-cookie-consent .polycms-cookie-message p {
        margin: 0;
        line-height: 1.45;
        font-weight: 600;
    }
    #polycms-cookie-consent .polycms-cookie-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        flex-wrap: wrap;
    }
    #polycms-cookie-consent button {
        min-height: 36px;
        border-radius: 5px;
        cursor: pointer;
        font-weight: 600;
        font-size: 13px;
        transition: all 0.2s;
        white-space: nowrap;
    }
    #cookie-reject,
    #cookie-customize {
        background: #fff;
        color: #333;
        border: 1px solid #ccc;
        padding: 8px 16px;
    }
    #cookie-accept {
        background: #3b82f6;
        color: #fff;
        border: 1px solid #2563eb;
        padding: 8px 16px;
    }
    @media (max-width: 640px) {
        #polycms-cookie-consent {
            padding: 14px 18px;
        }
        #polycms-cookie-consent .polycms-cookie-inner {
            flex-direction: column;
            align-items: stretch;
            gap: 12px;
        }
        #polycms-cookie-consent .polycms-cookie-message {
            align-items: flex-start;
            gap: 12px;
            min-width: 0;
        }
        #polycms-cookie-consent .polycms-cookie-icon {
            width: 34px;
            height: 34px;
            margin-top: 1px;
        }
        #polycms-cookie-consent .polycms-cookie-message p {
            font-size: 12.5px;
            line-height: 1.45;
        }
        #polycms-cookie-consent .polycms-cookie-actions {
            display: grid;
            grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.68fr);
            gap: 8px;
        }
        #polycms-cookie-consent button {
            width: 100%;
            min-height: 34px;
            padding: 7px 10px;
            font-size: 12px;
        }
        #cookie-accept {
            grid-column: 1 / -1;
        }
    }
</style>
<div id="polycms-cookie-consent">
    <div class="polycms-cookie-inner">
    <div class="polycms-cookie-message">
        <div class="polycms-cookie-icon">
            <svg style="width: 20px; height: 20px; fill: #fff;" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>
        </div>
        <p>Your experience on this site will be improved by allowing cookies.</p>
    </div>
    <div class="polycms-cookie-actions">
        <button id="cookie-reject">Reject</button>
        <button id="cookie-customize">Customize preferences</button>
        <button id="cookie-accept">Accept cookies</button>
    </div>
    </div>
</div>

<script>
(function() {
    function setCookie(value) {
        var d = new Date();
        d.setTime(d.getTime() + (365*24*60*60*1000));
        document.cookie = "polycms_consent=" + value + ";expires=" + d.toUTCString() + ";path=/";
        document.getElementById("polycms-cookie-consent").style.display = "none";
    }

    document.getElementById("cookie-accept").addEventListener("click", function() { setCookie("accepted"); });
    document.getElementById("cookie-reject").addEventListener("click", function() { setCookie("rejected"); });
    document.getElementById("cookie-customize").addEventListener("click", function() {
        window.location.href = "/privacy-policy";
    });
})();
</script>
<!-- End PolyCMS Cookie Consent --></body>
</html>