SmartVideo works on any website, not just WordPress. If your platform lets you add code to the <head> section of your site, you can use SmartVideo.
Step 1: Get your SmartVideo snippet
Log in to the SmartVideo Dashboard and go to the configuration wizard. Choose your settings and copy the generated JavaScript snippet.
Step 2: Add the snippet to your site
Paste the snippet into your site’s <head> section. Here’s where to find that on each platform:
Shopify
Go to Online Store > Themes > Actions > Edit code. Open the theme.liquid file and paste the snippet inside the <head> tag, before the closing </head>.
Squarespace
Go to Settings > Advanced > Code Injection. Paste the snippet into the Header field and save.
Wix
Go to Settings > Custom Code > + Add Custom Code. Paste the snippet, set it to load in the Head section, and apply to All pages.
Webflow
Go to Project Settings > Custom Code. Paste the snippet into the Head Code field and publish your site.
ClickFunnels
Go to Settings > Head Tracking Code. Paste the snippet and save.
General HTML sites
Open your site’s main template or layout file and paste the snippet between the <head> and </head> tags.
Step 3: Add videos to your pages
Once the snippet is installed, you have two options for adding videos:
Vimeo auto-conversion (opt in when generating your snippet): When you generate your snippet from the configuration tool, check the Vimeo auto-conversion option (it adds autoreplace: { vimeo: true } to the snippet). With that enabled, SmartVideo automatically detects and optimizes existing Vimeo embeds on your site — no changes to your embed codes required. See Automatic Vimeo conversions for details. (Auto-conversion from YouTube is currently paused — see Automatic Vimeo conversions for the manual-upload workaround.)
SmartVideo tag (best performance): For self-hosted videos or when you want the fastest load times, use the SmartVideo tag in any HTML or code block your CMS provides:
<smartvideo src="https://your-video.example.com/file.mp4"
width="1280" height="720"
class="swarm-fluid" controls>
</smartvideo>If your CMS strips custom HTML tags
Some platforms strip unfamiliar HTML tags like <smartvideo>. If that happens, use a <div> with the smartvideo class instead:
<div class="smartvideo"
src="https://your-video.example.com/file.mp4"
width="1280" height="720">
</div>This works identically to the <smartvideo> tag.
Building with a JavaScript framework like Angular, React, or Vue? See Using SmartVideo with JavaScript frameworks - the div form is usually the cleaner choice there too.
Platform-specific installation guides
We have step-by-step guides with screenshots for several platforms:
If you run into trouble on a platform not listed here, reach out to support@swarmify.com and we’ll help you get set up.
Keywords: Shopify, Squarespace, Wix, Webflow, ClickFunnels, non-WordPress, install, snippet, head, code injection, custom HTML