Personalización de notas de entrega.

Puedes personalizar la plantilla de tus notas de entrega. Cambiar la plantilla le permite agregar tu propia marca y cambiar la apariencia de la nota de entrega.

Cambiar la dirección de la tienda

Si deseas editar o cambiar la dirección de tu tienda, puedes ir a Configuración > Información de la tienda y editarla.

Si solo deseas cambiar la dirección en tus notas de entrega, sigue los pasos siguientes.

Pasos:

1. En el panel de control de Shopify, ve a Configuración > Envío y entrega.

2. En la sección Notas de entrega, haz clic en Editar.

3. Busca la variable de Liquid {{ shop_address.summary }} que hace referencia a la dirección de tu tienda. Si no encuentras esta variable, intenta con la siguiente:

{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}

1. Selecciona este código y elimínalo.
2. Escribe la dirección que deseas que aparezca en tus notas de entrega en este espacio vacío. Por ejemplo, puedes escribir tu dirección para que se muestre así:123 Example Street, New York, NY, 10000, United States
3. Haz clic en Vista previa de la plantilla para ver tus cambios.
4. Haz clic en Guardar.

Eliminar imágenes de productos

Puedes eliminar las imágenes de tus productos que aparecen junto a los títulos de productos en tus notas de entrega.

Pasos:

1. En el panel de control de Shopify, ve a Configuración > Envío y entrega.

2. En la sección Notas de entrega, haz clic en Editar.

3. Ubica las siguientes variables Liquid que hacen referencia a las imágenes de tus productos:

{% if line_item.image != blank %}
       <div class="flex-line-item-img">
         <div class="aspect-ratio aspect-ratio-square" style="width: {{ desired_image_size }}px; height: {{ desired_image_size }}px;">
           {{ line_item.image | img_url: effective_image_dimensions | img_tag: '', 'aspect-ratio__content' }}
         </div>
       </div>
       {% endif %}

1. Selecciona este código y elimínalo.

2. Haz clic en Vista previa de la plantilla para ver tus cambios.

3. Haz clic en Guardar.

Editar logo

Antes de agregar el logo de tu tienda a tus notas de entrega, debes cargar tu logo en tu panel de control de Shopify. Necesitas la URL que se asigna a tu archivo para usarla en tus notas de entrega.

Después de cargar el logo en tu tienda, puedes agregar tu logo y eliminar el nombre de tu tienda, agregar tu logo sobre el nombre de tu tienda o agregar tu logo junto al nombre de tu tienda.

Pasos:

1. Desde el panel de control de Shopify, ve a Contenido > Archivos.

2. Haz clic en Cargar archivos.

3. Selecciona y carga el logo de tu tienda desde tu dispositivo.

4. Copia la URL del archivo cuando se complete la carga.

Agregar logo y eliminar nombre de tienda

Puedes eliminar el nombre de tu tienda y reemplazarlo con el logo de tu tienda en la parte superior de tus notas de entrega.

Pasos:

1. En el panel de control de Shopify, ve a Configuración > Envío y entrega.

2. En la sección Notas de entrega, haz clic en Editar.

3. Ubica el siguiente código que hace referencia al nombre de tu tienda:

<p class="to-uppercase">
  {{ shop.name }}
</p>

1. Selecciona este código y elimínalo.
2. En el espacio que has creado, escribe el siguiente código y pega la URL copiada donde se indica:

<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">

1. Seleccione Vista previa de plantilla de para ver tus cambios.
2. Haz clic en Guardar.

Agregar logo encima del nombre de la tienda

Si deseas agregar tu logo encima del nombre de tu tienda en la parte superior de tus notas de entrega, sigue los pasos siguientes.

Pasos:

1. En el panel de control de Shopify, ve a Configuración > Envío y entrega.

2. En la sección Notas de entrega, haz clic en Editar.

3. Ubica la siguiente variable Liquid que hace referencia al nombre de tu tienda y agrega un salto de línea entre las dos líneas:

<div class="shop-title">
      |
      <p class="to-uppercase">

1. En el espacio que has creado, escribe el siguiente código y pega la URL copiada donde se indica:

<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<br>

1. Seleccione Vista previa de plantilla de para ver tus cambios.
2. Haz clic en Guardar.

Agregar logo al lado del nombre de la tienda

Si deseas agregar tu logo al lado del nombre de tu tienda en la parte superior de tus notas de entrega, sigue los pasos siguientes.

Pasos:

1. En el panel de control de Shopify, ve a Configuración > Envío y entrega.

2. En la sección Notas de entrega, haz clic en Editar.

3. Ubica la siguiente variable Liquid que hace referencia al nombre de tu tienda:

<p class="to-uppercase">
{{ shop.name }}
</p>

1. Selecciona este código y elimínalo.
2. En el espacio que has creado, escribe el siguiente código y pega la URL copiada donde se indica:

<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<span class="to-uppercase">
  {{ shop.name }}
</span>

1. Ubica las siguientes variables Liquid:

.shop-title {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  font-size: 1.9em;
}

1. Agrega una nueva línea al final de las variables mencionadas anteriormente y pega el siguiente código:

.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}

1. Seleccione Vista previa de plantilla de para ver tus cambios.
2. Haz clic en Guardar.

Define el estilo del formulario de empaque con CSS

Consejo

Para diseñar tus plantillas con CSS necesitas conocimientos avanzados de HTML y CSS.

Puedes personalizar tu formulario de empaque usando los archivos CSS que subes a Shopify. Los archivos CSS alojados fuera de Shopify no se renderizarán correctamente.

Pasos:

1. Desde el panel de control de Shopify, ve a Contenido > Archivos.

2. Haz clic en Cargar archivos.

3. Selecciona y sube tu archivo CSS.

4. Copia la URL del archivo cuando se complete la carga.

5. Incluye el siguiente código:

<link
  rel="stylesheet"
  type="text/css"
  href="https://cdn.shopify.com/path_to_file/styles.css"
>