DOCS

Bigcommerce

/

Checkout para BigCommerce

Integra el plugin Checkout para BigCommerce.

Antes de integrar Checkout, asegúrate de que funcione como esperas. Cuando utilizas Checkout:

  • Zonos Hello identificará automáticamente a los compradores internacionales según la ubicación de su dirección IP. Cuando los clientes internacionales procedan al checkout, serán redirigidos a Zonos Checkout para completar su pedido.
  • En el proceso de checkout, proporcionaremos un costo total de landed cost, que incluye envío (según tus propias tarifas de envío o tarifas planas), aranceles, impuestos y tarifas de transportista. Al recolectar estos costos durante el checkout, tus clientes no tendrán que pagar nada extra al momento de la entrega.
  • Tus clientes disfrutarán de la conveniencia de una experiencia similar a la nacional: completarán el proceso de checkout en su idioma local, con campos de dirección adaptados a su país específico y la opción de pagar en su moneda local. Los pedidos estarán protegidos contra fraudes.
  • Puedes gestionar fácilmente tus pedidos internacionales tanto a través de BigCommerce como de Dashboard. Los números de seguimiento se sincronizarán entre las dos plataformas, garantizando una gestión de pedidos fluida.
  • Los códigos promocionales de BigCommerce se pueden ingresar en la página del carrito y se transferirán a Checkout. Una vez en Checkout, no se pueden editar. Sin embargo, podemos ocultar el campo de código promocional de BigCommerce en la página del carrito, y en su lugar gestionar tus códigos promocionales dentro de Dashboard. Crea códigos promocionales en Dashboard para tus clientes internacionales.

Integración 

Integra sin problemas Checkout con tu tienda BigCommerce siguiendo los pasos de esta sección:

1

Comienza

Comienza completando nuestro formulario de registro. El proceso de incorporación comenzará una vez que se haya establecido tu acuerdo de cuenta.

2

Incorporación

En un plazo de 24 horas después de registrarte, un representante de incorporación dedicado se pondrá en contacto contigo para iniciar un proceso de integración personalizado.

Importante: Los pasos enumerados a continuación son para tu referencia y serás guiado a través de ellos por tu representante de incorporación.

3

Instalar aplicaciones

Tanto Checkout como Hello deben estar instalados para que Checkout funcione correctamente, ya que Hello informará cuándo redirigir a los clientes internacionales a nuestro Checkout.

  1. Instala la aplicación Checkout desde BigCommerce Marketplace haciendo clic en Obtener esta aplicación.
  2. Instala la aplicación Hello desde BigCommerce Marketplace haciendo clic en Obtener esta aplicación.
4

Configurar Checkout

Una vez que hayas instalado ambas aplicaciones, configura tus ajustes:

  1. Dentro de tu backend de BigCommerce, ve a AplicacionesMis aplicacionesZonos Checkout.
  2. Ingresa tus credenciales de integración para vincular tus ajustes de Dashboard a tu sitio de BigCommerce.
    1. Copia tu número de cuenta de Zonos desde Dashboard e ingrésalo como tu ID de tienda.
    2. Copia tu clave API de Zonos desde Dashboard e ingrésala como tu Secreto de tienda.
  3. Habilita la aplicación en modo de prueba o en vivo:
    1. Bajo Zonos Checkout, selecciona Habilitar.
    2. Bajo Modo de prueba, selecciona Habilitar. Cuando este modo esté activado, debes agregar ?zonos=true a la URL para habilitar la funcionalidad de Zonos, lo que te permitirá probar Zonos mientras tus compradores siguen experimentando tu flujo nativo. Cambia esto a Desactivar cuando estés listo para ir en vivo.
  4. Personaliza nuestra aplicación para que funcione según las necesidades de tu sitio:
    1. Bajo Crear cliente en importación de pedido, selecciona tu preferencia.
    2. Bajo Reservar stock de producto durante el checkout, selecciona Habilitar si deseas que Zonos reserve el stock del producto mientras está en nuestro Checkout. Aprende cómo funciona esto en las preguntas frecuentes en la parte inferior de esta página.
    3. Bajo Mostrar proveedor de pago como personalizado, selecciona Habilitado si deseas que todos tus pedidos de Zonos muestren Personalizado como el proveedor de pago en BigCommerce.
  5. Haz clic en Actualizar ajustes para guardar tus selecciones.
5

Configurar Hello

  1. Dentro de tu backend de BigCommerce, ve a AplicacionesMis aplicacionesZonos Hello.
  2. Copia tu clave API de Hello desde Dashboard e ingrésala como tu Clave del sitio.
  3. Habilita la aplicación Hello cambiando Zonos Hello a habilitar. Hello puede habilitarse antes que Checkout y no redirigirá a Zonos Checkout a menos que también se habilite Checkout.
  4. Cambia Cotización de aranceles e impuestos a habilitar.
  5. Si deseas que Zonos aproveche la conversión de moneda de BigCommerce, cambia Conversión de moneda a habilitar. Al hacerlo, Hello permitirá habilitar las monedas para ti en ConfiguraciónMonedas. Verifica tus ajustes de moneda allí para asegurarte de que los pagos se realicen en la moneda que prefieras.
  6. Haz clic en Actualizar ajustes para guardar tus selecciones.
