Mail i Vendre

Ändra mailen som skickas till kund

Kan man programmera om mailen?

Ja! Du kan programmera om alla mail i Vendres system. Dock kräver det ganska mycket kunskap i hur mail fungerar och bör programmeras. Vi rekommenderar inte att ändra layouten i mailen då det tar mycket tid att testa mot alla olika e-postklienter.

Hur gör man?

Om du ska ändra mail så går du till designmappen och sen till mappen emails i mappen finns alla mail som skickas från systemet. Är mappen tom på din FTP så får du gå in via admin och klona de mail du önskar klona.

Anpassningar i mailmallarna

För att anpassa mailen så går du till email.html under mappen /email/ i template-mappen i butiken.

Observera att du alltid jobbar live med mailen. Därför är det klokt att ladda upp de nya mailmallarna med ett nytt namn, ex. email_new och sen göra de ändringar man tror sig önska baserat på loggan som är uppladdad i admin. Sen byter namn namn på den gamla email till ex. Email_old och byter namn på email_new till email. Då är de nya live. Du går sen in under Order > Orderbekräftelse. Ser så att det ser bra ut och gör mindre ändringar.

Behöver du göra större ändringar behöver du göra detta på en testbutik där du laddar upp rätt logo för att testa. Sen när du är klar kan du ladda över filerna på rätt butik som ligger live.

Variabler i mailmallarna

Variabel	Förklaring
background_color	Bakgrundsfärg (RGB)
border_color	Färg på ramar (RGB)
max_width	Maxbredd på mailet på stora skärmar
show_about_vendre	Visar texten "Shoppingupplevelse skapad av Vendre". Obs! Får ej tas bort utan specifikt avtal med Vendre.
show_variant_options	Väljer om man vill visa variantvalen i orderbekräftelsen eller ej. Det står nämligen ibland i produktnamnen (beroende på konfiguration) och då vill man inte alltid ha det specificerat under själva produktnamnet också.
show_box_shaow	Sätt till True om du vill visa skugga under boxar. Kräver att du inte har fullbredd påslaget.
set_general_radius	Lägg in en generell rundning på boxar och knapp i mailet. Observera att vissa e-postklienter inte stödjer denna rundning. Där visas det raka hörn.
general_cellpadding	Generellt avsånd till kanter i mailen. Öka för att göra luftigare. Ökar du mycket bör mailen testas om i samtliga webbläsare via Litmus (minst 3 h jobb)
show_products_modell_number	Välj om artikelnummer ska visas i mail
show_link_to_account	Ange om länkning ska gå till "mina sidor" på orderbekräftelse och orderstatusuppdatering
show_billing_address	Anger om faktureringsadress ska visas. Oftast onödigt i B2C men om inte rätt faktureringsadress finns i e-handeln kan den inaktiveras även B2B.
show_create_password_for_new_customers	Kan användas om man har "mitt konto" på butiken men inte kräver inloggning i kassan. Då genereras ett nytt lösenord till kunden när man gör sin första order. På kommande order visas inget lösenord. Ska ej användas B2B där kunderna blir inbjudna till e-handeln. Då kommer deras lösenord att bli återställt vid deras första order.
show_create_password_on_customer_activation	Bör vara påslaget som standard. Genererar ett nytt lösenord när ett nytt kundkonto skapas (användare på ett kundkonto får dock alltid det lösenord som administratören anger i admin) Läs mer om användare

{% set background_color = "#ebebeb" %}
{% set border_color = "#dddddd" %}
{% set max_width = "550px" %}
{% set show_about_vendre = true %}
{% set show_variant_options = false %}
{% set show_box_shadow = false %}

{% set box_shadow = '' %}
{% if show_box_shadow %}
{% set box_shadow = 'box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);' %}
{% endif %}

