| 1 |
<?php |
| 2 |
/** |
| 3 |
* Forumax Analytics Locked Template |
| 4 |
* |
| 5 |
* @package Forumax |
| 6 |
* @since 2.3.0 |
| 7 |
*/ |
| 8 |
|
| 9 |
if ( ! defined( 'ABSPATH' ) ) { |
| 10 |
exit; |
| 11 |
} |
| 12 |
|
| 13 |
$upgrade_url = function_exists( 'bc_fs' ) |
| 14 |
? bc_fs()->get_upgrade_url() |
| 15 |
: admin_url( 'admin.php?page=forumax-pricing' ); |
| 16 |
?> |
| 17 |
|
| 18 |
<div class="wrap frmx-analytics-page"> |
| 19 |
<div class="frmx-analytics-shell"> |
| 20 |
<section class="frmx-analytics-topbar"> |
| 21 |
<div class="frmx-analytics-topbar__main"> |
| 22 |
<div class="frmx-analytics-topbar__logo"> |
| 23 |
<img src="<?php echo esc_url( FORUMAX_IMG . 'logo.svg' ); ?>" alt="<?php esc_attr_e( 'Forumax Logo', 'forumax' ); ?>"> |
| 24 |
</div> |
| 25 |
<div class="frmx-analytics-topbar__copy"> |
| 26 |
<div class="frmx-analytics-kicker"><?php esc_html_e( 'Promax Feature', 'forumax' ); ?></div> |
| 27 |
<h1> |
| 28 |
<?php esc_html_e( 'Analytics', 'forumax' ); ?> |
| 29 |
<span class="frmx-analytics-plan"><?php esc_html_e( 'Promax', 'forumax' ); ?></span> |
| 30 |
</h1> |
| 31 |
<p><?php esc_html_e( 'A focused analytics workspace for understanding forum activity, contributors, and support quality.', 'forumax' ); ?></p> |
| 32 |
</div> |
| 33 |
</div> |
| 34 |
<div class="frmx-analytics-topbar__actions"> |
| 35 |
<a href="<?php echo esc_url( $upgrade_url ); ?>" class="frmx-analytics-btn frmx-analytics-btn--accent"> |
| 36 |
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg> |
| 37 |
<?php esc_html_e( 'Upgrade to Promax', 'forumax' ); ?> |
| 38 |
</a> |
| 39 |
</div> |
| 40 |
</section> |
| 41 |
|
| 42 |
<section class="frmx-analytics-hero"> |
| 43 |
<div class="frmx-analytics-hero__copy"> |
| 44 |
<div class="frmx-analytics-hero__eyebrow"> |
| 45 |
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg> |
| 46 |
<?php esc_html_e( 'Forum Analytics Overview', 'forumax' ); ?> |
| 47 |
</div> |
| 48 |
<h2><?php esc_html_e( 'Understand how your forum is performing', 'forumax' ); ?></h2> |
| 49 |
<p><?php esc_html_e( 'See topic growth, reply activity, contributor participation, and support resolution in one focused analytics workspace built for communities.', 'forumax' ); ?></p> |
| 50 |
<div class="frmx-analytics-summary"> |
| 51 |
<div class="frmx-analytics-summary__item"> |
| 52 |
<div class="frmx-analytics-summary__icon frmx-analytics-summary__icon--blue"> |
| 53 |
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg> |
| 54 |
</div> |
| 55 |
<div> |
| 56 |
<strong><?php esc_html_e( 'Activity trends', 'forumax' ); ?></strong> |
| 57 |
<p><?php esc_html_e( 'Follow topic and reply volume over time.', 'forumax' ); ?></p> |
| 58 |
</div> |
| 59 |
</div> |
| 60 |
<div class="frmx-analytics-summary__item"> |
| 61 |
<div class="frmx-analytics-summary__icon frmx-analytics-summary__icon--purple"> |
| 62 |
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg> |
| 63 |
</div> |
| 64 |
<div> |
| 65 |
<strong><?php esc_html_e( 'Top contributors', 'forumax' ); ?></strong> |
| 66 |
<p><?php esc_html_e( 'Identify the members driving discussion quality.', 'forumax' ); ?></p> |
| 67 |
</div> |
| 68 |
</div> |
| 69 |
<div class="frmx-analytics-summary__item"> |
| 70 |
<div class="frmx-analytics-summary__icon frmx-analytics-summary__icon--green"> |
| 71 |
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> |
| 72 |
</div> |
| 73 |
<div> |
| 74 |
<strong><?php esc_html_e( 'Resolution tracking', 'forumax' ); ?></strong> |
| 75 |
<p><?php esc_html_e( 'Measure solved topics and unanswered support gaps.', 'forumax' ); ?></p> |
| 76 |
</div> |
| 77 |
</div> |
| 78 |
</div> |
| 79 |
<div class="frmx-analytics-hero__actions"> |
| 80 |
<a href="<?php echo esc_url( $upgrade_url ); ?>" class="frmx-analytics-btn frmx-analytics-btn--accent"> |
| 81 |
<?php esc_html_e( 'Unlock Analytics', 'forumax' ); ?> |
| 82 |
</a> |
| 83 |
<a href="<?php echo esc_url( $upgrade_url ); ?>" class="frmx-analytics-btn frmx-analytics-btn--secondary"> |
| 84 |
<?php esc_html_e( 'Compare Plans', 'forumax' ); ?> |
| 85 |
</a> |
| 86 |
</div> |
| 87 |
</div> |
| 88 |
|
| 89 |
<div class="frmx-analytics-preview" aria-hidden="true"> |
| 90 |
<div class="frmx-analytics-preview__window"> |
| 91 |
<div class="frmx-analytics-preview__top"> |
| 92 |
<div class="frmx-analytics-preview__dots"> |
| 93 |
<span></span> |
| 94 |
<span></span> |
| 95 |
<span></span> |
| 96 |
</div> |
| 97 |
<div class="frmx-analytics-preview__label"><?php esc_html_e( 'Last 30 days', 'forumax' ); ?></div> |
| 98 |
</div> |
| 99 |
<div class="frmx-analytics-preview__stats"> |
| 100 |
<div class="frmx-analytics-preview__stat"> |
| 101 |
<label><?php esc_html_e( 'Topics', 'forumax' ); ?></label> |
| 102 |
<strong>1.2K</strong> |
| 103 |
<div class="frmx-analytics-preview__sparkline"> |
| 104 |
<svg viewBox="0 0 80 24" preserveAspectRatio="none"> |
| 105 |
<polyline points="0,20 10,16 20,18 30,12 40,14 50,8 60,10 70,4 80,6" fill="none" stroke="#10b981" stroke-width="2"/> |
| 106 |
</svg> |
| 107 |
</div> |
| 108 |
<small class="frmx-analytics-badge frmx-analytics-badge--green">+18%</small> |
| 109 |
</div> |
| 110 |
<div class="frmx-analytics-preview__stat"> |
| 111 |
<label><?php esc_html_e( 'Resolution', 'forumax' ); ?></label> |
| 112 |
<strong>84%</strong> |
| 113 |
<div class="frmx-analytics-preview__sparkline"> |
| 114 |
<svg viewBox="0 0 80 24" preserveAspectRatio="none"> |
| 115 |
<polyline points="0,18 10,14 20,16 30,10 40,12 50,8 60,6 70,8 80,4" fill="none" stroke="#8b5cf6" stroke-width="2"/> |
| 116 |
</svg> |
| 117 |
</div> |
| 118 |
<small class="frmx-analytics-badge frmx-analytics-badge--purple">+6%</small> |
| 119 |
</div> |
| 120 |
<div class="frmx-analytics-preview__stat"> |
| 121 |
<label><?php esc_html_e( 'Active users', 'forumax' ); ?></label> |
| 122 |
<strong>326</strong> |
| 123 |
<div class="frmx-analytics-preview__sparkline"> |
| 124 |
<svg viewBox="0 0 80 24" preserveAspectRatio="none"> |
| 125 |
<polyline points="0,12 10,10 20,14 30,12 40,10 50,12 60,10 70,12 80,10" fill="none" stroke="#f59e0b" stroke-width="2"/> |
| 126 |
</svg> |
| 127 |
</div> |
| 128 |
<small class="frmx-analytics-badge frmx-analytics-badge--amber"><?php esc_html_e( 'Stable', 'forumax' ); ?></small> |
| 129 |
</div> |
| 130 |
</div> |
| 131 |
<div class="frmx-analytics-preview__chart"> |
| 132 |
<div class="frmx-analytics-preview__chart-bars"> |
| 133 |
<span class="frmx-bar frmx-bar-1"></span> |
| 134 |
<span class="frmx-bar frmx-bar-2"></span> |
| 135 |
<span class="frmx-bar frmx-bar-3"></span> |
| 136 |
<span class="frmx-bar frmx-bar-4"></span> |
| 137 |
<span class="frmx-bar frmx-bar-5"></span> |
| 138 |
<span class="frmx-bar frmx-bar-6"></span> |
| 139 |
<span class="frmx-bar frmx-bar-7"></span> |
| 140 |
</div> |
| 141 |
<div class="frmx-analytics-preview__lock"> |
| 142 |
<div class="frmx-analytics-preview__lock-icon"> |
| 143 |
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg> |
| 144 |
</div> |
| 145 |
<span><?php esc_html_e( 'Available in Promax', 'forumax' ); ?></span> |
| 146 |
</div> |
| 147 |
</div> |
| 148 |
</div> |
| 149 |
</div> |
| 150 |
</section> |
| 151 |
|
| 152 |
<section class="frmx-analytics-section"> |
| 153 |
<div class="frmx-analytics-section__header"> |
| 154 |
<div class="frmx-analytics-icon"> |
| 155 |
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"/><path d="M22 12A10 10 0 0 0 12 2v10z"/></svg> |
| 156 |
</div> |
| 157 |
<h2><?php esc_html_e( 'What you can measure', 'forumax' ); ?></h2> |
| 158 |
<p><?php esc_html_e( 'Forumax Analytics helps forum owners understand growth, content quality, member behavior, and support outcomes.', 'forumax' ); ?></p> |
| 159 |
</div> |
| 160 |
|
| 161 |
<div class="frmx-analytics-stats"> |
| 162 |
<div class="frmx-analytics-stat"> |
| 163 |
<div class="frmx-analytics-stat__icon frmx-analytics-stat__icon--indigo"> |
| 164 |
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg> |
| 165 |
</div> |
| 166 |
<strong><?php esc_html_e( 'Forums', 'forumax' ); ?></strong> |
| 167 |
<span><?php esc_html_e( 'See which forums drive the most activity', 'forumax' ); ?></span> |
| 168 |
</div> |
| 169 |
<div class="frmx-analytics-stat"> |
| 170 |
<div class="frmx-analytics-stat__icon frmx-analytics-stat__icon--violet"> |
| 171 |
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg> |
| 172 |
</div> |
| 173 |
<strong><?php esc_html_e( 'Topics', 'forumax' ); ?></strong> |
| 174 |
<span><?php esc_html_e( 'Track topic creation trends over time', 'forumax' ); ?></span> |
| 175 |
</div> |
| 176 |
<div class="frmx-analytics-stat"> |
| 177 |
<div class="frmx-analytics-stat__icon frmx-analytics-stat__icon--teal"> |
| 178 |
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg> |
| 179 |
</div> |
| 180 |
<strong><?php esc_html_e( 'Replies', 'forumax' ); ?></strong> |
| 181 |
<span><?php esc_html_e( 'Measure discussion depth and response activity', 'forumax' ); ?></span> |
| 182 |
</div> |
| 183 |
<div class="frmx-analytics-stat"> |
| 184 |
<div class="frmx-analytics-stat__icon frmx-analytics-stat__icon--amber"> |
| 185 |
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg> |
| 186 |
</div> |
| 187 |
<strong><?php esc_html_e( 'Members', 'forumax' ); ?></strong> |
| 188 |
<span><?php esc_html_e( 'Identify your most engaged contributors', 'forumax' ); ?></span> |
| 189 |
</div> |
| 190 |
</div> |
| 191 |
</section> |
| 192 |
|
| 193 |
<section class="frmx-analytics-section frmx-analytics-section--soft"> |
| 194 |
<div class="frmx-analytics-section__header"> |
| 195 |
<div class="frmx-analytics-icon frmx-analytics-icon--blue"> |
| 196 |
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg> |
| 197 |
</div> |
| 198 |
<h2><?php esc_html_e( 'Forum-focused reporting', 'forumax' ); ?></h2> |
| 199 |
<p><?php esc_html_e( 'Designed for communities, support forums, and discussion boards, not generic product dashboards.', 'forumax' ); ?></p> |
| 200 |
</div> |
| 201 |
|
| 202 |
<div class="frmx-analytics-grid"> |
| 203 |
<article class="frmx-analytics-card"> |
| 204 |
<div class="frmx-analytics-card__icon frmx-analytics-card__icon--indigo"> |
| 205 |
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></svg> |
| 206 |
</div> |
| 207 |
<h3><?php esc_html_e( 'Topic Activity Overview', 'forumax' ); ?></h3> |
| 208 |
<p><?php esc_html_e( 'Monitor topic publishing trends, seasonal spikes, and the forums creating the most conversation.', 'forumax' ); ?></p> |
| 209 |
</article> |
| 210 |
<article class="frmx-analytics-card"> |
| 211 |
<div class="frmx-analytics-card__icon frmx-analytics-card__icon--violet"> |
| 212 |
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg> |
| 213 |
</div> |
| 214 |
<h3><?php esc_html_e( 'Reply & Engagement Trends', 'forumax' ); ?></h3> |
| 215 |
<p><?php esc_html_e( 'See how actively members are responding and where conversations gain or lose momentum.', 'forumax' ); ?></p> |
| 216 |
</article> |
| 217 |
<article class="frmx-analytics-card"> |
| 218 |
<div class="frmx-analytics-card__icon frmx-analytics-card__icon--teal"> |
| 219 |
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> |
| 220 |
</div> |
| 221 |
<h3><?php esc_html_e( 'Solved vs Unanswered', 'forumax' ); ?></h3> |
| 222 |
<p><?php esc_html_e( 'Evaluate support quality by tracking answered threads, unresolved discussions, and resolution patterns.', 'forumax' ); ?></p> |
| 223 |
</article> |
| 224 |
<article class="frmx-analytics-card"> |
| 225 |
<div class="frmx-analytics-card__icon frmx-analytics-card__icon--amber"> |
| 226 |
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg> |
| 227 |
</div> |
| 228 |
<h3><?php esc_html_e( 'Top Contributors', 'forumax' ); ?></h3> |
| 229 |
<p><?php esc_html_e( 'Recognize the members driving replies, helpful answers, and ongoing participation in your forum.', 'forumax' ); ?></p> |
| 230 |
</article> |
| 231 |
</div> |
| 232 |
</section> |
| 233 |
|
| 234 |
<section class="frmx-analytics-footer"> |
| 235 |
<div class="frmx-analytics-footer__glow" aria-hidden="true"></div> |
| 236 |
<div class="frmx-analytics-footer__content"> |
| 237 |
<div class="frmx-analytics-kicker frmx-analytics-kicker--dark"><?php esc_html_e( 'Pro Analytics', 'forumax' ); ?></div> |
| 238 |
<h2><?php esc_html_e( 'Unlock full Forumax analytics', 'forumax' ); ?></h2> |
| 239 |
<p><?php esc_html_e( 'Upgrade to Pro to access the complete analytics dashboard and understand how your forum grows, engages members, and supports users.', 'forumax' ); ?></p> |
| 240 |
</div> |
| 241 |
<a href="<?php echo esc_url( $upgrade_url ); ?>" class="frmx-analytics-btn frmx-analytics-btn--primary"> |
| 242 |
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg> |
| 243 |
<?php esc_html_e( 'Get Forumax Pro', 'forumax' ); ?> |
| 244 |
</a> |
| 245 |
</section> |
| 246 |
</div> |
| 247 |
</div> |
| 248 |
|
