Embeddable sign-up widget

The widget lets people sign up from your own site or funnel. You paste a short piece of code, and a button opens your sign-up form in a popup on top of the page. It works for webinars and challenges.

Use it when you already have a landing page you like and don’t want to send visitors to a separate registration page. If you’re happy with the page FullHouse gives you, share that link instead.

Get your code

Each place offers two snippets, ready to copy:

• Drop-in button: paste it where you want the button. Type your wording in Button label first and the snippet updates. The label starts as “Save my seat” on webinars and as your form’s Button wording on challenges.
• Use your own button: for making something already on your page open the form.

The event needs to be published for visitors to use the form. Challenges publish as a whole, so always use the challenge’s snippet, not a day’s.

Add a button to your page

The script draws a button exactly where you paste it.

<script src="https://showtell.live/embed.js"
        data-webinar="your-webinar"
        data-button-text="Save my seat"></script>

<script src="https://showtell.live/embed.js"
        data-challenge="your-challenge"
        data-button-text="Join the challenge"></script>

Replace your-webinar or your-challenge with the value from your own snippet.

Use your own button

Add data-mode="manual" to stop the script drawing a button, then mark any button or link on your page. This suits pages where you’ve already designed the call to action, or want several buttons for the same event.

<script src="https://showtell.live/embed.js"
        data-webinar="your-webinar"
        data-mode="manual"></script>

<a href="#" data-showtell-register>Reserve your spot</a>

<script src="https://showtell.live/embed.js"
        data-challenge="your-challenge"
        data-mode="manual"></script>

<button data-showtell-challenge="your-challenge">Join the challenge</button>

You can mark as many elements as you like. The script only needs to be on the page once, anywhere, and it also works for buttons that appear later, such as inside your own popup or a section that loads as you scroll.

Every setting

On the script

The script needs either data-webinar or data-challenge to draw a button. Without either, only triggers that name their own event will work.

On your own buttons and links

From your own code

If you or your developer want to open the form from a script, these are available once the widget has loaded:

<script>
  // Open a webinar, either way
  ShowTell.open('your-webinar');
  ShowTell.open({ webinar: 'your-webinar' });

  // Open a challenge
  ShowTell.open({ challenge: 'your-challenge' });

  // Close the popup
  ShowTell.close();
</script>

ShowTell.open() with nothing inside opens what the first script names. It does nothing if a popup is already open. The widget doesn’t send sign-up events back to your page, so there’s no way to run your own code after a sign-up.

Examples

A plain HTML page

<!doctype html>
<html>
  <body>
    <h1>The 5-Day Launch Challenge</h1>
    <p>Join us live every evening next week.</p>

    <script src="https://showtell.live/embed.js"
            data-challenge="your-challenge"
            data-button-text="Join free"
            data-color="#0a7d4f"></script>
  </body>
</html>

A Pinball page

If you’ve connected the two, a Pinball form can also register people without any popup, keeping them on your funnel’s own steps. See Pinball.

Other page builders

Look for a block called custom code, custom HTML or embed, and paste the snippet into it. Some builders put these blocks in their own small frame, which traps the popup inside that box. See Troubleshooting. If yours does, look for a site-wide setting for adding code instead, and use the Use your own button snippet.

A webinar and a challenge on one page

Use one script per event. Each draws its own button.

<script src="https://showtell.live/embed.js"
        data-webinar="your-webinar"
        data-button-text="Save my seat"></script>

<script src="https://showtell.live/embed.js"
        data-challenge="your-challenge"
        data-button-text="Join the challenge"
        data-color="#0a7d4f"></script>

With several scripts, the first one that names an event decides what a bare data-showtell-register opens, so name the event on your own buttons. Only one popup can be open at a time.

Several events with your own buttons

<script src="https://showtell.live/embed.js" data-mode="manual"></script>

<a href="#" data-showtell-register="monday-webinar">Monday's session</a>
<a href="#" data-showtell-register="friday-webinar">Friday's session</a>
<a href="#" data-showtell-challenge="your-challenge">The full challenge</a>

Change how it looks

The widget is sealed off from your site’s styling, so your fonts and colours can’t break it, and it can’t affect your page. That also means your CSS can’t restyle it.

What’s in the popup

A compact version of your form, up to 440 pixels wide. It grows and shrinks to fit its contents. Visitors close it with the ×, by clicking outside it or with the Esc key. Your page can’t scroll while it’s open.

The headline, subheadline, “What you’ll learn” list, presenter and countdown aren’t included. Your landing page does that job.

If a webinar has no upcoming times, the popup shows “No upcoming sessions right now — check back soon.” and the button is disabled.

What happens after sign-up

Someone already registered goes to the “Find your personal link” page instead, and their link is emailed to them. In a challenge popup, the fallback reads “You’re already signed up”.

Your page never receives the attendee’s personal link. It stays between the attendee and the form, so scripts on your site can’t read it.

Tracking and reporting

• UTM values: any utm_source, utm_medium, utm_campaign, utm_term or utm_content in your page’s address pass through to the registration automatically. Send your ad traffic to your page with those in the link, and they’re saved with the person.
• Visits: opening the popup counts as a visit to the event. Your dashboard shows how many visits came through embedded forms. For a challenge, visits are counted on Day 1.
• Conversions on your site: because the visitor leaves your page, code on your page won’t see the sign-up finish. For a webinar, use its Tracking step to count conversions on the thank-you page. Those codes also run inside the popup, so don’t count the popup opening as a conversion. For a challenge, use its Tracking section, whose codes run on the sign-up page, the popup and each person’s hub.

Troubleshooting