Embedding on a Page

Embedding on a Page

The most seamless and branded way of giving access to a specific demo is to embed it straight onto a page. Our embeds can be integrated on any webpage, no matter what framework, CMS or no-code solution you are using.

To embed on any page, you can use our HTML embed code, which looks something like this:

<div
  style="
      box-sizing: content-box;
      position: relative;
      max-width: 2560px;
      aspect-ratio: 2560 / 1308;
      padding-bottom: 40px;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      box-shadow: 0px 0px 1px rgba(45, 55, 72, 0.05),
        0px 4px 8px rgba(45, 55, 72, 0.1);
      overflow: hidden;
    "
>
  <script src="https://js.howdygo.com/v1.1x/index.js"></script>
  <iframe
    src="https://app.howdygo.com/embed/<publicationid>"
    frameborder="0"
    scrolling="no"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%"
  ></iframe>
</div>

Use-cases

You can embed demos on any web page, but some popular use-cases are:

  1. Overview demos on homepages and pay per click landing pages
  2. Detailed demos in feature pages
  3. Demo guides in help documentation (just like this!)
  4. Deep dives for new features in feature release logs

Getting the Embed Code

Pasting the copied code snippet into your website will normally do the trick, but to help integrate with some popular tools here are some more detailed guides. If you're having trouble with your specific tool, let us know and we can help.

Dynamic Variables

Just like with share links, if your demo uses dynamic variables to personalize its content, you can pass them through as URL query parameters. The only difference is that the query parameters need to be passed through to the URL of the iframe.

Taking as an example this iframe URL, https://app.howdygo.com/embed/abc123, we can pass the demo a variable called company of value Google by setting up a query parameter like this: https://app.howdygo.com/embed/abc123?company=Google.

To learn more about dynamic variables, check out our personalization guide.

Identifying Viewers

To identify a viewer in your analytics and automatically log demo views against leads in your CRM, simply pass the viewer's email via the URL as a query parameter. This is particularly useful for email campaigns or when manually sharing a demo with a prospect.