CodaScan

Integración con Shopify

Añade códigos de barras a tus albaranes y comienza a documentar envíos en segundos

Cómo funciona CodaScan

📱

Escanear código

Al empaquetar un pedido, escanea el código de barras del albarán con la app CodaScan

📸

Tomar fotos

Toma fotos de los artículos empaquetados. Estas fotos sirven como prueba de lo que se envió

☁️

Subida automática

Las fotos se suben automáticamente a tu SharePoint, organizadas por número de pedido

Para integrar CodaScan con Shopify, solo necesitas añadir un código de barras a tus albaranes. El código siguiente incluirá automáticamente el número de pedido, haciendo el proceso perfecto.

Beneficios de la documentación automatizada

Ahorra tiempo en disputas

Accede instantáneamente a pruebas de lo enviado - sin más búsquedas largas de correos

Protege tus ingresos

Gana contracargos con evidencia visual clara del contenido del paquete

Mantén los envíos rápidos

Documenta paquetes sin ralentizar tu proceso de fulfillment

Mantente organizado

Todas las fotos automáticamente ordenadas por número de pedido en tu SharePoint

📂
Subir la fuente del código de barras

Primero, necesitamos subir el archivo de la fuente del código de barras a tu tienda Shopify:

  1. Descargar el archivo CSS

    Descarga nuestro archivo CSS de la fuente del código de barras:

    Descargar archivo CSS

  2. Subir a Shopify

    Sube el archivo CSS a tu tienda Shopify:

    Abrir gestor de archivos

    O navega a:Content → Files

  3. Obtener la URL

    Después de subir, obtén la URL del archivo:

    Copy link button preview

    Pasa el cursor sobre el archivo en la lista y haz clic en 'Copiar enlace' cuando aparezca. Necesitarás esta URL en el siguiente paso.

⚙️
Acceder a la plantilla del albarán

En tu panel de administración de Shopify, navega al editor de plantillas de albaranes:

Settings → Shipping and delivery → Packing slips → Edit template

📝
Añadir el código de barras

Copia y pega este código donde quieras que aparezca el código de barras en tu albarán (asegúrate de reemplazar [URL de tu archivo CSS] con la URL que obtuviste en el paso anterior):

<!-- Add this at the top of your packing slip template -->
<link rel="stylesheet" href="[Your store's CDN URL to the barcode font CSS]" type="text/css" media="all">

    <!-- locate the order number in your template -->
     <p class="text-align-right">
        Order {{ order.name }}
      </p>
      <!-- Add CodaScan QR code here -->
      <div class="codascan-qr text-align-right" style="margin: 10px 0;">
        <p style="font-family: 'Libre Barcode 39 Text'; font-size: 60px; white-space: nowrap;">*{{ order.name | replace: "#", "" }}*</p>
      </div>
💡

Configuración importante de fuente requerida

Antes de que el código de barras funcione, necesitarás subir la fuente del código de barras a tu tienda Shopify. Descarga la fuente 'Libre Barcode 39 Text', conviértela a un archivo CSS y súbela en Configuración → Archivos. Luego reemplaza [URL CDN de tu tienda] con la URL real de tu archivo subido.

✅
Probar la integración

Previsualiza tu albarán para asegurarte de que el código de barras aparece correctamente. El código utilizará automáticamente tus números de pedido para generar códigos de barras únicos para cada pedido.

⚠️
Limitaciones de Shopify

Debido a las limitaciones de Shopify, el código de barras generado no tiene verificación de errores. Por favor, verifica que el número de pedido escaneado coincida con el número de pedido real. Ten en cuenta que el símbolo '#' se elimina automáticamente de los números de pedido en el código de barras.