Get your embed code

Every project has a unique embed code. To find yours:

  1. Log in to your dashboard
  2. Open the project you want to embed
  3. Click Settings → Embed
  4. Copy the embed snippet shown
General
Referral
Embed
Emails
Embed Code
Copy this snippet and paste it before the </body> tag on your website.
<div id="spynra-waitlist"></div> <script src="https://spynra.com/widget.js" data-project-id="proj_abc123" async> </script>
Copy
✓ Your unique project ID is pre-filled in the snippet above

Your embed code looks like this (your data-project-id will be unique):

Embed snippet
<div id="spynra-waitlist"></div> <script src="https://spynra.com/widget.js" data-project-id="YOUR_PROJECT_ID" async ></script>
💡
Where to place it: Paste this code immediately before the closing </body> tag on any page where you want the widget to appear. The widget renders inside the <div id="spynra-waitlist"> element.

Platform guides

Webflow
WordPress
Custom HTML
Squarespace

Webflow supports custom code through the Custom Code tab in your project settings, or via an Embed element in the Designer.

  1. In Webflow, go to Project Settings → Custom Code
  2. Paste the embed snippet into the Footer Code section
  3. Click Save Changes
  4. Publish your site

Alternatively, if you want the widget on a specific page only, drag an Embed element to where you want the widget to appear, paste the full code snippet there, and publish.

The easiest method in WordPress is to use a Custom HTML block or your theme's footer injection area.

  1. Install a plugin like Insert Headers and Footers (or use your theme's customizer if it supports custom footer scripts)
  2. Paste the embed snippet into the Footer Scripts field
  3. Save

To add the widget to a specific page or post, open that page in the editor, add a Custom HTML block where you want the form to appear, and paste the embed code.

For hand-coded HTML pages, paste the snippet just before the closing </body> tag:

<!-- Your page content --> <!-- Spynra waitlist widget --> <div id="spynra-waitlist"></div> <script src="https://spynra.com/widget.js" data-project-id="YOUR_PROJECT_ID" async ></script> </body> </html>

The widget will render inside the <div> element. You can position that div anywhere on the page — above the fold works best for conversion.

Squarespace allows custom code injection through Code Injection settings.

  1. Go to Settings → Advanced → Code Injection
  2. Paste the embed snippet into the Footer section
  3. Click Save

For a specific page, open that page's settings, click the Advanced tab, and paste the code into the Page Header Code Injection or Page Footer Code Injection field. Note: Code injection requires a Business plan or above on Squarespace.

Placement tips

  • Above the fold — placing the widget where it's immediately visible (no scrolling needed) significantly improves conversion. Don't bury it in the footer.
  • Dedicated landing page — a page with no other distractions that exists solely to capture signups converts better than embedding in a full marketing page.
  • Modal on scroll or exit intent — if you can't change your page layout, trigger the embed inside a modal when the user scrolls 60% down or moves their cursor to exit. Add a standard modal and put the embed code inside it.
  • Multiple placements — one project ID can be embedded on multiple pages simultaneously. Every signup goes to the same project list.

Customizing widget appearance

The widget inherits basic styles from your page, but you can override its appearance using CSS. The widget container has the class .spynra-widget:

/* Override widget styles */ .spynra-widget { max-width: 480px; margin: 0 auto; } .spynra-widget input[type="email"] { background: #1a1a2e; border-color: #2a3a5a; } .spynra-widget button[type="submit"] { background: #38bdf8; color: #0a1628; }
⚠️
Widget not showing up? Make sure your project status is set to Active in project settings. Draft projects don't render the widget. See Widget Not Showing for more troubleshooting steps.

Testing the widget

After installing, open the page in a new incognito/private window. You should see the signup form. Submit a test email — it should appear in your project's waitlist within a few seconds.

Don't test with your primary browser if you've already signed up — each email address can only appear on a waitlist once per project.