Saltar al contenido principal

¿Cómo podemos ayudarte?

Has comprado en Digistore24

Configurar el flujo de upsell (JavaScript y botón de compra de upsell)

Este artículo ha sido traducido mediante IA

¿Tienes comentarios sobre esta traducción? Avísanos aquí.

Este artículo le muestra cómo configurar elementos individuales de upsell para su flujo de upsell y cómo integrarlos en su página de upsell.

Nota

Este artículo está disponible en cuatro variantes:

Cabina de conversión abierta

Configure su flujo de ventas adicionales en el panel de conversión de su producto inicial.

Procede de la siguiente manera:

  1. En la vista Vendedor, abra Cuenta > Productos.
  2. Haga clic en el icono de tres puntos de su producto inicial y, a continuación, en Ir a Conversion Cockpit.
  3. Haz clic en Configuración.   
  4. Determine si se permiten las compras duplicadas en este flujo de ventas.
  5. Crear el paso de upsell. Elija una de las variantes que se muestran a continuación para continuar.
Ofrezca un único producto como venta adicional

Ofrezca un único producto como venta adicional

Ofrece un único producto en la página de ventas adicionales.

Paso 1 - Añadir artículo de venta adicional

Procede de la siguiente manera:

  1. Haga clic en Añadir venta adicional en el producto inicial o en un artículo de venta adicional existente.

    Puede elegir entre una flecha verde (upsell) y una flecha roja (downsell) para el artículo upsell.

    Aparecerá la ventana de introducción de datos para el artículo de upsell.

  2. En el paso (1) Tipo de venta adicional, seleccione la opción Productos.
  3. Haga clic en Continuar.
  4. En el paso (2) Opciones de venta adicional, seleccione el producto a vender en el campo Producto 1.
  5. Haga clic en Continuar.
  6. En el paso (3) Integración, elija la opción Sin plugin de WordPress.
  7. Haga clic en Continuar.
  8. En el paso (4) Tipo de botón, seleccione la opción Botón de compra Upsell.
  9. Haga clic en Continuar.
  10. En el paso (5) Enlaces para insertar, se mostrarán los códigos para integrar el artículo de upsell en su página de upsell. Los necesitará en la siguiente sección.
  11. Haga clic en Guardar. El artículo de upsell se añade al flujo de upsell y se cierra.
  12. Comprueba la página de upsell.

    En el artículo de upsell, la página de upsell se muestra en el campo Página de ventas, que se almacena en la configuración del producto. Si no se almacena ninguna página de upsell, se utilizará el formulario de pedido como página de upsell.

    Haga clic en el icono del lápiz para ajustar la URL de la página de ventas.

    Nota
    • Si el producto seleccionado sólo puede venderse como venta adicional, se utilizará la URL del campo Página de ventas de la configuración del producto.
    • Si el producto seleccionado puede venderse individualmente y como venta adicional, se utilizará la URL del campo Página de venta adicional de la configuración del producto.
    • Puede abrir la configuración del producto haciendo clic en el ID del producto en la parte superior del artículo de upsell.
    • Puede comprobar si el producto es un producto de venta directa o no. Consulte las restricciones de venta en la configuración del producto en Up-/Downgrade / Upsell. Comprueba la página de upsell.

Paso 2 - Integrar el artículo de upsell en la página de upsell

Después de crear el artículo de venta adicional en Conversion Cockpit, puede integrarlo en su página de venta adicional.

Procede de la siguiente manera:

  1. Abra el artículo de venta adicional. Para ello, haga clic en el icono del lápiz situado junto al título.
  2. Haga clic en el paso (5) Enlaces para insertar.
  3. En el campo Diseño para botón de compra de upsell, seleccione una plantilla. Puedes editar plantillas o crear otras nuevas.
  4. Copie la línea de código del campo JavaScript y péguela en cualquier lugar de la cabecera de su página de upsell. Este script añade un identificador de sesión a su página de upsell. Esto es necesario para que la venta adicional funcione.
  5. Copie la línea de código del campoBotón de compra de upsell y péguela en su página de upsell donde deben aparecer los botones de decisión de compra. Esto mostrará el botón de compra de upsell.
Ofrecer productos alternativos como upsell

Ofrecer productos alternativos como upsell

Ofrece varios productos alternativos en la página de upsells.

