Hubspot

Information

Folder
src/components/elements/hubspot

Files

Schema
// src/components/elements/hubspot/schema.yaml

$schema: http://json-schema.org/draft-07/schema#
$id: /elements/hubspot
properties:
  class:
    type: string
  has_flyout_open:
    type: boolean
Template
// src/components/elements/hubspot/hubspot.html.twig

{#
  This component is created for demonstration purposes only.
  It **NEVER** should be used by the backend. The editor team should include these scripts via `Rte` component.
#}

<script charset="utf-8" src="//js-eu1.hsforms.net/forms/embed/v2.js"></script>

<h2>Newsletter Hubspot form</h2>
<script data-hubspot-rendered="true">
  hbspt.forms.create({
    region: "eu1",
    portalId: "26556211",
    formId: "61e0cbd8-2e09-4449-98f6-ac051bd54bcc"
  });
</script>

<h2 style="margin: var(--spacing-40) 0 0;">Hubspot form with all possible form elements</h2>
<script data-hubspot-rendered="true">
  hbspt.forms.create({
    region: "eu1",
    portalId: "26556211",
    formId: "28ec0fd0-5824-44c3-bfc2-61687811edb5"
  });
</script>

{#
formId: "28ec0fd0-5824-44c3-bfc2-61687811edb5"
#}

Variants

default
Open

Newsletter Hubspot form

Hubspot form with all possible form elements