Elementor

Prasant Rai

Escrito por Prasant Rai
Actualizado

En esta página

La integración de AffiliateWP con Elementor permite la creación de formularios de registro de afiliados personalizados utilizando el widget de Formulario de Elementor y permite a los afiliados promocionar cualquier formulario en tu sitio. Cuando un usuario referido envía un formulario, se registra una referencia en AffiliateWP.

Esta guía explica cómo configurar la integración de Elementor, crear un formulario de registro de afiliados y activar el seguimiento de referencias para los formularios de Elementor.


Habilitar la Integración con Elementor

Para habilitar el soporte para Elementor, ve a AffiliateWP » Ajustes » Integraciones. Habilita la casilla de verificación Elementor y haz clic en Guardar Cambios.

Añadir el Widget de Formulario y Personalizar Campos

Mientras editas tu página con el constructor de páginas de Elementor, localiza el widget Formulario e insértalo en la página.

Insertar el widget de Formulario de Elementor

Una vez insertado el widget de Formulario, aparecerá un formulario básico y se mostrará el panel de edición del widget.

Un formulario básico después de insertar el widget de Formulario

Comienza personalizando los campos que te gustaría mostrar en tu formulario de registro de afiliados.

Por ejemplo, podrías añadir algunos campos como los siguientes:

Nombre
Tipo: Texto
El nombre del afiliado.

Nombre de usuario
Tipo: Texto
El nombre de usuario deseado por el afiliado.

Correo electrónico
Tipo: Email
La dirección de correo electrónico del afiliado.

Correo electrónico de pago
Tipo: Email
El correo electrónico de pago del afiliado para sistemas como PayPal, Moneybookers u otros.

URL del sitio web
Tipo: URL
Un sitio web desde donde el afiliado pretende promocionar tu sitio.

¿Cómo nos promocionarás?
Tipo: Textarea
Cómo pretende el afiliado promocionar tu negocio.

Contraseña
Tipo: Password
La contraseña del afiliado para su nueva cuenta.

Después de haber terminado de añadir/editar campos y personalizar el estilo, podría parecer algo como lo siguiente:

Editar un widget de Formulario de Elementor para crear un formulario de registro de afiliados

Añadir una Casilla de Términos de Uso

Para añadir una casilla de Términos de Uso a tu formulario, empieza generando la página de Términos de Uso. Ve a AffiliateWP » Herramientas y haz clic en el menú Generador de Términos de Uso.

Generador de Términos de Uso

Desde aquí, haz clic en el botón Crear una Nueva Página de Términos de Uso y AffiliateWP creará automáticamente la Página de Términos de Uso.

Botón de Términos de Uso

A continuación, abra la página de registro en Elementor Builder y haga clic en el widget del formulario para mostrar los campos del formulario. En la barra lateral izquierda, en Campos del formulario, haga clic en el botón Añadir elemento para agregar un nuevo campo.

Añadir elemento Elementor

Cambie el tipo de campo a Casilla de verificación en el campo de tipo. En el campo de opciones, agregue el enlace HTML a la página de Términos de uso.

Fragmento de Términos de Uso

Habilitar registro de afiliados

Ahora necesitamos indicarle a AffiliateWP que su formulario es un formulario de registro de afiliados.

Haga clic en la sección de Elementor Acciones después del envío.

La sección Acciones Después de Enviar del widget de Formulario

Una vez abierto, haga clic en el campo Añadir acción (o alternativamente, haga clic en el icono +) y seleccione AffiliateWP de la lista.

Añadir la acción personalizada de AffiliateWP

Una vez agregada la acción personalizada, aparecerá una nueva sección AffiliateWP en el panel de abajo.

Haga clic para abrir la sección AffiliateWP y haga clic en el interruptor Habilitar registro de afiliados para activar el registro de afiliados.

Habilitar el interruptor de Registro de Afiliados

A continuación, debemos mapear los campos. Esto le permite a AffiliateWP saber qué campos deben realizar tareas específicas. Recomendamos mapear tantos campos como sea posible.