Paso 1 - Añadir artículo de upsell

Procede de la siguiente manera:

    1. Haga clic en Añadir upsell en el producto inicial o en un artículo de upsell existente.

      Puede elegir entre una flecha verde (upsell) y una flecha roja (downsell) para el artículo upsell.

      Aparecerá la ventana de introducción de datos para el artículo de upsell.

    2. En el paso (1) Tipo de venta adicional, seleccione la opción Productos.
    3. Haga clic en Continuar.
    4. En el paso (2) Opciones de upsell, seleccione el producto a vender en el campo Producto 1.
    5. Haga clic en Añadir producto. Aparecerá el campo Producto 2. Seleccione aquí un producto alternativo.
    6. Repita este proceso para todos los productos que desee ofrecer como alternativas en la página de upsells. Puede ofrecer hasta diez productos.
    7. Haga clic en Continuar.
    8. En el paso (3) Integración, elija la opción Sin plugin de WordPress.
    9. Haga clic en Continuar.
    10. En el paso (4) Tipo de botón, seleccione la opción Botón de compra Upsell.
    11. Haga clic en Continuar.
    12. En el paso (5) Enlaces para insertar, se mostrarán los códigos para integrar el artículo de upsell en su página de upsell. Los necesitará en la siguiente sección.
    13. Haga clic en Guardar. El artículo de upsell se añade al flujo de upsell y se cierra.
    14. Comprueba la página de upsell.

      En el artículo de upsell, la página de upsell se muestra en el campo Página de ventas, que se almacena en la configuración del producto. Si no se almacena ninguna página de upsell, se utilizará el formulario de pedido como página de upsell.

      Haga clic en el icono del lápiz para ajustar la URL de la página de ventas.

      Nota
      • Si el producto seleccionado sólo puede venderse como venta adicional, se utilizará la URL del campo Página de ventas de la configuración del producto.
      • Si el producto seleccionado puede venderse individualmente y como venta adicional, se utilizará la URL del campo Página de venta adicional de la configuración del producto.
      • Puede abrir la configuración del producto haciendo clic en el ID del producto en la parte superior del artículo de upsell.
      • Puede comprobar si el producto es un producto de venta directa o no. Consulte las restricciones de venta en la configuración del producto en Up-/Downgrade / Upsell.Compruebe la página de upsell.

        En el artículo de upsell, la página de upsell se muestra en el campo Página de ventas, que se almacena en la configuración del producto. Si no se almacena ninguna página de upsell, se utilizará el formulario de pedido como página de upsell.

        Haga clic en el icono del lápiz para ajustar la URL de la página de ventas.

Paso 2 - Integrar el artículo de upsell en la página de upsell

Después de crear el artículo de venta adicional en Conversion Cockpit, puede integrarlo en su página de upsell.

Procede de la siguiente manera:

    1. Abra el artículo de upsell. Para ello, haga clic en el icono del lápiz situado junto al título.
    2. Haga clic en el paso (5) Enlaces para insertar.
    3. En el campo Diseño para botón de compra de upsell, seleccione una plantilla. Puedes editar plantillas o crear otras nuevas.
    4. Copie la línea de código del campo JavaScript y péguela en cualquier lugar de la cabecera de su página de upsell. Este script añade un identificador de sesión a su página de upsell. Esto es necesario para que la upsell funcione.
    5. Copie todas las líneas de código Radio for product en su página de upsell, colocándolas donde deben mostrarse las alternativas.
      1. Cada alternativa tiene su propia línea de código en la que se especifica el ID del producto con value="product-XXXXXX".
      2. Cada línea de código crea un botón de opción en su página de upsell para seleccionar la alternativa respectiva. Los botones de opción no están etiquetados:
      3. Coloque una descripción y/o una imagen junto a cada línea de código para la alternativa respectiva. 
        <input type="radio" name="digistore-upsell-button-radio" value="product-508535" /> Descripción y/o imagen para el producto con ID 508535.

        En la página de upsell (desde la perspectiva del cliente):

         Producto en marrón
 Producto en azul
 Producto en rosa
    6. Copie la línea de código del campo Botón de compra de upsell y péguela en su página de upsell donde deben aparecer los botones de decisión de compra. Esto mostrará el botón de compra de upsell.
