Afbeeldingen

Leer meer over het toevoegen van afbeeldingen aan je kaarten.

Wat voor afbeelding?

In B2B toepassingen wordt het logo vaak gebruikt voor het personaliseren van kaarten, maar je kunt ook denken aan een foto van:

  • het favoriete product van je webshop klant

  • het team van de vestiging waarbinnen je collega werkzaam is

  • het huisdier van je klant

Dit zijn nog maar een paar van de eindeloze mogelijkheden. We gebruiken dit voorbeeld in dit artikel even het voorbeeld van het logo van je prospect organisatie, maar het principe is voor elk type afbeelding hetzelfde.

Afbeelding formaten

Afbeeldingen gebruiken In je ontwerpen kun je de volgende afbeeldingen gebruiken:

  • Elk bestandsformaat dat een reguliere browser ondersteunt (bijv. JPG, PNG, WebP, etc.);

  • Kleurenprofiel RGB of sRGB (geen CMYK);

  • 300 dpi (voor de juiste scherpte);

  • Voor achtergrondafbeeldingen: gebruik de afmetingen van het gewenste kaartformaat. Je kunt de afmetingen vinden rechtsonder in de editor of op de pagina met ontwerpspecificaties.

Is dit wat je zocht? Laat me weten als er nog iets aangepast moet worden!

Hosting van afbeeldingen

Je kunt afbeeldingen uploaden in onze portal of in de editor en in je designs gebruiken. Als je een externe bron wilt gebruiken in plaats van je afbeeldingen in onze portal uploaden, houd dan rekening met de volgende punten:

  • Je server moet veel requests kunnen behandelen als je veel kaarten tegelijk verstuurt;

  • Een Google Drive map is niet voldoende en erg onstabiel;

  • Elke bestelling met afbeeldingen welke geen 2xx HTTP status code terug geven, zullen falen.

We raden je stevig aan om toch onze upload functie in de portal of editor te gebruiken om te garanderen dat bestellingen succesvul verstuurd zullen worden.

Wanneer je gebruik maakt van een firewall om de statische afbeeldingen te beschremen, kun je onderstaande informatie gebruiken om ons te whitelisten.

IP address

34.147.66.4

User Agent

Mozilla/5.0 Print.one-Renderer/2.0 +https://print.one

Kaarten personaliseren met afbeeldingen

Beste {{Voornaam}}. Deze vorm van personalisatie kennen de meesten wel. Het gebruik van gepersonaliseerde afbeeldingen wordt wat minder toegepast. Zonde, want het is een uitstekende manier om op te vallen. Wij leggen je uit hoe je met Print.one eenvoudig per ontvanger een variabele afbeelding inlaadt.

Wat je nodig hebt

Aan de slag! We beginnen met het verzamelen van de onderstaande ingrediënten:

  • Logo’s Van de organisaties die je een kaart wilt sturen.

  • Verzendlijst In csv-formaat, met kolommen voor de adresgegevens.

  • Design voor een kaart Een mooi ontwerp, met daarbinnen een variabele afbeelding waar we het logo gaan plaatsen.

1. De logo’s voorbereiden

We beginnen met het voorbereiden van de logo’s. Hiervoor is het van belang dat deze een consistente verhouding hebben. In dit voorbeeld hebben we gekozen voor vierkante logo’s, omdat deze gemakkelijker op een mooie manier te verwerken zijn in het ontwerp van je kaart, maar dit is niet strikt noodzakelijk.

Naamgeving van de logo’s

Dit is een belangrijke stap om ervoor te zorgen dat het juiste logo, op de juiste kaart van de ontvanger kan worden geplaatst. In dit geval zorgen we ervoor dat de naam van het logo overeenkomt met de naam van de organisatie. Dat ziet er als volgt uit:

Naam organisatie

Naam logo

Voorbeeldbedrijf

Voorbeeldbedrijf.png

Print.one

Print.one.png

Wanneer je dit gedaan hebt, dan kunnen we door naar de volgende stap: het uploaden. Heb je zelf online opslag? Dan kun je deze eenvoudig gebruiken en deze stap overslaan.