{% if max_width == "" %}
  {% set general_radius = "0" %}
  {% set general_cellpadding = "0" %} {# Do not add px to the end #}
  {% set background_color = "#ffffff" %}
  {% set box_shadow = '' %}
  {% set border_color = "#ffffff" %}
{% else %}
  {% set general_radius = "4px" %}
  {% set general_cellpadding = "8" %} {# Do not add px to the end #}
{% endif %}

{% set show_products_model_number = true %}
{% set show_link_to_account = false %}
{% set show_billing_address = true %}
{% set show_create_password_for_new_customers = false %}
{% set show_password_on_customer_activation = true %}

Logotyp i mail

För att ladda upp en logga som passar bra till mailet bör bakgrunden vara transparent och loggan bör vara i proportioner 400 px bred och 60 px hög. Visningen är max 200 px x 30 px men för retinaskärmar är det fördelaktigt att ha en dubbelt så stor bild som skickas med. Du kan ladda upp en ännu större bild om du önskar men håll gärna proportionerna i den mån det går.

Tips på styling

Prova gärna något av följande:

Stilrent vitt mail

Sätt background-color till #FFF och border-color till #FFF

Stilrent vitt mail med bara border

Sätt background-color till #FFF och border-color till butikens primära eller sekundära färg i deras grafiska profil

Border-radius

Ändra set_general_radius till 0 för att få ett "kantigare" och i vissa fall mer designat intryck.

Dra ner på maxwidth

Om du önskar ett mer mobilanpassad upplevelse (Det ser dock lika ut i mobilt ändå men det kan upplevas modernare)

Om du vill bygga ut mailen

Det är ofta svårt att få det precis som man vill eftersom ett mail som ser bra ut i ex. gmail inte alltid ser bra ut i Apples klient Mail eller Windows Outlook 2013. Detta gör att man ibland får ha en vision på önskat utseende och sen jobba sig mot det. Det är dock en process som tar tid vilket gör att det ofta är klokt att använda Vendres mall.

Sätt att påverka innehållet

Ändra texter

I språkhanteringen kan du komma åt alla texter som finns i mailen. Gå till Inställningar > Språk > [önskat språk du vill ändra] > Ändra texter. Sök på "EMAIL_" i fältet där det står Definition så kommer du att få fram alla texter som har att göra med mail. Om det mot förmodan inte kommer från så tömmer du det fältet och söker på den text som står i mailet (som du vill ändra på) i fältet Sök på text i butiken. Tänk på att bara söka på något enskilt ord eftersom det kan vara kod med i strängen du söker på.

Om du då inte får upp rätt sträng kan det bero på att den kommer från databasen. Exempelvis en produkt, frakt eller betalsätt. Då behöver du ändra på det stället i butiken där den texten definieras. Kontakta vår support om du inte hittar.

Infotexter om frakt och betalsätt

På respektive frakt och betalsätt i admin finns det en text som heter Orderbekräftelsebeskrivning. Här kan du lägga in information om betalsättet eller fraktsättet som du vill ska synas på orderbekräftelsen längst ner. Det går att skriva HTML i detta fält.

Orderbekräftelse

I detta exempel finns ej knapp till mitt konto med eller uppgifter om kunden har ett nytt konto. Kan aktiveras om så önskas.

Uppaterad order med kollinummer

Första bilden: Med knapp till mitt konto (inställning)
Andra bilden: Utan knapp till mitt konto (inställning)

slider-image-https://support.vendre.io/image/553/appmail11-vertical-allowed-1366_delivered.png

Välkommen som kund

Mailet skickas när kunden själv registrerar sig om ni har en sån funktion. Skickas inte om kunden "registrerar sig" i kassan i samband med en ny order. Då skickas enbart orderbekräftelsen. Inloggningen har kunden själv valt när denne registrerade sig på er butik, därav skickas den av säkerhetsskäl ej med i mailen.

Glömt lösenord

Skickas när kunden själv angett att de har glömt sitt lösenord eller om ni själva klickar på den knappen på kundens kundkort i admin.

Ny användare på kundkonto

Skickas om du har användarkonton på kunder (så att flera kan logga in och lägga order på samma kundnummer). Beställs via Vendres support.

Uppdaterat lösenord för användare på kundkonton