Para mapear los campos, elija un campo del menú desplegable que coincida con la etiqueta de la izquierda.

Mapeo de campos del formulario a AffiliateWP

Por ejemplo, cuando se mapea el campo Nombre de usuario, el valor de este campo se utilizará para el nombre de usuario de WordPress del afiliado.

Cuando se mapea el campo Contraseña, AffiliateWP lo usará para la contraseña de la cuenta de WordPress del afiliado.

Nombre

El campo seleccionado se utilizará para completar los campos Nombre y Apellidos del usuario en la pantalla del perfil de usuario.

Nombre de usuario

Se utiliza para el nombre de usuario de WordPress del afiliado.

Correo electrónico de la cuenta

Se utiliza para el correo electrónico de la cuenta de WordPress del afiliado.

Correo electrónico de pago

Se utiliza para el correo electrónico de pago del afiliado (si es necesario). Esto se muestra en la pantalla de edición del afiliado dentro de AffiliateWP.

URL del sitio web

La URL del sitio web se muestra al revisar un afiliado. También se muestra en la pantalla de edición de un afiliado y en su página de perfil de usuario de WordPress.

Método de promoción

El Método de promoción se muestra al revisar un afiliado. También se muestra en la pantalla de edición de un afiliado.

Contraseña

El campo Contraseña se utiliza para generar una contraseña para la cuenta de usuario de WordPress del afiliado. Si no se mapea ningún campo de contraseña, se generará automáticamente una contraseña para el afiliado.

¡Eso es todo! Ahora tiene un formulario de registro de afiliados personalizado, creado completamente en Elementor:

Formulario de registro de afiliados personalizado creado en Elementor.

Ver datos enviados de un afiliado

Al revisar la solicitud de un afiliado, puede ver todos los valores de los campos mapeados de AffiliateWP.

Si su formulario de registro de afiliados tiene campos sin mapear, se mostrarán en una tabla fácil de leer. Aprobar o rechazar afiliados en AffiliateWP es muy sencillo.

Ver los datos enviados por un afiliado

Si desea revisar las solicitudes de afiliados antes de que los afiliados se activen, habilite Requiere aprobación en AffiliateWP » Ajustes » Afiliados.

Después de que un afiliado se ha unido a su programa de afiliados, sus datos enviados originalmente siempre están disponibles. Para verlo, navegue a la pantalla principal de Afiliados en AffiliateWP » Afiliados y haga clic en el nombre de un afiliado. Todos los datos mapeados a los campos de AffiliateWP, y cualquier dato personalizado, se mostrarán en la pantalla:

Ver los datos enviados por un afiliado en la pantalla de Edición de Afiliado

Habilitar Seguimiento de Referidos

Elementor Referral Tracking aumenta las conversiones al permitir que los afiliados promocionen cualquier formulario en su sitio, como suscripciones por correo electrónico, generación de leads, comentarios, encuestas, inscripciones a seminarios web, solicitudes de empleo y más. Cada vez que un usuario es referido por un afiliado y envía un formulario, se crea un referido dentro de AffiliateWP.

Para configurar un formulario de Elementor para generar referidos, comience agregando el widget Formulario a su página como se muestra en la sección anterior.

Una vez que se ha insertado el widget Formulario, puede personalizar los campos que se capturarán en su formulario de seguimiento de referidos.

Los siguientes campos están disponibles para ser mapeados a la entrada del referido:

Nombre
Tipo: Texto
El nombre del lead.

Apellidos
Tipo: Texto
El apellido del lead.

Correo electrónico
Tipo: Correo electrónico
La dirección de correo electrónico del lead.

Aquí hay un ejemplo de formulario de lead después de agregar los campos anteriores y realizar algunos ajustes de estilo:

Editar un widget de Formulario de Elementor para crear un formulario de seguimiento de referencias

A continuación, necesitamos habilitar este formulario para crear un referido.

Haga clic en la sección de Elementor Acciones después del envío.

La sección Acciones Después de Enviar del widget de Formulario

