mirror of
https://github.com/screentinker/screentinker.git
synced 2026-08-13 22:03:13 -06:00
85c1a9be7c
- Add "Integrations" to the top nav on the landing page and all 17 SEO pages (targeted at the nav Compare→Sign-In boundary; breadcrumbs untouched). - Contextually cross-link the 6 integration spokes from the what-is and open-source guides (YouTube/RSS/Weather/Google Slides/Canva/Power BI) — each spoke now has 5 inbound links instead of hub-only. - Remove the public "Status" footer link to /api/status from landing.html (endpoint stays for the admin panel + healthcheck; just not advertised). Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
167 lines
12 KiB
HTML
167 lines
12 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="/integrations/">Integrations</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>
|