Ofrezca cantidades alternativas como upsell

Ofrezca cantidades alternativas como upsell

Ofrece el mismo producto en diferentes cantidades en la página de upsells.

Paso 1 - Añadir artículo de upsell

Procede de la siguiente manera:

  1. Haga clic en Añadir venta adicional en el producto inicial o en un artículo de venta adicional existente.

    Puede elegir entre una flecha verde (upsell) y una flecha roja (downsell) para el artículo upsell.

    Aparecerá la ventana de introducción de datos para el artículo de upsell.

  2. En el paso (1) Tipo de upsell, seleccione la opción Cantidad.
  3. Haga clic en Continuar.
  4. En el paso (2) Opciones de upsell, seleccione el producto que desea vender en el campo Seleccionar producto.
  5. En el campo Opción 1, introduzca una cantidad. Sólo se pueden especificar números enteros. El valor mínimo es 1.
  6. Haga clic en la opción Añadir cantidad. Aparecerá el campo Opción 2. Introduzca una cantidad alternativa.
  7. Repita este proceso para todas las opciones de cantidad que desee ofrecer en la página de upsells. Puede ofrecer hasta diez opciones.
  8. Haga clic en Continuar.
  9. En el paso (3) Integración, elija la opción Sin plugin de WordPress.
  10. Haga clic en Continuar.
  11. En el paso (4) Tipo de botón, seleccione la opción Botón de compra Upsell.
  12. Haga clic en Continuar.
  13. En el paso (5) Enlaces para insertar, se mostrarán los códigos para integrar el artículo de upsell en su página de upsell. Los necesitará en la siguiente sección.
  14. Haga clic en Guardar. El artículo de upsell se añade al flujo de upsell y se cierra.
  15. Comprueba la página de upsell.

    En el artículo de upsell, la página de upsell se muestra en el campo Página de ventas, que se almacena en la configuración del producto. Si no se almacena ninguna página de upsell, se utilizará el formulario de pedido como página de upsell.

    Haga clic en el icono del lápiz para ajustar la URL de la página de ventas.

    Nota
    • Si el producto seleccionado sólo puede venderse como upsell, se utilizará la URL del campo Página de ventas de la configuración del producto.
    • Si el producto seleccionado puede venderse individualmente y como upsell, se utilizará la URL del campo Página de venta adicional de la configuración del producto.
    • Puede abrir la configuración del producto haciendo clic en el ID del producto en la parte superior del artículo de upsell.
    • Puede comprobar si el producto es un producto de venta directa o no. Consulte las restricciones de venta en la configuración del producto en Up-/Downgrade / Upsell.
     

Paso 2 - Integrar el artículo de upsell en la página de upsell

Después de crear el artículo deupsell en Conversion Cockpit, puede integrarlo en su página de venta adicional.

Procede de la siguiente manera:

  1. Abra el artículo de venta adicional. Para ello, haga clic en el icono del lápiz situado junto al título.
  2. Haga clic en el paso (5) Enlaces para insertar.
  3. En el campo Diseño para botón de compra de upsell, seleccione una plantilla. Puedes editar plantillas o crear otras nuevas.
  4. Copie la línea de código del campo JavaScript y péguela en cualquier lugar de la cabecera de su página de upsell. Este script añade un identificador de sesión a su página de upsell. Esto es necesario para que la upsell funcione.
  5. Copie todas las líneas de código de Radio for option en su página de upsell, colocándolas donde deben mostrarse las alternativas ofrecidas.
    1. Cada alternativa tiene su propia línea de código, donde la cantidad de producto se especifica con value="qty-X".
    2. Cada línea de código crea un botón de opción en su página de upsell para seleccionar la alternativa respectiva. Los botones de opción no están etiquetados:
    3. Coloque una descripción y/o una imagen junto a cada línea de código para la alternativa respectiva. 
      <input type="radio" name="digistore-upsell-button-radio" value="qty-3" /> Descripción y/o imagen para la cantidad 3.

      En la página de upsell (desde la perspectiva del cliente):

       3 unidades por 60 euros
 5 unidades por 90 euros
 7 unidades por 120 euros
  6. Copie la línea de código del campo Botón de compra de upsell y péguela en su página de upsell donde deben aparecer los botones de decisión de compra. Esto mostrará el botón de compra de upsell.
