Spring videre til hovedindholdet

Design jeres egen følgeseddel

Bestem selv hvordan jeres følgeseddel skal designes med vores dokumentdesigner.

Opdateret for over 2 uger siden

Denne feature kræver Shipmondo Pro. Se listen over funktioner.

Når I printer følgesedler, der skal pakkes med i forsendelserne, har Shipmondo en fast skabelon til designet på dokumentet.

Men det er også muligt at designe jeres egen følgeseddel i vores dokumentdesigner.

Design følgeseddel

Log ind på jeres Shipmondo-konto og gå til Indstillinger > Dokumentdesigner.

Klik på Følgeseddel, hvorefter designeren kommer frem.

I designeren er koden til standardskabelonen fra Shipmondo, som I nu kan vælge at lave om på. I kan både vælge at designe noget selv, eller bruge én af de andre designskabeloner til følgeseddel, som vi har designet.

Dem finder I ved at klikke på de tre prikker oppe i højre hjørne. Når I klikker Importer dokumentdesign, kommer der fire forskellige designskabeloner frem; Standard, Bokse, Udvidet og Billeder.

Herunder vises designskabelonen for Billeder.

Løbende kan I lave en forhåndsvisning, for at se om jeres rettelser er lavet og bliver vist korrekt. Forhåndsvisningen dukker op som en PDF-fil.

Herefter kan I trykke Gem, og jeres nye skabelon bruges nu som udgangspunkt for jeres følgesedler.

Eksempler på ændringer

Egentlig kan I designe jeres følgeseddel lige som I vil. Men I kan også bare ændre småting på det oprindelige design. Herunder kan I se et par eksempler på, hvad der kan ændres, og hvordan det skal gøres.

Vi gennemgår eksemplerne med udgangspunkt i designskabelonen Billeder.

Eksempel 1: I kan tilføje kundens e-mail på følgesedlens dokumenthoved.

Kode som tilføjer modtager e-mail:

{{ order.ship_to.email }}

Kodeblok efter indsættelse af ovenstående kode under <section class=”order-details”>:

<section class="order-details">
<div>
<h3>{{ "receiver" | translate }}</h3>
{{ order.ship_to.name }}{% if order.ship_to.attention != blank %} / {{ order.ship_to.attention }}{% endif %}<br>
{{ order.ship_to.address1 }}<br>
{% if order.ship_to.address2 != blank %}{{ order.ship_to.address2 }}<br>{% endif %}
{{ order.ship_to.country.code }}-{{ order.ship_to.zipcode }} {{ order.ship_to.city }}<br>

<!-- Adding receiver's email -->
{{ order.ship_to.email }}<br>

{{ order.ship_to.mobile }}
</div>
..

Resultat (følgeseddel hoved):

Eksempel 2: I kan tilføje salgspriser til varelinjerne ved at tilføje en ny kolonne til tabellen, under <table>.

Kode til at tilføje en ny kolonneoverskrift i tabellen:

<th class="num" style="width: 22mm;">{{ "price" | translate }}</th>

Kode som tilføjer produktprisen til varelinjerne:

<td class="num">{{ item_line.unit_price | format_currency: item_line.currency_code }}</td>

Kodeblok efter indsættelse af ovenstående kode under <table>:

<table>
<thead>
<tr>
<th style="width: 22%;">{{ "sku" | translate }}</th>
<th style="width: 20mm;"></th>
<th>{{ "item_name" | translate }}</th>
<th class="num" style="width: 14mm;">{{ "quantity" | translate }}</th>

<!-- Adding a price column header to the table -->
<th class="num" style="width: 22mm;">{{ "price" | translate }}</th>
</tr>
</thead>
<tbody>
{% for item_line in fulfillment.item_lines %}
<tr>
<td>{{ item_line.sku }}</td>
<td>{% image item_line %}</td>
<td>
{{ item_line.name }}{% if item_line.variant_code != blank %} ({{ item_line.variant_code }}){% endif %}
{% if item_line.custom_product_data != blank %}
<div class="product-data">
{% for product_data in item_line.custom_product_data %}
<div class="product-data-item">{{ product_data }}</div>
{% endfor %}
</div>
{% endif %}
</td>
<td class="num">
{{ item_line.shipped_quantity }}
</td>

<!-- Adding product price to the item lines -->
<td class="num">{{ item_line.unit_price | format_currency: item_line.currency_code }}</td>
</tr>
{% endfor %}
</tbody>
</table>

Resultat (varelinjer på følgeseddel):

Eksempel 3: For at gøre returnering nemmere, kan I også med det samme tilføje en QR-kode, som kunderne kan bruge til returnering af deres ordre.

Kodeblok som tilføjer QR-kode til returportalen:

<style>
.barcode-container {
margin-top: 6.5mm;
text-align: center;
break-inside: avoid;
page-break-inside: avoid;
}
</style>

<div class="barcode-container">
<p>Thank you for shopping with us.</p>
<p>To return an item, please scan the QR code below.</p>

{%- comment -%}
Important!
Update return_portal_base_url to the correct URL for your return portal
{%- endcomment -%}

{% assign return_portal_base_url = 'https://return-demo.shipmondo.com/return-united-kingdom-4700343' %}

{%- assign order_num = order.number | url_encode -%}
{%- assign email_enc = order.ship_to.email | url_encode -%}

{%- assign return_portal_url =
return_portal_base_url
| append: '?order_number=' | append: order_num
| append: '&email=' | append: email_enc
| append: '&search=true'
-%}

{% qr_code return_portal_url %}
</div>

Resultat (følgeseddel bund):

I eksemplet herunder er noten “Thank you …” indsat som fast tekst, men der kan oprettes en oversættelsesnøgle (se næste afsnit), så sproget følger dokumentets sprog (modtagers sprog).

Sprogstyring på dokumenter

Det er også muligt at styre sproget på følgesedlen med vores oversættelsesværktøj.

Her kan man både tilvælge flere sprog, hvis man er aktiv på andre markeder, og man kan både oprette og oversætte specifikke oversættelsesnøgler med vores oversættelsesværktøj.

Det kunne eksempelvis være product_image, price og customer til jeres følgeseddel.

Ønsker I at læse mere om vores oversættelsesværktøj og lære, hvordan I bruger det, kan I læse meget mere i vores guide.

Besvarede dette dit spørgsmål?