Cómo rellenar previamente los campos en su formulario ActiveCampaign

Marketing_Lite_Plus_Professional_Enterprise

Sales_Plus_Professional_Enterprise

Puede rellenar previamente los campos de formulario para contactos conocidos con la información que ya tiene en su cuenta de ActiveCampaign. Para rellenar previamente los campos de formulario, debe anexar la ruta de url de página web o la dirección URL del formulario con un parámetro de búsqueda.

Toma nota

  • Cada cadena de búsqueda que agregue a una ruta de url variará en función de los campos que desee rellenar automáticamente para un formulario
  • Los contactos pueden editar la información que ven rellenada previamente en un formulario
  • No es posible utilizar esta solución con las páginas de destino de ActiveCampaign. Las páginas de destino no admiten de forma nativa parámetros de búsqueda

Cómo funciona

Anexar una ruta de acceso de dirección URL con una cadena de búsqueda es rápido y fácil. Solo necesita saber qué campo desea rellenar previamente en un formulario y la etiqueta de personalización correspondiente del campo. Una vez que haya identificado los campos que desea rellenar previamente en el formulario, estará listo para crear la cadena de búsqueda.

Después de agregar la cadena de búsqueda a página web o a la dirección URL del formulario, los contactos conocidos que aterrizan en página verán su propia información rellenada previamente en el formulario.

Cómo rellenar previamente los campos de formulario

Esta solución funciona para los siguientes tipos de campos de formulario:

  • Entrada de texto
  • Área de texto
  • Fecha
  • Hora de la fecha
  • escondido

Paso 1: Identificar campos de formulario y etiquetas de personalización

página Campos de su cuenta enumera todos los campos de contacto estándar y personalizados. Haga clic en Contactos > Campos en el menú de la izquierda.

En página Campos, verá una lista de sus campos estándar y personalizados. Cada campo tiene una etiqueta de personalización. Copie la etiqueta de personalización de cada campo que desee rellenar previamente en el formulario y, a continuación, péguela en el portapapeles u otro archivo.

Como ejemplo, rellenaremos previamente los siguientes campos del formulario: Nombre y Dirección de correo electrónico. El campo Nombre tiene una etiqueta de personalización de %FIRSTNAME% y el campo de dirección de correo electrónico tiene una etiqueta de personalización de %EMAIL% .

Paso 2: Crear la cadena de búsqueda

A continuación, debe crear la cadena de búsqueda con el siguiente formato:

?fieldname=%PERSONALIZATION-TAG%


Si desea rellenar previamente varios campos, la cadena de búsqueda tendrá este formato (tenga en cuenta el "&" entre cada nombre de campo):

?fieldname=%PERSONALIZATION-TAG%&fieldname=%PERSONALIZATION-TAG%


Continuando con el ejemplo anterior, aquí hay una cadena de búsqueda que rellenará previamente los campos nombre y dirección de correo electrónico en un formulario:

?firstname=%FIRSTNAME%&email=%EMAIL%


Paso 3: Anexar la dirección URL de página web o del formulario con la cadena de búsqueda

Una vez que cree la cadena de búsqueda, puede agregarla al final de la ruta de acceso de dirección URL de página web o la dirección URL del formulario.

URL de página web

  • Esto rellenará previamente los campos para cualquier tipo de formulario
  • Deberá trabajar con su proveedor de host web para agregar la cadena de búsqueda al final de la ruta de url de página web en la barra de direcciones
  • Un ejemplo de una página web con una cadena de búsqueda podría tener este aspecto:
    www.activecampaign.com/support?Nombre=%NOMBRE%&email=%EMAIL%

Url del formulario

  • Esto funciona únicamente con formas en línea
  • Puede agregar la cadena de búsqueda al final de la ruta de acceso de dirección URL del formulario y, a continuación, compartir o usar la dirección URL del formulario como desee. Por ejemplo, puede rellenar previamente los campos de formulario para un formulario de varias páginas o agregar la cadena de búsqueda al final del vínculo del formulario al compartir el formulario