2. Logo’s uploaden

We gaan nu de logo’s, die allemaal voorzien zijn van dezelfde naamgeving, uploaden in ons Print.one account. Dit doen we door in ons account te klikken op ‘Files’. Rechtsboven klik je op ‘Choose file’. Kies nu al je logo’s en upload ze. Jouw Print.one account wordt standaard geleverd met 250 MB opslag, houd dus rekening met de grootte van je bestanden.

Wanneer de upload is voltooid zie je iets dat lijkt op het onderstaande scherm.

De logo’s staan klaar, we gaan ze nu in het design van je kaart verwerken.

3. Variabele afbeelding invoegen in je kaart

Nu komt ‘the secret sauce’. We gaan ervoor zorgen dat de logo’s netjes worden geplaatst op de plek waar jij ze wilt hebben. Navigeer hiervoor naar ‘Design Templates’ en klik op ‘Create new design’ of open een kaart die je al eerder hebt gemaakt.

In dit voorbeeld hebben we alvast een vierkant logo van Print.one geplaatst. Dit logo blijft vaststaan, maar ernaast willen we het logo gaan plaatsen van de ontvanger.

Om dat voor elkaar te krijgen klikken we in de rechter menubalk op ‘Images (foreground)’ en vervolgens op de knop ‘Variable image per recipient’.

Aangezien we vierkante logo’s willen gebruiken, voeren we hier alvast het formaat in: 200 bij 200 pixels. Uiteraard kan dit ieder gewenst formaat zijn.

Nu gaan we de variabele een naam geven door het veld ‘Name of variable’ in te vullen. Voor nu vullen we daar even ‘company-logo’ in. Klik daarna op ‘Place image’ en positioneer de grijze afbeelding placeholder op de gewenste plek op je kaart.

Dan gaan we nu een kleine code aanpassing doen. Geen zorgen, we loodsen je er doorheen.

4. Variabele verwijzen naar je logo’s in Print.one account

Ben je er nog? Top! In de vorige stap hebben we een variabele afbeelding toegevoegd. Deze werkt nu al wanneer je de logo’s hebt opgeslagen op je eigen online opslag. Je kunt dan met linkjes verwijzen naar de juiste logo’s. Maar in dit voorbeeld hebben we de logo’s opgeslagen in jouw Print.one account. Om die te gebruiken moeten we even iets aanpassen.

Linksonder vind je een knopje om de code aan te passen. Dat ziet er zo uit.

Als je daarop klikt zie je iets wat hierop lijkt:

Daar vinden we de aangemaakte variabele afbeelding terug die we ‘company-logo’ hebben genoemd. Dit stukje code zullen we iets moeten aanpassen. 

Verander dit: {{ company-logo }} In dit:   {{{ file company-logo }}}

Klik op ‘Save’ en that’s it!

We hebben nu het systeem vertelt om te zoeken naar afbeeldingen binnen ons Print.one account, in plaats van een externe server.

5. CSV inladen en variabelen koppelen

Spring nu over naar Drip Orders, want we gaan de kolommen in je CSV-bestand, koppelen aan de variabelen in je kaart. Klik op ‘Import’, CSV en dan op ‘Next’.

Upload je CSV en kies je gemaakte design op de stap erna. Doorloop het proces van het ‘mappen’ van je adresgegevens.

Bij de stap ‘Personalize Cards’ gaan we ervoor zorgen dat het juiste logo wordt ingeladen. Hiervoor hadden we de variabele afbeelding ‘company-logo’ aangemaakt. Bij dat veld kiezen we dus voor de gegevens uit de kolom bedrijfsnaam en voegen we achter de variabele .png als extra tekst toe. Let erop dat je de automatisch toegevoegde spatie verwijderd. Je veld moet er dan als volgt uitzien:

Controleer of alles goed is gegaan door op ‘Next’ te klikken en controleer de preview.

Je kaart zou er dan ongeveer zo uit moeten zien. Gepersonaliseerd en klaar om je ontvangers te verrassen.