mirror of
https://github.com/screentinker/screentinker.git
synced 2026-08-13 13:53:12 -06:00
2dc1d1279a
* feat(seo): enable IndexNow (key file + submission script) Instant re-crawl pings to Bing/Yandex/Seznam/Naver on content changes (Google ignores IndexNow but uses the same sitemap). Hosts the ownership key at frontend/<key>.txt (served at https://screentinker.com/<key>.txt) and adds scripts/indexnow-submit.sh which POSTs the sitemap URLs to api.indexnow.org (DRY_RUN=1 to preview). Run after a content deploy / from CI. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> * feat(seo): landing-page optimization pass (schema fixes, FAQ, content depth, CWV) From a 3-way SEO audit (technical / structured-data / content). Highest-value fixes: Structured data (penalty risk + rich results): - REMOVE the fabricated aggregateRating (4.8/50) from SoftwareApplication — no visible reviews on the page = a "spammy structured markup" risk. Replace loose Offers with a proper AggregateOffer + publisher + image/screenshot. - Add a VISIBLE FAQ section (10 Q&As) so the FAQPage schema finally has on-page content (it shipped 4 Q&As with no visible counterpart — a mismatch); expand the FAQPage JSON-LD to mirror all 10. - Add a WebSite entity block; add YouTube to Organization sameAs + a description. - Fix the guides/compare BreadcrumbList position-2 target (dead /#features -> /). Content / keywords / IA: - Hero + Features subtitle rewritten to surface "digital signage software" / "digital signage CMS" / "self-host" / "free" above the fold. - New "How It Works" (3-step) and "Use Cases / Industries" (8 verticals) sections for snippet + long-tail intent. Platform tiles (Android TV / Fire TV / Raspberry Pi) now link to their guides. - FAQ answers add keyword-rich internal links to the guides + compare pages. Technical / Core Web Vitals: - Lazy-load the YouTube iframe (loading=lazy + youtube-nocookie + explicit width/height) — the top LCP/TBT win on mobile. - Title 84->~60 chars (keyword-front), meta description ~178->~156 + CTA. - <div> footer -> <footer> landmark; favicon sizes (192+512). - sitemap.xml: add <lastmod> to all 10 URLs. All JSON-LD validated (4 blocks parse; single H1; no fabricated data). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> * feat(seo): open-source/what-is pillars, Xibo+Anthias compares, integrations hub [#177] Competitor-SEO gap-fill from the Yodeck/ScreenCloud/OptiSigns/Xibo teardowns. 11 new static pages + sitemap/landing/README wiring. All match the existing seo-page.css template; BreadcrumbList on every page, FAQPage (visible-backed) on guides + integration spokes. No fabricated ratings. Pillar guides: - guides/open-source-digital-signage.html (head term "open source digital signage") - guides/what-is-digital-signage.html (TOFU definitional pillar + FAQ) Comparisons (the open-source SERP Xibo/Anthias own): - compare/xibo-alternative.html (wedge: every ScreenTinker player free vs Xibo's paid Android/Tizen/webOS licences; no free plan) - compare/anthias-alternative.html (wedge: fleet + video walls + multi-platform vs one-Pi-one-screen) Integrations (OptiSigns' top tactic — one page per app): - integrations/index.html hub - google-slides / canva / power-bi (honestly framed as the universal Webpage widget, with the X-Frame-Options / publish-vs-edit-URL caveat + Power BI public-data warning) - youtube / rss / weather (native widgets) Wiring: - sitemap.xml +11 URLs (lastmod 2026-07-13) - landing.html Resources grid: 6 new cards (open-source, what-is, vs Xibo, vs Anthias, integrations hub) - README.md: keyword-rich open-source/self-hosted intro + platform list + guide links (GitHub-SERP asset) - docs/seo-directory-listings.md: off-repo G2/Capterra/AlternativeTo/awesome-selfhosted/fingoweb submission checklist + reusable kit Validated: all JSON-LD parses, canonicals match paths, 0 broken internal links, sitemap well-formed (21 URLs). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
166 lines
11 KiB
HTML
166 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>How to Display Canva Designs on Digital Signage (2026) | ScreenTinker</title>
|
|
<meta name="description" content="Show a Canva design on digital signage. Publish it as a website, paste the public link into ScreenTinker's Webpage widget, and loop it as a slideshow on any screen. Step-by-step guide.">
|
|
<meta name="keywords" content="canva digital signage, canva on tv, canva signage, publish canva website, canva embed signage, canva slideshow kiosk">
|
|
<meta name="robots" content="index, follow">
|
|
<link rel="canonical" href="https://screentinker.com/integrations/canva-digital-signage.html">
|
|
|
|
<meta property="og:type" content="article">
|
|
<meta property="og:url" content="https://screentinker.com/integrations/canva-digital-signage.html">
|
|
<meta property="og:title" content="How to Display Canva Designs on Digital Signage (2026)">
|
|
<meta property="og:description" content="Publish a Canva design as a website and paste the link into ScreenTinker's Webpage widget to loop it on any screen.">
|
|
<meta property="og:image" content="https://screentinker.com/assets/dashboard-preview.png">
|
|
<meta property="og:site_name" content="ScreenTinker">
|
|
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="How to Display Canva Designs on Digital Signage (2026)">
|
|
<meta name="twitter:description" content="Publish a Canva design as a website and paste the link into ScreenTinker's Webpage widget to loop it on any screen.">
|
|
<meta name="twitter:image" content="https://screentinker.com/assets/dashboard-preview.png">
|
|
|
|
<meta name="theme-color" content="#111827">
|
|
<link rel="icon" href="/assets/icon-192.png">
|
|
<link rel="apple-touch-icon" href="/assets/icon-192.png">
|
|
<link rel="stylesheet" href="/css/seo-page.css">
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<div class="nav-inner">
|
|
<div class="nav-logo">
|
|
<a href="/" style="display:flex;align-items:center;gap:10px">
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
|
|
<span class="nav-logo-text">ScreenTinker</span>
|
|
</a>
|
|
</div>
|
|
<div class="nav-links">
|
|
<a href="/#features">Features</a>
|
|
<a href="/#pricing">Pricing</a>
|
|
<a href="/#compare">Compare</a>
|
|
<a href="/app#/login" class="btn btn-outline" style="margin-left:16px">Sign In</a>
|
|
<a href="/app#/login" class="btn btn-primary" style="margin-left:8px">Try Free</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="article">
|
|
<nav class="breadcrumb" aria-label="Breadcrumb">
|
|
<a href="/">Home</a>
|
|
<span>/</span>
|
|
<a href="/integrations/">Integrations</a>
|
|
<span>/</span>
|
|
<span>Canva</span>
|
|
</nav>
|
|
|
|
<h1>How to display Canva designs on a digital signage screen</h1>
|
|
<p class="lead">ScreenTinker has no dedicated "Canva app," and it does not need one. Canva can publish a design as a public website, and ScreenTinker's universal Webpage widget can show that public link on any screen - looping it as a slideshow for lobbies, menus, and announcement boards.</p>
|
|
|
|
<h2>The short version</h2>
|
|
<p>In Canva, open <strong>Share → Publish → Website</strong> (or <strong>Embed</strong>), copy the public link, then add a <strong>Webpage</strong> widget in ScreenTinker, paste the link, add it to a playlist, and assign the playlist to a screen. That is the entire integration.</p>
|
|
|
|
<h2>Step by step</h2>
|
|
<ol>
|
|
<li><strong>Open your design</strong> in Canva and click <strong>Share</strong> in the top-right.</li>
|
|
<li><strong>Choose Publish → Website</strong> (or the <strong>Embed</strong> option). For a multi-page design, pick a navigation style such as <em>Scroll</em> or a presentation layout so all pages are reachable.</li>
|
|
<li><strong>Publish the design</strong> and copy the public website link (or the <code>src</code> URL from the embed snippet). This is a public URL - <em>not</em> your normal edit link.</li>
|
|
<li><strong>In ScreenTinker, add a Webpage widget.</strong> Create or edit a playlist item and select the <strong>Webpage</strong> widget type.</li>
|
|
<li><strong>Paste the Canva public link</strong> into the URL field and save.</li>
|
|
<li><strong>Add the widget to a playlist</strong> and set a duration long enough to show the whole design.</li>
|
|
<li><strong>Assign the playlist to a screen.</strong> The player loads the published design and displays it on the wall.</li>
|
|
</ol>
|
|
<p>A published Canva website URL looks like this:</p>
|
|
<pre><code>https://your-design-name.my.canva.site/</code></pre>
|
|
|
|
<h2>Getting the right URL</h2>
|
|
<p>Only a <strong>published, public</strong> Canva URL will embed. The private editing link will not:</p>
|
|
<ul>
|
|
<li><strong>The edit URL</strong> (contains <code>/design/</code> and <code>/edit</code>) requires a Canva login and blocks framing - it will <em>not</em> appear in the Webpage widget.</li>
|
|
<li><strong>The published website / embed URL</strong> (from <em>Publish → Website</em> or <em>Embed</em>) is public and framable. Always use this one.</li>
|
|
</ul>
|
|
<p>As with any embedded page, the deciding factor is <code>X-Frame-Options</code> / <code>frame-ancestors</code>: a page that denies framing cannot be shown in ScreenTinker's Webpage widget, because the widget is an iframe. Canva's published website URL is served to allow embedding; the private edit link is not. If your design does not show up, the URL is the first thing to check.</p>
|
|
|
|
<h2>Auto-advance and refresh tips</h2>
|
|
<ul>
|
|
<li><strong>Use a looping presentation for slideshows.</strong> When you publish, choose a presentation/autoplay option so a multi-page design advances on its own and loops rather than sitting on page one.</li>
|
|
<li><strong>Give the playlist item enough time.</strong> Set the Webpage widget's on-screen duration to at least one full pass through the design so every page is seen.</li>
|
|
<li><strong>Re-publish to update.</strong> Canva does not always push edits to an already-published URL instantly; after changing a design, use <strong>Share → Publish</strong> again to refresh the public version the screen loads.</li>
|
|
<li><strong>Match the aspect ratio.</strong> Design at your screen's resolution (for example 1920×1080) so the published page fills the display without letterboxing.</li>
|
|
</ul>
|
|
|
|
<h2>FAQ</h2>
|
|
|
|
<h3>Why won't my Canva link show up on the screen?</h3>
|
|
<p>You likely used the private edit link (the one with <code>/design/</code> and <code>/edit</code>). It needs a login and blocks framing. Re-open <strong>Share → Publish → Website</strong> and copy the public <code>.my.canva.site</code> link instead.</p>
|
|
|
|
<h3>Does the design have to be public?</h3>
|
|
<p>Yes. Only a published, public Canva design embeds. Private designs are login-gated and cannot be shown on an unattended signage player.</p>
|
|
|
|
<h3>Can I loop a multi-page design as a slideshow?</h3>
|
|
<p>Yes. Choose a presentation or autoplay publish option so the pages advance automatically and loop, then set the widget duration to cover the full cycle.</p>
|
|
|
|
<h3>Will the screen update when I change the design?</h3>
|
|
<p>Not always automatically. Canva may keep serving the previously published version, so re-publish after edits to make sure the screen loads the latest.</p>
|
|
|
|
<h3>Is there a native Canva widget?</h3>
|
|
<p>No - this uses the universal Webpage widget with the design's published website URL. That is the supported way to show Canva on ScreenTinker.</p>
|
|
|
|
<div class="related">
|
|
<h2>Related guides</h2>
|
|
<ul>
|
|
<li><a href="/integrations/">All digital signage integrations</a></li>
|
|
<li><a href="/integrations/google-slides-digital-signage.html">Put Google Slides on digital signage</a></li>
|
|
<li><a href="/integrations/power-bi-digital-signage.html">Power BI dashboards on digital signage</a></li>
|
|
<li><a href="/guides/what-is-digital-signage.html">What is digital signage?</a></li>
|
|
<li><a href="/guides/self-hosted-digital-signage.html">Self-hosted digital signage: complete guide</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="cta">
|
|
<h2>Try ScreenTinker free</h2>
|
|
<p>Add a Webpage widget, paste your published Canva link, and see it on a screen in minutes. Free plan, no credit card required.</p>
|
|
<a href="/app#/login" class="btn btn-primary" style="padding:14px 28px;font-size:16px">Start Free</a>
|
|
<a href="https://github.com/screentinker/screentinker" target="_blank" rel="noopener" class="btn btn-outline" style="padding:14px 28px;font-size:16px;margin-left:12px">View on GitHub</a>
|
|
</div>
|
|
</main>
|
|
|
|
<footer>
|
|
<div style="color:var(--dim);font-size:13px">© 2026 ScreenTinker. All rights reserved.</div>
|
|
<div class="links">
|
|
<a href="https://github.com/screentinker/screentinker" target="_blank" rel="noopener">GitHub</a>
|
|
<a href="https://discord.gg/utTdsrqq4Z" target="_blank" rel="noopener">Discord</a>
|
|
<a href="/legal/terms.html">Terms</a>
|
|
<a href="/legal/privacy.html">Privacy</a>
|
|
<a href="/legal/third-party.html">Licenses</a>
|
|
<a href="/app#/login">Sign In</a>
|
|
</div>
|
|
</footer>
|
|
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "BreadcrumbList",
|
|
"itemListElement": [
|
|
{ "@type": "ListItem", "position": 1, "name": "Home", "item": "https://screentinker.com/" },
|
|
{ "@type": "ListItem", "position": 2, "name": "Integrations", "item": "https://screentinker.com/integrations/" },
|
|
{ "@type": "ListItem", "position": 3, "name": "Canva", "item": "https://screentinker.com/integrations/canva-digital-signage.html" }
|
|
]
|
|
}
|
|
</script>
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "FAQPage",
|
|
"mainEntity": [
|
|
{ "@type": "Question", "name": "Why won't my Canva link show up on the screen?", "acceptedAnswer": { "@type": "Answer", "text": "You likely used the private edit link (the one with /design/ and /edit). It needs a login and blocks framing. Re-open Share > Publish > Website and copy the public .my.canva.site link instead." } },
|
|
{ "@type": "Question", "name": "Does the design have to be public?", "acceptedAnswer": { "@type": "Answer", "text": "Yes. Only a published, public Canva design embeds. Private designs are login-gated and cannot be shown on an unattended signage player." } },
|
|
{ "@type": "Question", "name": "Can I loop a multi-page design as a slideshow?", "acceptedAnswer": { "@type": "Answer", "text": "Yes. Choose a presentation or autoplay publish option so the pages advance automatically and loop, then set the widget duration to cover the full cycle." } },
|
|
{ "@type": "Question", "name": "Will the screen update when I change the design?", "acceptedAnswer": { "@type": "Answer", "text": "Not always automatically. Canva may keep serving the previously published version, so re-publish after edits to make sure the screen loads the latest." } },
|
|
{ "@type": "Question", "name": "Is there a native Canva widget?", "acceptedAnswer": { "@type": "Answer", "text": "No - this uses the universal Webpage widget with the design's published website URL. That is the supported way to show Canva on ScreenTinker." } }
|
|
]
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|