Regístrate ahora
Regístrate ahora

¿Cómo podemos ayudarte?

¿Cómo podemos ayudarte?

He realizado un pedido en Digistore24
He realizado un pedido en Digistore24

Configura y personaliza el formulario de compra

El formulario de compra contiene todos los campos que un cliente necesita llenar para asegurar un pedido satisfactorio. Como vendedor, tú puedes determinar estos campos. Además, tienes las siguientes opciones para organizar el formulario de pago y, por lo tanto, tu proceso de venta: puedes preseleccionar los planes de pago en el formulario de compra, poner tus propios parámetros o si ya tienes la información necesaria del cliente, puedes enviarles un formulario de compra que ya incluya su información. Además de las variantes del producto, tu cliente puede seleccionar productos adicionales en el formulario de compra. 

Cuando configuras el formulario de compra, puedes elegir entre un formulario responsivo y uno clásico. El formulario de compra responsivo significa que se adapta al tamaño de la pantalla del dispositivo y mantiene un grado de uso óptimo. Además, Google premia a las páginas que tienen un diseño responsivo.

1. Configura el formulario de compra clásico

Un formulario de compra clásico será usado automáticamente para tus productos siempre y cuando no hayas creado un formulario de compra. Si quieres personalizarlo, sigue la guía paso a paso a continuación.

Guía paso a paso: Configura el formulario de compra clásico

In the vendor view, go to Account > Order forms and click on the button Create classic order form.

  • Para Name, pon el nombre del formulario de compra. Por ejemplo, puede ser el nombre del producto para el cuál está destinado.
  • Para Layout y Style, puedes personalizar el diseño del formulario de compra. 
  • Ahora selecciona una Imagen del encabezado. Si no has subido una, puedes hacerlo yendo a Account > Images y haciendo clic en Add new image. Para Product type, selecciona la opción Order form header.
  • La opción Advanced header settings te permite subir encabezados separados para las páginas de seguimiento del formulario de compra. Esto es útil si quieres mostrar el estatus de la orden en el encabezado. 
  • Selecciona un Favicon individual. Si no has subido uno, sigue las instrucciones encontradas en el punto 4, pero en este caso, selecciona Order form favicon para Product type. Si no seleccionas nada ahí, el logo de Digistore24 aparecerá en el lugar del favicon.
  • Elige un fondo prefabricado.
  • El campo Additional CSS permite a los diseñadores web personalizar más el formulario de compra. 
  • Aviso importante: Solo CSS es modificable – HTML y JavaScript no son modificables en el campo CSS.
  • Finalmente, haz clic en Save. Puedes ver el formulario de compra haciendo clic en Preview.

Ahora ya tienes una configuración exitosa en tu formulario de compra – solo tienes que enlazarla a uno de los productos que tienes en Digistore24.

Guía paso a paso: Enlaza el formulario de compra clásico a tu producto

  • Ve a Account > Products.
  • Haz clic en el ícono del lápiz del producto que quieres enlazar con en el formulario de compra clásico que acabas de configurar.
  • Cambia a la pestaña Order form.
  • Ve hacia abajo hasta la ventana Order form. Para Order form, selecciona el formulario de compra que acabas de configurar.
  • Finalmente, haz clic en Save.

 2. Configura el formulario de compra responsivo 

Alternativamente, puedes configurar un formulario de compra responsivo en Digistore24. Con esto, tú mismo puedes determinar el orden de los elementos del formulario de compra.

Guía paso a paso: Configura el formulario de compra responsivo 

  • Ve a Account > Order forms y haz clic en el botón Create responsive order form.
  • Ahora verás el editor del formulario de compra el cual te permite acercar o alejar la imagen tanto como quieras. La columna izquierda contiene los elementos que puedes seleccionar, arrastrar a la derecha y posicionar. 
  • Para editar un elemento, haz clic en el ícono del lápiz. Por ejemplo, para el elemento de la imagen del encabezado, puedes seleccionar una imagen que ya ha sido creada.
  • Si aún no has subido una, puedes hacerlo yendo a Account > Images y hacer clic en Add new image. Para Product type, selecciona la opción Order form header.
  • Para darle nombre al formulario de compra, haz clic en Settings en la columna izquierda. Pon el Nombre en la ventana que se abra.
  • Aquí también puedes seleccionar un Favicon individual. Si aún no has subido uno, sigue las instrucciones del punto número 4, pero en este caso, selecciona Order form favicon para Product type. Si no seleccionas nada aquí, el logo de Digistore24 aparecerá en lugar del favicon.
  • El campo Additional CSS permite a los diseñadores web personalizar más el formulario de compra. 
  • Aviso importante: Solo CSS es modificable – HTML y JavaScript no son modificables en el campo CSS.
  • Una vez que has ordenado y configurado todos los elementos a tu gusto, haz clic en el botón Save.
  • Puedes ver tu formulario de compra responsivo haciendo clic en Preview en la columna izquierda.

Ahora ya has configurado exitosamente tu formulario de compra responsivo – solo tienes que enlazarlo con uno de tus productos.

Guía paso a paso: enlaza el formulario de compra responsivo a tu producto

  • Ve a Account > Products.
  • Haz clic en el ícono del lápiz del producto que quieres enlazar con en el formulario de compra que acabas de configurar.
  • Cambia a la pestaña Order form.
  • Ve hacia abajo hasta la ventana Order form. Aquí puedes seleccionar el formulario de compra que acabas de configurar.
  • Finalmente, haz clic en Save.

