Guide · WordPress
Add a live animated heading to WordPress
No plugin needed. WordPress's Custom HTML block takes the snippet as it is, and the word works with any theme.
<div data-vizyble-live="https://vizyble.dev/api/v1/live?word=HELLO&font=font-2&flowerSize=74&spacing=34&jitter=4&wordSize=46&verticalStretch=2&letterSpacingScale=4.55&lineSpacingScale=0.1" data-wind-speed="1.4" aria-label="HELLO"> <img src="https://vizyble.dev/api/v1?word=HELLO&font=font-2&flowerSize=74&spacing=34&jitter=4&wordSize=46&verticalStretch=2&letterSpacingScale=4.55&lineSpacingScale=0.1&fallback=1" alt="HELLO" style="width:100%;height:auto"> </div> <script src="https://vizyble.dev/embed/vizyble-live.js" defer></script>
Works as-is, no sign-up: a small “Vizyble” badge and 200 fresh renders a day per site. More styles in the builder; plans on pricing.
Steps
Make your snippet
Type your word in the box above and copy the snippet. It works as it is, with no key or sign-up. For more styles, use the builder on the docs page.
Add a Custom HTML block
In the block editor, click + where the heading should go, search for "Custom HTML", and paste the snippet. The block's Preview tab shows the result.
Update and view the page
Save or update the page and open it. The word fills the width of the content column.
Good to know
- Using the classic editor? Switch to the Text tab and paste the snippet there.
- Page builders work the same way: use Elementor's HTML widget, or your builder's HTML or code element.
- Some setups remove <script> tags, for example WordPress.com plans without plugins, or accounts that aren't administrators. The static image inside the snippet still shows, so the word appears either way; it just won't move.
Questions
No. The Custom HTML block is built into WordPress. If your theme or host strips scripts, the snippet falls back to a static image of the same word.
Yes, if you use the heading version. In the builder on the docs page, choose "As a heading": the snippet keeps the real text in the page, hidden visually, and hides the artwork from screen readers.
The script is about 7 KB gzipped and loads with defer, so it never blocks the page. The animation pauses when the word is off screen or the tab is hidden, and stays still for visitors who prefer reduced motion.
Sign in for a free API key to remove the badge from the image. The live word keeps a small badge on the free plan; Pro (coming soon) removes it. Join the waitlist on the pricing page.