Para recuperar la dirección URL del formulario en línea:

  1. Desde su cuenta de ActiveCampaign, haga clic en "Sitio web".
  2. Haga clic en "Editar" para el formulario con el que desea trabajar.
  3. Haga clic en el botón "Integrar".
  4. Haga clic en la pestaña "Enlace".

    El enlace del Formulario tendrá un aspecto similar al siguiente:

    https://youracaccountname.activehosted.com/f/213
     
  5. A continuación, agregue la cadena de búsqueda al final del vínculo del formulario.

Por ejemplo, quiero rellenar previamente la dirección de correo electrónico en mi formulario ActiveCampaign. Para ello, daría formato a la URL del formulario de la siguiente manera:

https://youracaccountname.activehosted.com/f/213?email=%EMAIL%


Una vez agregada la cadena de búsqueda al vínculo del formulario, puede compartirla en cualquier lugar que desee.

Avanzado: use JavaScript para rellenar previamente campos de selección única y múltiple

Antes de empezar:

  • Esto es solo para usuarios avanzados
  • El equipo de experiencia del cliente de ActiveCampaign no puede ayudarte a implementar o solucionar problemas de código que agregues a tu página web
  • Los ejemplos siguientes utilizan código JavaScript estándar. Hay otras maneras de escribir este código

Si se siente cómodo con la codificación de sus propias soluciones, puede utilizar JavaScript para preseleccionar las opciones de respuesta para los campos de casilla de verificación y formulario desplegable. Este JavaScript debe agregarse al código fuente de página web.

Los ejemplos que se muestran a continuación son para el menú desplegable y los tipos de campo del botón de radio. Sin embargo, debería poder utilizar JavaScript para preseleccionar las opciones de respuesta para los siguientes tipos de campos:

  • Caída
  • Botón de radio:
  • Casilla de verificación

Haga clic en cada enlace a continuación para ver ejemplos:

Cargar ActiveCampaign JavaScript

Para cargar automáticamente nuestro JavaScript una vez que se carga página, usamos el método window.onload , como este:


Para establecer la selección automática en un elemento específico, la buscamos mediante el método document.querySelector() .

Seleccione el botón de opción por valor

Para seleccionar automáticamente un botón de opción específico en la carga de página, inspeccione el botón de opción que desea seleccionar automáticamente y anote el atributo value:


Para seleccionar automáticamente el azul, escribimos nuestro JavaScript así:

Seleccionar opción por índice

Para seleccionar automáticamente una opción específica en el menú desplegable, contamos la primera opción a partir de cero:


Para seleccionar automáticamente Spaghetti, escribimos nuestro JavaScript así donde el valor del índice 2 se escribe utilizando el corchete, [2]:

Alternativa: Seleccionar opción por índice

Una alternativa, una forma más avanzada de seleccionar automáticamente un valor desplegable, es escribir una función personalizada sin reutilizar el método document.querySelector() :

/**
* Seleccione automáticamente el valor de la opción en el menú desplegable
*
* @param nodo {string} El nombre de datos del nodo para establecer la selección
* @param valor {número} El valor del índice de opción que se va a seleccionar al cargar página
* @return {void}
*/
function setSelectedValue(nodo, valor) {
var elem = document.querySelector(node);
for (var i = 0; i < elem.options.length; i++) {
// Count by index
var nodeIndex = elem.options[i].index;
Seleccione la opción deseada
si (nodeIndex == value) {
// Establezca la opciónen 'selected'
elem.options[value].selected = true;
devolución;
}
}
}


y llamarlo en la carga de página:

window.onload = () => {
/** Seleccione la opción 'Spaghetti' en la carga de página */
setSelectedValue('[id="food"]', 2);
}
Código de ejemplo completo
¿Fue útil este artículo?
Usuarios a los que les pareció útil: 10 de 26

¿Tienes más preguntas? Envía una solicitud

Start free trial