Una vez abierto, haga clic en el campo Agregar acción (o alternativamente, haga clic en el icono +) y seleccione AffiliateWP de la lista.

Añadir la acción personalizada de AffiliateWP

Una vez agregada la acción personalizada, aparecerá una nueva sección de AffiliateWP en el panel de abajo.

Haga clic para abrir la sección AffiliateWP y observe que el interruptor Habilitar Referidos ya estará activado para el seguimiento de referidos.

Verifica que el interruptor Habilitar Referencias esté activado.

A continuación, puede configurar los ajustes de referidos de la sección AffiliateWP y mapear el contenido de los campos del formulario a sus destinos.

Para mapear los campos, elija un campo del menú desplegable que coincida con la etiqueta de la izquierda.

Mapeo de los campos del formulario de seguimiento de referencias en AffiliateWP

Tipo de referido

El tipo de referido puede ser Lead u Opt-in. El tipo de referido aparece en la pantalla principal de AffiliateWP » Referidos.

Estado del Referido

El estado del referido puede ser Pendiente o No pagado. Los referidos pendientes se usan mejor para instancias donde el monto del referido es mayor que cero. Esto permite que el administrador de afiliados verifique el lead.

Monto del Referido

Esta es la cantidad del referido que se crea.

¡Eso es todo! ¡Ahora tiene un formulario de seguimiento de referidos personalizado creado en Elementor!

Ver Entrada de Referido de un Afiliado

Para ver los referidos generados por el formulario de Elementor, navegue a la pantalla AffiliateWP » Referidos en el administrador, donde verá el nombre del formulario y la dirección de correo electrónico en el campo de descripción del referido:

Lista de referencias de AffiliateWP en el administrador que muestra referencias de Elementor

Haga clic en el enlace Editar en la columna Acciones para ver la pantalla de edición del referido, donde puede ver la sección Detalles del Lead en la parte inferior que muestra los datos mapeados del formulario de Elementor:

Preguntas frecuentes

¿Qué es la integración de Elementor en AffiliateWP?

La integración de Elementor en AffiliateWP te permite crear formularios de registro de afiliados personalizados y rastrear referencias utilizando el widget de Formulario de Elementor. Esta integración permite a los afiliados promocionar cualquier formulario en tu sitio y, cuando un usuario referido envía el formulario, se registra una referencia en AffiliateWP.

¿Necesito Elementor Pro para esta integración?

Sí, necesitas Elementor Pro para acceder al widget de Formulario, que es necesario para crear formularios de registro de afiliados personalizados y habilitar el seguimiento de referencias.

¿Puedo aprobar o rechazar afiliados antes de que se activen?

Sí, puedes habilitar la opción Requerir Aprobación en AffiliateWP » Ajustes » Afiliados para revisar y aprobar o rechazar las solicitudes de afiliados antes de que se activen.

¿Por qué mi formulario de Elementor no registra referencias?

Para solucionar por qué tu formulario de Elementor no registra referencias, primero asegúrate de que la integración de Elementor esté habilitada navegando a AffiliateWP » Ajustes » Integraciones y confirmando que la casilla de Elementor esté marcada. Luego, verifica que la acción AffiliateWP se haya agregado en Acciones Después de Enviar en la configuración del formulario de Elementor y asegúrate de que el interruptor Habilitar Referencias esté activado. Por último, confirma que los campos del formulario estén correctamente mapeados a los campos correspondientes de AffiliateWP para garantizar que los datos se registren y rastreen adecuadamente.


¡Eso es todo! Ahora tienes una forma de aprovechar el poder de los formularios de Elementor, permitiendo a los afiliados generar referencias de seguimiento de Opt-in o Lead para expandir su alcance.

¿Sigues atascado? Envía una solicitud y el equipo que lo creó te ayudará.

Empieza a conseguir más ventas hoy mismo con AffiliateWP

Lanza tu programa de afiliados hoy mismo y desbloquea un nuevo canal de ingresos para hacer crecer tu negocio más rápido.