PageSourceSearch

https://airshopapp.com/shopboard/

html airshopapp.com collected 2026-10-05 19:23:45 UTC 20,751 bytes, 328 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <title>AirShop Shopboard — Shop floor display for Raspberry Pi</title>
7  <meta name="description" content="Turn a Raspberry Pi into a live shop floor display. Personal mode for Solo beta or hobby use. Shopboard Sync included on Starter, Team, and Pro.">
8  <meta property="og:title" content="AirShop Shopboard — Shop floor display for Raspberry Pi">
9  <meta property="og:description" content="Live alerts, calendar events, Shopify, Home Assistant, and AirShop when you are on a paid plan.">
10  <meta property="og:url" content="https://airshopapp.com/shopboard/">
11  <meta property="og:type" content="website">
12  <link rel="canonical" href="https://airshopapp.com/shopboard/">
13  
13<script src="../js/ga.js"></script>
13
14  <link rel="icon" type="image/x-icon" href="../favicon.ico">
15  <link rel="preconnect" href="https://fonts.googleapis.com">
16  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
17  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
18  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500;700&display=swap" rel="stylesheet">
19  <link href="https://fonts.googleapis.com/icon?family=Material+Icons&display=swap" rel="stylesheet">
20  <link rel="stylesheet" href="../airshop-landing-shared.css?v=20260428">
21  <link rel="stylesheet" href="./shopboard.css?v=20260520h">
22  <link rel="stylesheet" href="../footer.css?v=20260311">
23</head>
24<body class="shopboard-page">
25  <header class="header">
26    <nav class="nav container" aria-label="Shopboard">
27      <a href="../" class="logo"><img src="../AirShop_Dark.svg" alt="AirShop"></a>
28      <div class="nav-links">
29        <a href="../" class="shopboard-nav-back">
30          <i class="material-icons" aria-hidden="true">arrow_back</i>
31          AIRSHOP
32        </a>
33        <a href="#pricing">SEE PLANS</a>
34        <a href="https://airshop.work" target="_blank" rel="noopener noreferrer">LOGIN</a>
35      </div>
36    </nav>
37
38    <div class="shopboard-hero container">
39      <div class="shopboard-hero-copy">
40        <p class="shopboard-eyebrow">Shopboard by AirShop</p>
41        <h1>Shop floor alerts – right when you need it.</h1>
42        <p>Shopboard turns a Raspberry Pi into a live workshop display for floor alerts, recurring reminders, and daily signals on your network. <br><br>On Starter, Team, or Pro, Shopboard Sync connects Shopify, calendars, Home Assistant, and live AirShop activity your team should see without opening another dashboard.</p>
43        <div class="shopboard-hero-actions">
44          <button type="button" class="btn btn-primary" data-shopboard-signup-open data-ga-label="shopboard_cta_hero">Get updates</button>
45          <a class="shopboard-secondary-link" href="https://airshop.work/onboarding" data-ga-label="shopboard_cta_hero_try_airshop">Try AirShop</a>
46        </div>
47      </div>
48      <div class="shopboard-device" aria-label="Shopboard display preview">
49        <div class="shopboard-screen">
50          <div class="shopboard-screen-body">
51            <div class="shopboard-stats shopboard-stats--today">
52              <div class="shopboard-stat-card">
53                <span>Today</span>
54                <strong>7</strong>
55                <em>$1.3k</em>
56              </div>
57            </div>
58            <div class="shopboard-stats shopboard-stats--rush">
59              <div class="shopboard-stat-card shopboard-stat-card--rush">
60                <span>Rush</span>
61                <strong>2</strong>
62              </div>
63            </div>
64            <div class="shopboard-idle">
65              <div class="shopboard-clock">1:39 PM</div>
66              <div class="shopboard-date">Friday, April 24</div>
67            </div>
68          </div>
69          <div class="shopboard-event-bar">
70            <strong class="shopboard-event-bar-label">UPS Pickup</strong>
71            <span class="shopboard-event-bar-pill" title="51 minutes until 2:30 PM pickup">51m</span>
72            <em class="shopboard-event-bar-time">2:30 PM</em>
73          </div>
74          <div class="shopboard-alert">
75            <span>AirShop alert</span>
76            <strong>Quote won</strong>
77            <p>Northline Fab Accepted "CNC bracket run".</p>
78          </div>
79        </div>
80      </div>
81    </div>
82  </header>
83
84  <main>
85    <section class="shopboard-section shopboard-section--features container">
86      <div class="shopboard-feature-heading">
87        <p class="shopboard-section-kicker">What it does</p>
88        <h2 class="section-title">Built for the floor, not the inbox.</h2>
89        <p class="section-subtitle">Shopboard turns operational noise into a few high-contrast signals your team can read while moving.</p>
90      </div>
91      <div class="shopboard-feature-layout">
92        <article class="shopboard-feature-card shopboard-feature-card--large">
93          <div class="shopboard-feature-copy">
94            <span class="shopboard-feature-badge">
95              <i class="material-icons" aria-hidden="true">campaign</i>
96              Floor alerts
97            </span>
98            <h3>Live alerts that feel impossible to miss.</h3>
99            <p>Post alerts and messages from phones on the floor. Recurring reminders stay local on your network. Queue, dismiss, and quick-alert shortcuts stay tuned for how your team actually works.</p>
100            <div class="shopboard-mini-display shopboard-mini-display--secondary" aria-hidden="true">
101              <span>Live alert</span>
102              <strong>Rush order approved</strong>
103              <em>Move the Oak Street job ahead of the batch queue.</em>
104            </div>
105          </div>
106          <div class="shopboard-feature-visual" aria-hidden="true">
107            <div class="shopboard-mini-display">
108              <span>Live alert</span>
109              <strong>Pickup window changed</strong>
110              <em>Front office needs bay 2 cleared by 3:15 PM.</em>
111            </div>
112          </div>
113        </article>
114
115        <article class="shopboard-feature-card shopboard-feature-card--calendar">
116          <span class="shopboard-feature-badge">
117            <i class="material-icons" aria-hidden="true">event</i>
118            Calendar sync
119          </span>
120          <h3>Deadlines show up where work happens.</h3>
121          <p>Subscribe with any iCal URL: Google, Apple, Outlook. Deadlines and pickups sit beside the rest of the day.</p>
122          <div class="shopboard-signal-stack" aria-hidden="true">
123            <span><strong>2:30</strong> UPS pickup</span>
124            <span><strong>4:00</strong> Client arrival</span>
125          </div>
126        </article>
127
128        <article class="shopboard-feature-card shopboard-feature-card--airshop">
129          <span class="shopboard-feature-badge">
130            <i class="material-icons" aria-hidden="true">bolt</i>
131            AirShop live sync
132          </span>
133          <h3>Business wins become team-visible moments.</h3>
134          <p>On Starter, Team, or Pro with Shopboard beta enrollment, Shopboard Sync pipes business events to Shopboard: new inquiries, quote wins, and more signals over time.</p>
135          <div class="shopboard-win-meter" aria-hidden="true">
136            <span>Quote won</span>
137            <strong>$8.4k</strong>
138          </div>
139          <span class="shopboard-coming-soon-tag">Beta</span>
140        </article>
141      </div>
142    </section>
143
144    <section class="shopboard-section shopboard-section--videos container">
145      <div class="shopboard-feature-heading">
146        <p class="shopboard-section-kicker">Watch it work</p>
147        <h2 class="section-title">See Shopboard in action.</h2>
148        <p class="section-subtitle">Short clips from the floor show how alerts and daily signals look on a live display.</p>
149      </div>
150      <div class="shopboard-video-grid">
151        <article class="shopboard-video-card">
152          <iframe
153            src="https://www.youtube.com/embed/huzjTl6B0Eg"
154            title="Shopboard demo short on YouTube"
155            loading="lazy"
156            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
157            allowfullscreen>
158          </iframe>
159        </article>
160        <article class="shopboard-video-card">
161          <iframe
162            src="https://www.youtube.com/embed/H1E2FqIxIz8"
163            title="Shopboard setup short on YouTube"
164            loading="lazy"
165            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
166            allowfullscreen>
167          </iframe>
168        </article>
169      </div>
170    </section>
171
172    <section id="pricing" class="pricing container">
173      <div class="pricing-header shopboard-feature-heading">
174        <p class="shopboard-section-kicker">Pricing</p>
175        <h2 class="section-title">Choose your Shopboard path.</h2>
176        <p class="section-subtitle">Personal mode is free for Solo beta enrollment or hobby use. Shopboard Sync is included on Starter, Team, and Pro. Hardware not included.</p>
177      </div>
178      <div class="pricing-grid">
179        <div class="pricing-card-outer pricing-card-secondary">
180          <div class="pricing-card-inner">
181            <h3>Personal mode</h3>
182            <p class="plan-subtext">Solo beta or hobby use</p>
183            <div class="price price--deemphasized">Free</div>
184            <p class="price-meta">Local alerts, calendars, and Home Assistant on your network. No live AirShop sync.</p>
185            <ul class="price-features">
186              <li><i class="material-icons" aria-hidden="true">check_circle</i> <span class="price-feature-tip" data-tooltip="Post floor alerts and schedule recurring reminders on your shop network." tabindex="0">Local announcements and recurring reminders</span></li>
187              <li><i class="material-icons" aria-hidden="true">check_circle</i> <span class="price-feature-tip" data-tooltip="Subscribe with Google, Apple, or Outlook iCal URLs." tabindex="0">iCal calendar sync</span></li>
188              <li><i class="material-icons" aria-hidden="true">check_circle</i> <span class="price-feature-tip" data-tooltip="Trigger Home Assistant automations from Shopboard button widgets." tabindex="0">Home Assistant button controls</span></li>
189              <li class="price-feature-row--omit" aria-label="Not included: Shopboard Sync"><i class="material-icons price-feature-x" aria-hidden="true">close</i> <span class="price-feature-tip" data-tooltip="Live inquiry and quote activity from AirShop on your display. Requires Starter or above." tabindex="0">Shopboard Sync</span></li>
190              <li class="price-feature-row--omit" aria-label="Not included: Work / team use"><i class="material-icons price-feature-x" aria-hidden="true">close</i> <span class="price-feature-tip" data-tooltip="Commercial shop use and multi-user floor workflows. Requires Starter or above." tabindex="0">Work / team use</span></li>
191              <li class="price-feature-row--omit" aria-label="Not included: Shopify sync"><i class="material-icons price-feature-x" aria-hidden="true">close</i> <span class="price-feature-tip" data-tooltip="Show Shopify sales and order signals on the display. Requires Starter or above." tabindex="0">Shopify sync</span></li>
192            </ul>
193            <button type="button" class="btn btn-primary" data-shopboard-signup-open data-ga-label="shopboard_cta_pricing_personal">Get updates</button>
194          </div>
195        </div>
196
197        <div class="pricing-card-outer popular">
198          <div class="pricing-card-inner">
199            <h3>Shopboard Sync</h3>
200            <p class="plan-subtext">Starter, Team, or Pro</p>
201            <div class="price">Included</div>
202            <p class="price-meta">Live AirShop sync, work use, integrations, and support. Solo includes personal mode only.</p>
203            <ul class="price-features">
204              <li><i class="material-icons" aria-hidden="true">check_circle</i> <span class="price-feature-tip" data-tooltip="Post floor alerts and schedule recurring reminders on your shop network." tabindex="0">Local announcements and recurring reminders</span></li>
205              <li><i class="material-icons" aria-hidden="true">check_circle</i> <span class="price-feature-tip" data-tooltip="Show Shopify sales and order signals on the display." tabindex="0">Shopify sales and order signals</span></li>
206              <li><i class="material-icons" aria-hidden="true">check_circle</i> <span class="price-feature-tip" data-tooltip="Subscribe with Google, Apple, or Outlook iCal URLs." tabindex="0">iCal calendar sync</span></li>
207              <li><i class="material-icons" aria-hidden="true">check_circle</i> <span class="price-feature-tip" data-tooltip="Trigger Home Assistant automations from Shopboard button widgets." tabindex="0">Home Assistant button controls</span></li>
208              <li><i class="material-icons" aria-hidden="true">check_circle</i><span class="price-feature-tip" data-tooltip="Live inquiry and quote-win alerts from AirShop on your shop floor display. Private beta." tabindex="0">Inquiry alerts and quote wins</span></li>
209              <li><i class="material-icons" aria-hidden="true">check_circle</i> <span class="price-feature-tip" data-tooltip="Send custom events to Shopboard from your own tools and automations." tabindex="0">Open API access</span></li>
210            </ul>
211            <button type="button" class="btn btn-primary" data-shopboard-signup-open data-ga-label="shopboard_cta_pricing_airshop">Get updates</button>
212          </div>
213        </div>
214
215      </div>
216    </section>
217
218    <section class="container">
219      <div class="shopboard-copy-panel">
220        <h3>AirShop integration <span class="shopboard-coming-soon-tag">Beta</span></h3>
221        <p>When AirShop is your system of record, Shopboard is the glanceable layer on the floor: inquiries, wins, and the kinds of beats that deserve a big read at a distance. Shopboard Sync is available now in private beta on Starter, Team, and Pro once your org is enrolled (admin flag). Solo includes personal mode only, without live AirShop sync.</p>
222      </div>
223    </section>
224
225    <section class="shopboard-section container">
226      <div class="shopboard-feature-heading">
227        <p class="shopboard-section-kicker">Setup</p>
228        <h2 class="section-title">Flash, WiFi, browser.</h2>
229        <p class="section-subtitle">
229No terminal and no IT ticket. Shopboard is built to get from image to live display without turning setup into a project.</p>
230      </div>
231      <div class="shopboard-steps">
232        <div class="shopboard-step">
233          <div class="shopboard-step-num">1</div>
234          <h3>Flash the image</h3>
235          <p>Balena Etcher or Raspberry Pi Imager. WiFi can be pre-provisioned in Imager advanced options.</p>
236        </div>
237        <div class="shopboard-step">
238          <div class="shopboard-step-num">2</div>
239          <h3>Connect to WiFi</h3>
240          <p>First boot joins the network you baked in, or use the on-device wizard.</p>
241        </div>
242        <div class="shopboard-step">
243          <div class="shopboard-step-num">3</div>
244          <h3>Open the wizard</h3>
245          <p>Point any browser at <strong>shopboard.local:3000</strong>. On step 3, scan the QR with your phone and tap <strong>Connect</strong> in AirShop.</p>
246        </div>
247      </div>
248    </section>
249
250    <section class="container">
251      <div class="shopboard-copy-panel">
252        <h3>Connect your tools <span class="shopboard-coming-soon-tag">Coming soon</span></h3>
253        <p>Bring Shopboard into the systems your business already uses. Starter, Team, and Pro plans with Shopboard Sync can show events from tools like Zapier, Make, Jobber, and more, so the right updates land on the floor without another tab to check.</p>
254      </div>
255    </section>
256
257    <section class="faq-section container">
258      <h2>Common questions</h2>
259      <div class="faq-list">
260        <div class="faq-item expanded">
261          <button type="button" class="faq-question" id="shopboard-faq-question-1" aria-expanded="true" aria-controls="shopboard-faq-answer-1">Does Shopboard need the internet?</button>
262          <div class="faq-answer" id="shopboard-faq-answer-1" role="region" aria-labelledby="shopboard-faq-question-1">
263            <p>Initial download, license check-ins, and AirShop features need connectivity. Day-to-day display keeps running with cached data.</p>
264          </div>
265        </div>
266        <div class="faq-item">
267          <button type="button" class="faq-question" id="shopboard-faq-question-2" aria-expanded="false" aria-controls="shopboard-faq-answer-2">Multiple screens?</button>
268          <div class="faq-answer" id="shopboard-faq-answer-2" role="region" aria-labelledby="shopboard-faq-question-2">
269            <p>A Raspberry Pi 4 can mirror the same view on two HDMI outputs today. Routing different content to separate displays is coming soon.</p>
270          </div>
271        </div>
272        <div class="faq-item">
273          <button type="button" class="faq-question" id="shopboard-faq-question-3" aria-expanded="false" aria-controls="shopboard-faq-answer-3">Can I use it without AirShop?</button>
274          <div class="faq-answer" id="shopboard-faq-answer-3" role="region" aria-labelledby="shopboard-faq-question-3">
275            <p>Yes. Personal mode runs as a local display with floor announcements, recurring reminders, iCal sync, and Home Assistant on your network. Shopboard Sync (live AirShop events, Shopify sync, and Open API) requires Starter, Team, or Pro. Solo includes personal mode only when enrolled in the Shopboard beta.</p>
276          </div>
277        </div>
278        <div class="faq-item">
279          <button type="button" class="faq-question" id="shopboard-faq-question-4" aria-expanded="false" aria-controls="shopboard-faq-answer-4">Which Pi models?</button>
280          <div class="faq-answer" id="shopboard-faq-answer-4" role="region" aria-labelledby="shopboard-faq-question-4">
281            <p>Target whichever Pi generation you standardize on for kiosk browsers. Supported hardware will be spelled out alongside the downloadable image.</p>
282          </div>
283        </div>
284        <div class="faq-item">
285          <button type="button" class="faq-question" id="shopboard-faq-question-5" aria-expanded="false" aria-controls="shopboard-faq-answer-5">Where are the docs?</button>
286          <div class="faq-answer" id="shopboard-faq-answer-5" role="region" aria-labelledby="shopboard-faq-question-5">
287            <p>Shopboard documentation lives at <a href="https://docs.airshop.work/setup/shopboard/">docs.airshop.work/setup/shopboard</a>.</p>
288          </div>
289        </div>
290      </div>
291    </section>
292  </main>
293
294  <div id="shopboard-signup-modal" class="shopboard-signup-modal" role="dialog" aria-modal="true" aria-labelledby="shopboard-signup-title" hidden>
295    <div class="shopboard-signup-card" role="document">
296      <button type="button" class="shopboard-signup-close" aria-label="Close signup form" data-shopboard-signup-close>&times;</button>
297      <span class="shopboard-signup-kicker">Shopboard updates</span>
298      <h2 id="shopboard-signup-title">Be first to use Shopboard</h2>
299      <p>Join the Shopboard list for early access notes, release timing, and pricing updates.</p>
300      <form id="shopboard-signup-form" class="shopboard-signup-form" novalidate>
301        <input type="text" name="website" class="shopboard-signup-honeypot" tabindex="-1" autocomplete="off" aria-hidden="true">
302        <label for="shopboard-signup-email">Email address</label>
303        <div class="shopboard-signup-row">
304          <input type="email" name="email" id="shopboard-signup-email" placeholder="[email protected]" autocomplete="email" required>
305          <button type="submit" class="btn btn-primary">Sign up</button>
306        </div>
307      </form>
308      <p class="shopboard-signup-trust">No spam. Unsubscribe anytime.</p>
309      <p id="shopboard-signup-message" class="shopboard-signup-message" aria-live="polite"></p>
310    </div>
311  </div>
312
313  <div id="footer-placeholder"></div>
314  
314<script src="../js/cal-embed.js?v=20260430" data-cal-variant="demo-only"></script>
314
315  
315<script src="../js/load-footer.js?v=20260304"></script>
315
316  
316<script src="../js/shopboard-signup.js?v=20260430"></script>
316
317  
317<script>
318    document.querySelectorAll('.shopboard-page .faq-item').forEach(function(item) {
319      var questionBtn = item.querySelector('.faq-question');
320      if (!questionBtn) return;
321      questionBtn.addEventListener('click', function() {
322        var expanded = item.classList.toggle('expanded');
323        questionBtn.setAttribute('aria-expanded', expanded ? 'true' : 'false');
324      });
325    });
326  </script>
326
327</body>
328</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.