6

Agregar información de producto faltante

Las versiones de BigCommerce anteriores a V3 tienen limitaciones con los datos que pasan a Zonos para cotizaciones de landed cost. Aprende qué información de producto recibe Zonos de cada versión de BigCommerce y cuándo debes usar el Catálogo de Zonos para agregar información específica del producto necesaria para nuestros cálculos.

Información opcional del producto

La información específica del producto no es necesaria para que Zonos devuelva una cotización. Zonos puede usar los valores predeterminados de tu cuenta para los códigos HS y el país de origen, estimar el peso con un factor personalizado y cotizar sin dimensiones. Sin embargo, cuanta más información específica del producto se proporcione, más precisos serán nuestros cálculos.

Información del producto pasada desde BigCommerce

  • Pesos
  • Dimensiones
  • Códigos HS*
  • País de origen*

*Solo se importa si se utiliza la experiencia de producto BigCommerce V3

Si no estás utilizando BigCommerce V3, agrega tus productos con sus códigos HS y país de origen al Catálogo. Aprende cómo usar el Catálogo.

Si agregas peso, dimensiones, código(s) HS o país de origen al Catálogo, el Catálogo siempre usará esos campos. Si alguna información está presente tanto en tu plataforma de comercio electrónico como en el Catálogo, la información en el Catálogo sobrescribirá la información enviada desde la plataforma de comercio electrónico al ejecutar nuestros cálculos. Por ejemplo, supongamos que el peso de un producto está presente en Shopify y en el Catálogo. En ese caso, Zonos usará el peso en el Catálogo para calcular el envío.

7

Prueba tu integración

Ahora que has configurado tu cuenta y tu aplicación, estás listo para probar tu integración. Necesitarás habilitar Checkout y Hello en BigCommerce mientras pruebas. Para hacerlo:

  1. Dentro de tu backend de BigCommerce, ve a AppsMis aplicacionesZonos Hello.
  2. Cambia Zonos Hello a habilitar.
  3. Luego ve a AppsMis aplicacionesZonos Checkout.
  4. Bajo Zonos Checkout, selecciona Habilitar.
  5. Bajo Modo de prueba, selecciona Habilitar.

Cuando este modo está habilitado, debes agregar ?zonos=true a la URL para habilitar la funcionalidad de Zonos, permitiéndote probar Zonos mientras tus compradores aún experimentan tu flujo nativo.

Después de completar las pruebas, habilita Zonos configurando Modo de prueba en Deshabilitar.

Algunas cosas a recordar:

  • De minimis—Si el subtotal del carrito de tu pedido está por debajo del De minimis del país de destino, puede que no haya ningún impuesto o arancel debido. Esto se refleja en nuestros cálculos.
  • Reembolsos y cancelaciones—Estamos recolectando el pago, por lo que si necesitas hacer algún reembolso o cancelación, por favor procesa estos en el Dashboard.
  • Etiquetas—Imprime etiquetas para todos los pedidos internacionales en el Dashboard, a menos que hayas sido certificado para imprimir etiquetas fuera del Dashboard. Esto nos permite pagar los aranceles e impuestos en tu nombre.

Nota: Si necesitas que hagamos ajustes, por favor contacta a soporte de Zonos para asistencia.

Opciones avanzadas de configuración 

Ocultar elementos domésticos

Si tienes elementos que necesitas ocultar solo para usuarios internacionales, por ejemplo, proveedores de pago solo para EE. UU., estimadores de envío, banners con mensajes solo para EE. UU., etc., entonces usa los siguientes pasos para ocultarlos cuando el país de Zonos Hello sea internacional. Para solucionar esto, ve a Panel de administración de BigCommerce -> Storefront -> Script Manager -> Crear Script.

Para ocultar los elementos domésticos, sigue los pasos a continuación:

  1. Ve a BigCommerce Storefront -> Script Manager -> Crear Script.

  2. Crea un nuevo script personalizado para Zonos usando lo siguiente:

    1. Nombre del script: Zonos Custom - [nombre relevante del script]
    2. Descripción: [Qué hace este script]
    3. Ubicación: Pie de página
    4. Localización: Todas las páginas
    5. Categoría del script: Esencial
    6. Tipo de script: Script
    7. Contenido del script: Copia lo siguiente y pégalo en el contenido del script.
  3. En el script a continuación, edita los selectores en var domesticElements = haciendo lo siguiente:

    1. Encuentra los selectores de elementos que deseas ocultar para usuarios internacionales en tu sitio actual de BigCommerce.
    2. Una vez que tengas esos selectores, agrégales donde dice .hide-me.
    3. Asegúrate de rodear cada selector con comillas y separarlos con una coma, ve el siguiente ejemplo: [".hide-1", ".hide-2", ".hide-3", ".hide-4"]
    4. Una vez que el script esté listo y guardado, prueba yendo a la página donde los elementos estaban ocultos y cambia el país de Zonos Hello de EE. UU. a internacional, y de vuelta a EE. UU. Esos elementos deberían estar ocultos cuando se seleccione un país internacional.