Ofrecer planes de pago alternativos como upsell

Ofrecer planes de pago alternativos como upsell

Usted ofrece el mismo producto con diferentes planes de pago en la página de upsells.

Paso 1 - Añadir artículo de venta adicional

Procede de la siguiente manera:

  1. Haga clic en Añadir venta adicional en el producto inicial o en un artículo de upsell existente.

    Puede elegir entre una flecha verde (upsell) y una flecha roja (downsell) para el artículo upsell.

    Aparecerá la ventana de introducción de datos para el artículo de upsell.

  2. En el paso (1) Tipo de upselll, seleccione la opción Plan de pago.
  3. Haga clic en Continuar.
  4. En el paso (2) Opciones de upselll, seleccione el producto que desea vender en el campo Seleccionar producto.
  5. En el campo Plan de pago 1, elija un plan de pago.
  6. Haga clic en Añadir plan de pago. Aparecerá el campo Plan de pago 2. Elija un plan de pago alternativo.
  7. Repita este proceso para todos los planes de pago que desee ofrecer en la página de upsells. Puede ofrecer hasta diez opciones.
  8. Haga clic en Continuar.
  9. En el paso (3) Integración, elija la opción Sin plugin de WordPress.
  10. Haga clic en Continuar.
  11. En el paso (4) Tipo de botón, seleccione la opción Botón de compra Upsell.
  12. Haga clic en Continuar.
  13. En (5) Enlaces a insertar, se mostrarán los códigos para integrar el artículo de upsell en su página de upsell. Los necesitará en la siguiente sección.
  14. Haga clic en Guardar. El artículo de upsell se añade al flujo de upsell y se cierra.
  15. Comprueba la página de upsell.

    En el artículo de upsell, la página de upsell se muestra en el campo Página de ventas, que se almacena en la configuración del producto. Si no se almacena ninguna página de upsell, se utilizará el formulario de pedido como página de upsell.

    Haga clic en el icono del lápiz para ajustar la URL de la página de ventas.

    Nota
    • Si el producto seleccionado sólo puede venderse como venta adicional, se utilizará la URL del campo Página de ventas de la configuración del producto.
    • Si el producto seleccionado puede venderse individualmente y como venta adicional, se utilizará la URL del campo Página de upsell de la configuración del producto.
    • Puede abrir la configuración del producto haciendo clic en el ID del producto en la parte superior del artículo de upsell.
    • Puede comprobar si el producto es un producto de venta directa o no. Consulte las restricciones de venta en la configuración del producto en Up-/Downgrade / Upsell.
     

Paso 2 - Integrar el artículo de upsell en la página de upsell

Después de crear el artículo de venta adicional en Conversion Cockpit, puede integrarlo en su página de upsell.

Procede de la siguiente manera:

  1. Abra el artículo de venta adicional. Para ello, haga clic en el icono del lápiz situado junto al título.
  2. Haga clic en el paso (5) Enlaces para insertar.
  3. En el campo Diseño para botón de compra de upsell, seleccione una plantilla. Puedes editar plantillas o crear otras nuevas.
  4. Copie la línea de código del campo JavaScript y péguela en cualquier lugar de la cabecera de su página de upsell. Este script añade un identificador de sesión a su página de upsell. Esto es necesario para que la upsell funcione.
  5. Copie todas las líneas de código de Radio for option en su página de upsell, colocándolas donde deben mostrarse las alternativas ofrecidas.
    1. Cada alternativa tiene su propia línea de código, donde el plan de pago se especifica con value="payplan-XXXXXX".
    2. Cada línea de código crea un botón de opción en su página de upsell para seleccionar la alternativa respectiva. Los botones de opción no están etiquetados:
    3. Coloque una descripción y/o una imagen junto a cada línea de código para la alternativa respectiva. 
      <input type="radio" name="digistore-upsell-button-radio" value="payplan-410156" /> Descripción y/o imagen para el plan de pago con ID 410156.

      En la página de upsell (desde la perspectiva del cliente):

       Pago único = 49 €
 3x 18 € = 54 €
 5x 12 € = 60 €.
  6. Copie la línea de código del campo Botón de compra de upsell y péguela en su página de upsell donde deben aparecer los botones de decisión de compra. Esto mostrará el botón de compra de upsell.