Consent Database para Hubspot

¿Has creado un sitio web con Hubspot y necesitas cumplir con los requisitos de consentimiento del RGPD?

Pues estás en el lugar indicado. En esta guía, echaremos un vistazo a los requisitos de la prueba del consentimiento del RGPD y a cómo agregar la Consent Database de iubenda a tu sitio web de Hubspot.

→ Salta a Cómo agregar la Consent Database en Hubspot

Cómo agregar la Consent Database de iubenda en Hubspot

A continuación, te mostramos nuestra sencilla guía para integrar paso a paso tu Consent Database en Hubspot.

Lo primero es lo primero, dirígete a tu cuenta de HubSpot y entra en tu admin de WordPress. 

Luego, en la sección Hubspot en la parte izquierda de tu pantalla, selecciona forms.

Selecciona el formulario que deseas mapear y haz clic en “Editar”. Después, haz clic en style and preview.

A continuación, activa Set as raw HTML form. El formulario se representará como un elemento HTML sin formato en tu página externa, en vez de dentro de un iframe (se eliminará cualquier estilo predeterminado de HubSpot al formulario).

Tras esto, actualiza los cambios realizados haciendo clic en Update en la esquina superior derecha.

Ahora, haz clic en el botón Embed.

En los siguientes pasos, será necesario realizar algunas incorporaciones al código.

Nota: el código utilizado en esta guía es un ejemplo.

1. Copia el script en el editor de texto. Haz clic en Copy para copiar el código de integración del formulario.

El código de integración que acabas de copiar será similar a este: (Nota: el código utilizado en esta guía es un ejemplo).

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js (http://js.hsforms.net/forms/v2-legacy.js)"></script>
<![endif]-->
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js (http://js.hsforms.net/forms/v2.js)"></script>
<script>
hbspt.forms.create({
region: "your_region_code",
portalId: "your_hubspot_portal_id",
formId: "your_hubspot_form_id"
});
</script>

2. Ahora, añade tu código de integración del formulario (que es similar al código del ejemplo anterior) a tu página externa. Si ya has integrado tu formulario, debes reemplazar el código de integración existente con esta nueva versión sin estilo.

3. A continuación, tienes que agregar tu Consent Database de iubenda. Para hacerlo, pega tu script de mapeo de la Consent Database después de la etiqueta resaltada de script abierto. El script de mapeo debe seguir el ejemplo de la función JS Load with Map (sin atributo de datos).

// PASTE YOUR IUBENDA CODE HERE 

// Example STARTs here

function callIubInstruction() {

_iub.cons_instructions.push(["load",{
submitElement: document.getElementsByClassName("hs-button")[0],
form: {
selector: document.getElementById("form_id_taken_from_developer_tools"),
map: {
subject: {
first_name: "firstname",
last_name: "lastname",
email: "email"
},
preferences: {
legal_documents: "checkbox_name_1",
newsletter: "checkbox_name_2",
}
}
},
consent: {
legal_notices: [
{
identifier: 'privacy_policy',
},
{
identifier: 'cookie_policy',
},
{
identifier: 'term',
}
],
}
}]);
};

// Example ENDS here

hbspt.forms.create({
region: "your_region_code",
portalId: "your_hubspot_portal_id",
formId: "your_hubspot_form_id"});

Una vez que hayas agregado y modificado el script del formulario, guarda las modificaciones que hayas realizado en la página. ¡Felicidades, has integrado la Consent Database de iubenda en Hubspot!

Más información

• Cómo almacenar una prueba de las preferencias de los usuarios
• Cómo añadir un documento de Términos y Condiciones en HubSpot
• Cómo añadir una política de privacidad en HubSpot