Zonos integration script

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
  var domesticElements = ['.hide-me'];

  let cssElement = document.createElement('style'),
    sheet;
  document.head.appendChild(cssElement);
  sheet = cssElement.sheet;
  let count = 0;
  for (let domesticHide of domesticElements) {
    sheet.insertRule(`.z-intl ${domesticHide} { display:none; }`, count);
    count++;
  }
</script>

Solución de problemas 

Botones de Checkout que no redirigen

Si el Zonos Checkout está en modo de prueba o configurado como en vivo (y los botones de checkout no se redirigen a Zonos), puede ser debido a los selectores de botones de checkout. Nuestra aplicación de Zonos Checkout utiliza una lista predefinida de selectores de botones de checkout. Si un usuario internacional no está siendo redirigido, es posible que esos selectores necesiten ajustarse.

Para solucionar este problema, siga los pasos a continuación:

  1. Vaya a Panel de administración de BigCommerce -> Apariencia de la tienda -> Gestor de scripts -> Crear script.

  2. Cree un nuevo script personalizado para Zonos utilizando lo siguiente:

    1. Nombre: Zonos Personalizado - [nombre relevante del script]
    2. Descripción: [Lo que hace este script]
    3. Ubicación en la página: Pie de página
    4. Seleccionar páginas donde se agregará el script: Todas las páginas
    5. Contenido del script: Copie lo siguiente y péguelo en el contenido del script.
  3. Una vez que tenga el código a continuación en el contenido del script, deberá ajustar uno de los selectores para que coincida con sus botones de checkout actuales o puede agregar un nuevo selector a la lista.

  4. Asegúrese de guardar este nuevo script y probar el sitio.

Zonos script de integración

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script>
  window.onload = () => {
    selectors = {
      '.previewCartCheckout .button--primary': 'checkout',
      '.cart-actions .button--primary': 'Check out',
      '.previewCartAction-checkout': 'Check out now',
      '.ProceedToCheckout .btn': 'Proceed To Checkout',
      '.CheckoutLink': 'Checkout',
      '.button--primary': 'Checkout',
      '.button-checkout': 'Checkout',
      '.btn': 'Proceed To Checkout',
      '.CheckoutButton': 'Proceed To Checkout',
    };
    for (let key in selectors) {
      let button = contains(key, selectors[key]);
      for (i = 0; i < button.length; i++) {
        button[i].addEventListener('click', function (e) {
          zonosCheckout(e);
        });
      }
    }
  };
</script>

Preguntas frecuentes 

¿Cómo sé si estoy en el tema de Stencil?

Para determinar si estás utilizando el tema de Stencil, en el Panel de Administración de BigCommerce, si Storefront -> Footer Scripts es una opción, tu tienda está utilizando un tema de Stencil.

¿Qué información del producto debo proporcionar para obtener la cotización más precisa sobre aranceles, impuestos y costos de envío?

La información del producto puede afectar la cantidad de aranceles e impuestos a pagar y el costo de envío. Cuanta más información del producto proporciones a Zonos, más precisa será la cotización devuelta. Zonos puede generar una cotización incluso cuando esta información no está disponible, pero recomienda proporcionar los siguientes detalles clave del producto para mejorar la precisión:

  • Peso: El peso afecta el costo de envío, lo que puede afectar los aranceles o impuestos. Los pesos en tus listados de productos de BigCommerce se utilizan automáticamente por Zonos cuando están presentes.
  • Dimensiones: Las dimensiones pueden afectar el costo de envío, lo que puede afectar los aranceles o impuestos. Zonos puede utilizar las dimensiones del producto (longitud, ancho y altura) establecidas en cada producto en BigCommerce.
  • Códigos HS: Los códigos HS afectan las tasas de aranceles y a veces pueden afectar los impuestos. BigCommerce no puede enviar códigos HS a Zonos, por lo que deben agregarse utilizando el Catálogo de Zonos. Si estás utilizando la experiencia de producto BigCommerce V3, se reciben los códigos HS.
  • País de origen: El país de origen de un producto afecta las tasas de aranceles y puede afectar los impuestos. BigCommerce no puede enviar códigos HS a Zonos, por lo que deben agregarse utilizando el Catálogo de Zonos. Si estás utilizando la experiencia de producto BigCommerce V3, se recibe el país de origen.

Detalles del producto enviados a Zonos por BigCommerce

Detalles del productoPesosDimensionesCódigo HSPaís de origen
Enviados automáticamente
Agregar con Catálogo

Detalles del producto enviados a Zonos por BigCommerce V3

Detalles del productoPesosDimensionesCódigo HSPaís de origen
Enviados automáticamente

Nota: Alternativamente, puedes ingresar cualquiera de la información anterior en el Catálogo, anulando la información almacenada y enviada desde BigCommerce.

Aprende más sobre la información del producto por plataforma.

¿Fue útil esta página?