Plantillas gratis

Plantillas de albarán

Plantillas de albarán profesionales para tu negocio de e-commerce. Vista previa al instante, imprime en PDF o copia el código HTML.

Buenas prácticas para albaranes

Incluye casillas de verificación

Añade una casilla junto a cada artículo para que el personal verifique que están todos incluidos.

Números de SKU

Incluye siempre el SKU o código de producto para facilitar la identificación y el control de inventario.

Manténlo simple

En pedidos de retail o regalo, omite los precios. Inclúyelos solo en pedidos mayoristas o B2B.

Ponle tu marca

Usa tu logo y los colores de tu marca. El albarán es un punto de contacto con tus clientes.

Elige tu plantilla

Albarán estándar

RECOMENDADA

Diseño limpio y profesional con toda la información esencial. Perfecto para la mayoría de los negocios.

Ver código HTML (para desarrolladores)
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Albarán - Pedido n.º [ORDER_NUMBER]</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: Arial, sans-serif; font-size: 12px; color: #333; padding: 20px; }
    .container { max-width: 800px; margin: 0 auto; }
    .header { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 2px solid #333; padding-bottom: 15px; margin-bottom: 20px; }
    .logo { font-size: 24px; font-weight: bold; }
    .company-info { font-size: 11px; color: #666; margin-top: 5px; }
    .order-info { text-align: right; }
    .order-number { font-size: 18px; font-weight: bold; }
    .addresses { display: flex; gap: 40px; margin-bottom: 20px; }
    .address-block { flex: 1; }
    .address-label { font-weight: bold; font-size: 11px; color: #666; margin-bottom: 5px; text-transform: uppercase; }
    table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
    th { background: #f5f5f5; padding: 10px; text-align: left; font-size: 11px; text-transform: uppercase; border-bottom: 2px solid #333; }
    td { padding: 10px; border-bottom: 1px solid #ddd; }
    .checkbox { width: 20px; height: 20px; border: 1px solid #333; display: inline-block; }
    .totals { background: #f9f9f9; padding: 15px; margin-bottom: 20px; }
    .notes { border-top: 1px solid #ddd; padding-top: 15px; margin-top: 20px; }
    .footer { text-align: center; margin-top: 30px; padding-top: 15px; border-top: 1px solid #ddd; font-size: 11px; color: #666; }
  </style>
</head>
<body>
  <div class="container">
    <div class="header">
      <div>
        <div class="logo">[COMPANY_NAME]</div>
        <div class="company-info">
          [ADDRESS]<br>
          [CITY, STATE ZIP]<br>
          [PHONE] | [EMAIL]
        </div>
      </div>
      <div class="order-info">
        <div class="order-number">Pedido n.º [ORDER_NUMBER]</div>
        <div>Fecha del pedido: [ORDER_DATE]</div>
        <div>Fecha de envío: [SHIP_DATE]</div>
      </div>
    </div>

    <div class="addresses">
      <div class="address-block">
        <div class="address-label">Enviar a</div>
        <div>
          [SHIP_NAME]<br>
          [SHIP_ADDRESS]<br>
          [SHIP_CITY_STATE_ZIP]<br>
          [SHIP_PHONE]
        </div>
      </div>
      <div class="address-block">
        <div class="address-label">Facturar a</div>
        <div>
          [BILL_NAME]<br>
          [BILL_ADDRESS]<br>
          [BILL_CITY_STATE_ZIP]<br>
          [BILL_PHONE]
        </div>
      </div>
    </div>

    <table>
      <thead>
        <tr>
          <th>Cant.</th>
          <th>SKU</th>
          <th>Descripción</th>
          <th>Empacado</th>
        </tr>
      </thead>
      <tbody>
        <!-- Repetir por cada artículo -->
        <tr>
          <td>[QTY]</td>
          <td>[SKU]</td>
          <td>[DESCRIPTION]</td>
          <td><span class="checkbox"></span></td>
        </tr>
      </tbody>
    </table>

    <div class="totals">
      <strong>Total de artículos: [TOTAL_ITEMS]</strong>
    </div>

    <div class="notes">
      <strong>Instrucciones especiales:</strong><br>
      [SPECIAL_INSTRUCTIONS]
    </div>

    <div class="footer">
      ¡Gracias por tu pedido!<br>
      ¿Dudas? Escríbenos a [EMAIL]
    </div>
  </div>
</body>
</html>

Albarán detallado con precios

Incluye precios por artículo y totales del pedido. Ideal para pedidos mayoristas o B2B.

Ver código HTML (para desarrolladores)
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Albarán - Pedido n.º [ORDER_NUMBER]</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: Arial, sans-serif; font-size: 12px; color: #333; padding: 20px; }
    .container { max-width: 800px; margin: 0 auto; }
    .header { display: flex; justify-content: space-between; border-bottom: 2px solid #333; padding-bottom: 15px; margin-bottom: 20px; }
    .logo { font-size: 24px; font-weight: bold; }
    .order-info { text-align: right; }
    .addresses { display: flex; gap: 40px; margin-bottom: 20px; }
    .address-block { flex: 1; padding: 15px; background: #f9f9f9; }
    .address-label { font-weight: bold; margin-bottom: 8px; text-transform: uppercase; }
    table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
    th { background: #333; color: white; padding: 10px; text-align: left; }
    td { padding: 10px; border-bottom: 1px solid #ddd; }
    .text-right { text-align: right; }
    .totals { width: 300px; margin-left: auto; }
    .totals tr td { padding: 5px 10px; }
    .totals .grand-total { font-size: 16px; font-weight: bold; background: #f5f5f5; }
    .payment-status { margin-top: 20px; padding: 10px; background: #d4edda; color: #155724; text-align: center; }
    .footer { text-align: center; margin-top: 30px; font-size: 11px; color: #666; }
  </style>
</head>
<body>
  <div class="container">
    <div class="header">
      <div>
        <div class="logo">[COMPANY_NAME]</div>
        <div>[ADDRESS], [CITY_STATE_ZIP]</div>
        <div>[PHONE] | [EMAIL]</div>
      </div>
      <div class="order-info">
        <div style="font-size: 18px; font-weight: bold;">Pedido n.º [ORDER_NUMBER]</div>
        <div>Fecha del pedido: [ORDER_DATE]</div>
        <div>Fecha de envío: [SHIP_DATE]</div>
      </div>
    </div>

    <div class="addresses">
      <div class="address-block">
        <div class="address-label">Enviar a</div>
        [SHIP_NAME]<br>[SHIP_ADDRESS]<br>[SHIP_CITY_STATE_ZIP]
      </div>
      <div class="address-block">
        <div class="address-label">Facturar a</div>
        [BILL_NAME]<br>[BILL_ADDRESS]<br>[BILL_CITY_STATE_ZIP]
      </div>
    </div>

    <table>
      <thead>
        <tr>
          <th>Cant.</th>
          <th>SKU</th>
          <th>Descripción</th>
          <th class="text-right">Precio</th>
          <th class="text-right">Total</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>[QTY]</td>
          <td>[SKU]</td>
          <td>[DESCRIPTION]</td>
          <td class="text-right">[PRICE]</td>
          <td class="text-right">[LINE_TOTAL]</td>
        </tr>
      </tbody>
    </table>

    <table class="totals">
      <tr><td>Subtotal:</td><td class="text-right">[SUBTOTAL]</td></tr>
      <tr><td>Envío:</td><td class="text-right">[SHIPPING]</td></tr>
      <tr><td>Impuesto:</td><td class="text-right">[TAX]</td></tr>
      <tr class="grand-total"><td>TOTAL:</td><td class="text-right">[TOTAL]</td></tr>
    </table>

    <div class="payment-status">
      Estado del pago: PAGADO con [PAYMENT_METHOD]
    </div>

    <div class="footer">
      ¡Gracias por tu compra! | [WEBSITE]
    </div>
  </div>
</body>
</html>

Albarán minimalista

Diseño limpio y sencillo, sin precios. Ideal para regalos o venta al por menor.

Ver código HTML (para desarrolladores)
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Albarán</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 14px; color: #333; padding: 40px; }
    .container { max-width: 600px; margin: 0 auto; }
    .header { text-align: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
    .company-name { font-size: 28px; font-weight: 300; letter-spacing: 2px; margin-bottom: 10px; }
    .order-info { color: #888; }
    .shipping-address { margin-bottom: 30px; padding: 20px; background: #f9f9f9; }
    .label { font-size: 12px; color: #888; text-transform: uppercase; margin-bottom: 8px; }
    .items { margin-bottom: 30px; }
    .items-title { font-size: 12px; color: #888; text-transform: uppercase; margin-bottom: 15px; }
    .item { display: flex; align-items: center; padding: 10px 0; border-bottom: 1px solid #eee; }
    .checkbox { width: 18px; height: 18px; border: 1px solid #ddd; margin-right: 15px; flex-shrink: 0; }
    .footer { text-align: center; padding-top: 30px; border-top: 1px solid #eee; color: #888; font-size: 13px; }
  </style>
</head>
<body>
  <div class="container">
    <div class="header">
      <div class="company-name">[COMPANY_NAME]</div>
      <div class="order-info">
        Pedido n.º [ORDER_NUMBER]<br>
        [ORDER_DATE]
      </div>
    </div>

    <div class="shipping-address">
      <div class="label">Enviar a</div>
      <div>
        [SHIP_NAME]<br>
        [SHIP_ADDRESS]<br>
        [SHIP_CITY_STATE_ZIP]
      </div>
    </div>

    <div class="items">
      <div class="items-title">Artículos de este envío</div>
      <!-- Repetir por cada artículo -->
      <div class="item">
        <span class="checkbox"></span>
        <span>([QTY]) [DESCRIPTION]</span>
      </div>
    </div>

    <div class="footer">
      ¡Gracias por comprar con nosotros!<br>
      [WEBSITE]
    </div>
  </div>
</body>
</html>

Albarán de marca con marketing

Incluye contenido promocional y redes sociales. Excelente para construir marca.

Ver código HTML (para desarrolladores)
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>¡Gracias por tu pedido!</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: 'Segoe UI', Arial, sans-serif; font-size: 14px; color: #333; }
    .container { max-width: 650px; margin: 0 auto; padding: 30px; }
    .header { text-align: center; padding: 30px; background: linear-gradient(135deg, [BRAND_COLOR] 0%, [BRAND_COLOR_2] 100%); color: white; border-radius: 10px; margin-bottom: 25px; }
    .logo { font-size: 32px; font-weight: bold; margin-bottom: 5px; }
    .tagline { font-size: 14px; opacity: 0.9; }
    .order-bar { display: flex; justify-content: space-between; padding: 15px 20px; background: #f8f8f8; border-radius: 8px; margin-bottom: 25px; }
    .greeting { font-size: 18px; margin-bottom: 20px; }
    .items-section { margin-bottom: 25px; }
    .items-title { font-weight: bold; margin-bottom: 15px; text-transform: uppercase; font-size: 12px; color: #666; }
    .item { display: flex; align-items: center; padding: 12px; background: #f9f9f9; margin-bottom: 8px; border-radius: 6px; }
    .item-check { color: [BRAND_COLOR]; margin-right: 12px; font-size: 18px; }
    .promo-box { background: linear-gradient(135deg, #fff6e5 0%, #ffe4cc 100%); padding: 20px; border-radius: 10px; text-align: center; margin-bottom: 25px; }
    .promo-title { font-size: 16px; font-weight: bold; margin-bottom: 8px; }
    .promo-code { font-size: 24px; font-weight: bold; color: [BRAND_COLOR]; background: white; display: inline-block; padding: 8px 20px; border-radius: 5px; margin-top: 10px; }
    .social-box { background: #333; color: white; padding: 20px; border-radius: 10px; text-align: center; margin-bottom: 25px; }
    .footer { text-align: center; font-size: 12px; color: #888; }
  </style>
</head>
<body>
  <div class="container">
    <div class="header">
      <div class="logo">[COMPANY_NAME]</div>
      <div class="tagline">[TAGLINE]</div>
    </div>

    <div class="order-bar">
      <span><strong>Pedido n.º [ORDER_NUMBER]</strong></span>
      <span>Fecha de envío: [SHIP_DATE]</span>
    </div>

    <div class="greeting">
      ¡Hola, [CUSTOMER_FIRST_NAME]! 👋<br>
      <span style="color: #666; font-size: 14px;">¡Gracias por tu pedido! Esperamos que te encante.</span>
    </div>

    <div class="items-section">
      <div class="items-title">Tus artículos</div>
      <div class="item">
        <span class="item-check">✓</span>
        <span>[ITEM_DESCRIPTION]</span>
      </div>
    </div>

    <div class="social-box">
      <div style="font-size: 16px; margin-bottom: 8px;">⭐ ¡COMPARTE TU ESTILO! ⭐</div>
      <div style="font-size: 13px; opacity: 0.8;">¡Etiquétanos @[SOCIAL_HANDLE] y podrías aparecer en nuestro perfil!</div>
    </div>

    <div class="promo-box">
      <div class="promo-title">🎁 TU OFERTA EXCLUSIVA</div>
      <div style="font-size: 13px;">¡15% de descuento en tu próxima compra!</div>
      <div class="promo-code">[PROMO_CODE]</div>
    </div>

    <div class="footer">
      📧 [EMAIL] | 🌐 [WEBSITE]<br>
      📱 @[SOCIAL_HANDLE] en Instagram, TikTok y Twitter
    </div>
  </div>
</body>
</html>

Cómo usar estas plantillas

1

Copia el HTML

Haz clic en "Copiar HTML" en la plantilla que elijas. El código HTML completo se copiará a tu portapapeles.

2

Reemplaza los marcadores

Busca y reemplaza los marcadores entre corchetes como [COMPANY_NAME], [ORDER_NUMBER], [SHIP_NAME], etc. Usa las etiquetas de combinación de tu plataforma de e-commerce si están disponibles.

3

Personaliza colores y marca

Actualiza los colores del CSS para que coincidan con tu marca. Reemplaza [BRAND_COLOR] con tu código de color hexadecimal (por ejemplo, #6366f1). Añade la URL de la imagen de tu logo.

4

Imprime una prueba

Abre el archivo HTML en un navegador e imprime una página de prueba. Ajusta los márgenes y el tamaño según sea necesario. La mayoría de las plantillas están diseñadas para papel carta/A4 estándar.

5

Intégralo con tu plataforma

Súbelo a Shopify, WooCommerce o tu software de envíos. La mayoría de las plataformas tienen una sección de plantillas personalizadas en la configuración de albaranes.

Guías de integración por plataforma

🛒

Shopify

Ve a Configuración → Envíos → Albaranes. Haz clic en "Editar" y pega tu plantilla HTML. Usa las variables Liquid de Shopify para los datos dinámicos.

{{ order.name }}, {{ shipping_address.name }}
🔌

WooCommerce

Instala un plugin de albaranes como "WooCommerce PDF Invoices". Ve a WooCommerce → PDF Invoices → Templates y sube tu plantilla personalizada.

{{order_number}}, {{shipping_first_name}}
📦

atoship

atoship genera albaranes automáticamente con tu marca. Ve a Configuración → Documentos → Albaranes para personalizar la plantilla.

Empieza gratis →

Preguntas frecuentes

¿Qué es un albarán?

Un albarán es un documento que se incluye dentro de un envío y que detalla el contenido del paquete. Ayuda al destinatario a verificar que recibió los artículos correctos y facilita al personal del almacén la preparación y el empaque preciso de los pedidos. A diferencia de las facturas, los albaranes normalmente no incluyen precios.

¿Cuál es la diferencia entre un albarán y una factura?

Un albarán detalla los artículos de un envío con fines de verificación y por lo general no incluye precios. Una factura es un documento de pago que incluye precios, totales y condiciones de pago, y se usa para la contabilidad. Muchos negocios incluyen el albarán dentro de la caja y envían la factura por separado por correo electrónico.

¿Debo incluir precios en mi albarán?

Depende de tu modelo de negocio. En el retail B2C, sobre todo en pedidos de regalo, lo mejor es omitir los precios. En pedidos mayoristas B2B, incluir los precios puede ser útil para el departamento de recepción. Algunas plataformas permiten crear ambas versiones.

¿Qué información debe llevar un albarán?

La información esencial incluye: nombre/logo de la empresa, número de pedido, fecha del pedido, dirección de envío, lista de artículos con SKU/descripción/cantidad, e información de contacto para consultas. Los elementos opcionales incluyen la dirección de facturación, los precios, las instrucciones especiales y el contenido promocional.

¿Cómo creo albaranes de forma automática?

La mayoría de las plataformas de e-commerce (Shopify, WooCommerce, BigCommerce) cuentan con generadores de albaranes integrados o apps disponibles. Un software de envíos como atoship puede generar e imprimir albaranes automáticamente junto con las etiquetas de envío.

¿Debo usar albaranes en papel o digitales?

Los albaranes en papel dentro de la caja siguen siendo lo habitual, ya que el cliente los ve de inmediato al abrir el paquete. Sin embargo, los albaranes digitales por correo electrónico son ecológicos y pueden incluir elementos interactivos. Muchos negocios usan ambos.

¿Puedo incluir marketing en mi albarán?

¡Sí! Los albaranes son una gran oportunidad de marketing, ya que está garantizado que se verán. Incluye códigos de descuento, tus perfiles de redes sociales, solicitudes de reseñas o información de tu programa de referidos. Solo procura que el marketing no eclipse su propósito principal: verificar el contenido.

¿Cómo imprimo albaranes de forma eficiente?

Para envíos de alto volumen, invierte en una impresora térmica para los albaranes. Son más rápidas y económicas de operar que las de inyección de tinta o láser. Usa un software de envíos que imprima los albaranes por lotes junto con las etiquetas para ahorrar tiempo.

Imprime etiquetas y albaranes juntos

atoship genera automáticamente etiquetas de envío y albaranes que combinan entre sí. Ahorra tiempo con la impresión por lotes y una imagen de marca profesional.

Empieza gratis hoyVer funciones de impresión