Más información:

  • Puedes posicionar los sellos de garantía bajo el elemento Método de pago. El cliente podrá verlo de esa forma y corroborará las políticas de devolución que has configurado para cada producto. Puedes hacerlo yendo a Settings > Return policy y haciendo clic en Create return policy.
  • El texto mostrado en el formulario de compra es dependiente del producto y es definido en los ajustes individuales del producto.
  • El encabezado del formulario de compra responsivo está optimizado para conversión. Puedes cambiarlo, pero ten en mente que contiene elementos importantes de conversión.
  • Para los testimonios, al igual que las imágenes, íconos de página, etc. los puedes subir en Account > Images.

3. Personalizar el formulario de compra para un producto

Una vez que hayas configurado el formulario de compra, puedes volver a personalizarlo para un producto en específico.

Guía paso a paso

  • Ve a Account > Products.
  • Haz clic en el ícono del lápiz del producto al que le vas a editar el formulario de compra.
  • Cambia a la pestaña Order form.
  • Selecciona la imagen del producto adecuada para el formulario de compra. 
  • Para Product description for order form y Product description for order confirmation page, puedes agregar descripciones relevantes.
  • En el campo para la página de confirmación de la orden, puedes usar  [THANKYOU_URL]  el cual le muestra a tu cliente la URL de la página de confirmación de la orden. Esto también se incluye en el correo electrónico de confirmación de la orden. Si dejas el campo de la descripción de la página de confirmación en blanco, entonces la descripción para el formulario de compra se pondrá ahí.
  • En la ventana de soporte técnico, puedes poner el correo electrónico de soporte y especificar al cliente las instrucciones de uso. Por ejemplo, puedes incluir instrucciones sobre cómo el cliente puede descargar su producto. Estas instrucciones deberán ser mostradas al cliente, después de haber realizado su pago, en la página de confirmación de la orden y en el correo electrónico de confirmación. Puedes usar también el marcador de posición [THANKYOU_URL] aquí.
  • En la ventana del formulario de compra, puedes ajustar configuraciones específicas para solicitar información del cliente. También puedes seleccionar tu propio formulario de compra aquí y agregar una Social Proof Bubble.
  • Finalmente haz clic en Save.

4. Agrega campos de entrada individuales al formulario de compra

Digistore24 no sólo te da la oportunidad de personalizar el formulario de compra. Con la función Additional input fields, puedes agregar campos de entrada individuales tales como casillas de verificación o cuadros de texto. De esta manera, puedes decidir qué información te gustaría obtener de tus clientes durante el proceso de compra.

Guía paso a paso

  • Ve a Account > Additional input fields.
  • Haz clic en el botón Create form.
  • Para Name (interno), dale un nombre interno al formulario, el cual será visible únicamente para ti.
  • Para Show input fields…, puedes determinar si quieres que el formulario sea mostrado en el formulario de compra por sí mismo o en la página de seguimiento del formulario de compra. 
  • Selecciona los Productos para los cuales estás haciendo los ajustes de configuración.
  • Agrega un encabezado y una descripción al formulario. 
  • Finalmente, haz clic en Save.
  • Ve hacia abajo hasta la ventana Add input field.
  • Para Type, puedes seleccionar el tipo de campo de entrada (ej. cuadro de texto pequeño, casilla de verificación, lista de selección, etc.).
  •  Si has seleccionado algo de la lista de direcciones, entonces para Is used in e-ticket puedes crear un campo en el que la información del evento del visitante deba ser ingresada (por ejemplo, si el visitante no es también un cliente).
  • Pon el Nombre que deba ser mostrado en el formulario de compra al cliente, por ejemplo: primer nombre.
  • Para Order, especifica dónde debe aparecer el campo de entrada. El campo con el número de orden más pequeño será mostrado primero.
  • Para Is required, determina si el cliente debe o no llenar el campo de entrada durante el proceso del pedido.
  • Finalmente haz clic en Add new input field.

En la parte inferior de la página, verás el campo de entrada que acabas de crear. Para agregar más campos, repite los pasos antes descritos y haz clic en el botón azúl Add new input field.

Puedes hacer cambios subsecuentes al orden de los campos que aparecen en el formulario de compra yendo a la lista de los formularios en Account > Additonal input fields.

Transfiere campos de entrada individuales a través de IPN

  • Te recomendamos que configures una conexión IPN con el type Generic yendo a Settings > Integrations (IPN) y haciendo clic en Add new connection.
  • En el campo Send notifications for, marca la casilla custom forms.
  • Finalmente, haz clic en Save.

Los datos de los campos de entrada adicionales ahora serán transferidos en una notificación IPN separada. Si es necesario, puedes fusionar los datos de las órdenes en tu sistema.

Los datos capturados por el usuario son transferidos en una conexión genérica como datos POST o GET (dependiendo de qué sea seleccionado en los ajustes de la IPN). Al hacerlo, el prefijo data- es añadido al nombre del campo de entrada, por ejemplo: data-company.

Aviso importante:

No podemos garantizar que las notificaciones IPN siempre sean ejecutadas en el mismo orden. El trasfondo de esto es que con algunos métodos de pago las notificaciones llegan muy tarde (por ejemplo: pagos anticipados). También hay efectos asincrónicos: el proceso de orden nunca espera a la ejecución de la notificación IPN de los campos de entrada adicionales, pero algunas veces sí espera la de las notificaciones IPN sobre el pago. Por este motivo, recomendamos que guardes las notificaciones IPN de los campos de entrada adicionales en la base de datos.

Artículos relevantes:

© 2022 Digistore24 GmbH, reservados todos los derechos

© 2022 Digistore24 GmbH, reservados todos los derechos