[{"data":1,"prerenderedAt":716},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Fguides\u002Fdata-to-personalised-visuals":3},{"id":4,"title":5,"body":6,"category":682,"description":683,"extension":684,"keywords":685,"meta":707,"navigation":708,"order":709,"path":710,"published":711,"rawbody":712,"seo":713,"stem":714,"updated":711,"__hash__":715},"helpDe\u002Fhelp\u002Fguides\u002Fdata-to-personalised-visuals.de.md","Aus Daten personalisierte Visuals machen: drei Levels",{"type":7,"value":8,"toc":673},"minimark",[9,13,22,27,30,38,117,140,157,161,164,170,174,182,250,253,263,273,277,284,291,374,384,390,398,402,405,420,430,447,456,610,623,627,646,649],[10,11,12],"p",{},"Du hast eine Liste mit Namen, Fotos und Terminen und willst daraus für jede Person eine eigene Grafik machen. Dieser Guide zeigt drei Wege dahin, an einem Beispiel von der Tabelle bis zu der Person, die ihr Bild teilt. Jedes Level spart einen Arbeitsschritt des vorherigen. Lies ihn einmal ganz, bevor du anfängst. Jeden einzelnen Klick findest du in den verlinkten Anleitungen.",[10,14,15],{},[16,17],"img",{"alt":18,"src":19,"width":20,"title":21},"Sechs Speaker-Banner aus dem Beispiel, jedes mit Foto, Vortrag, Name, Rolle, Bühne, Tag und Uhrzeit.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-guide-data-visuals-01\u002Fpublic?v=72a59422",938,"Sechs der 17 Banner aus diesem Guide, jedes aus einer Zeile der Speaker-Liste.",[23,24,26],"h2",{"id":25},"das-beispiel-speaker-banner-für-den-ylw-summit","Das Beispiel: Speaker-Banner für den YLW Summit",[10,28,29],{},"Der YLW Summit ist eine erfundene Konferenz mit Messe, vom 2. bis 4. April 2026 in Köln. Das Event-Team will allen 17 Speakern vor dem Event ein Banner geben, das sie auf LinkedIn teilen: mit Foto, Name, Rolle und Vortrag. Für Aussteller, Partner oder Teilnehmer geht es genauso.",[10,31,32,33,37],{},"Zwei Dinge gibt es schon. Das erste ist die ",[34,35,36],"strong",{},"Speaker-Liste",". Das Team pflegt sie in einer Tabelle und speichert sie als CSV-Datei, mit einer Zeile pro Speaker:",[39,40,41,63],"table",{},[42,43,44],"thead",{},[45,46,47,51,54,57,60],"tr",{},[48,49,50],"th",{},"name",[48,52,53],{},"role",[48,55,56],{},"session_title",[48,58,59],{},"session_day",[48,61,62],{},"session_time",[64,65,66,84,101],"tbody",{},[45,67,68,72,75,78,81],{},[69,70,71],"td",{},"Maren Holtkamp",[69,73,74],{},"Head of Product \u002F Nordlicht Robotics",[69,76,77],{},"Teaching Warehouse Robots to Say No: …",[69,79,80],{},"02 April",[69,82,83],{},"10:30",[45,85,86,89,92,95,98],{},[69,87,88],{},"Tobias Reinke",[69,90,91],{},"CEO \u002F Nordlicht Robotics",[69,93,94],{},"From Pilot to Fleet: …",[69,96,97],{},"03 April",[69,99,100],{},"14:00",[45,102,103,106,109,112,114],{},[69,104,105],{},"Priya Raghunathan",[69,107,108],{},"Data Scientist \u002F Helio Analytics",[69,110,111],{},"Selling to Engineers …",[69,113,97],{},[69,115,116],{},"11:00",[10,118,119,120,124,125,128,129,132,133,135,136,139],{},"Dazu kommen die Spalten ",[121,122,123],"code",{},"picture",", ",[121,126,127],{},"session_hall"," und ",[121,130,131],{},"session_stage",". In ",[121,134,123],{}," steht die Adresse eines Fotos, das schon im Internet liegt, zum Beispiel auf der Website des Events: ",[121,137,138],{},"https:\u002F\u002Fylw-summit.example\u002Fspeakers\u002Fmaren-holtkamp.jpg",". Das Foto selbst steckt nicht in der Tabelle. Ein Bild, das du in Excel in eine Zelle einfügst, geht beim Speichern als CSV-Datei verloren. Liegen die Fotos nur auf deinem Computer, lädst du sie in Level 1 im Batch Editor Zeile für Zeile hoch.",[10,141,142,143,146,147,150,151,156],{},"Das zweite ist das ",[34,144,145],{},"Template"," „Speaker session“, mit einem Input-Feld für jede Spalte. Jede Spaltenüberschrift heißt genau wie der ",[34,148,149],{},"Variable name"," eines Input-Felds. Daran erkennt Bluepic in allen drei Levels, welcher Wert in welches Input-Feld gehört. Wo du die Variablennamen findest, steht in ",[152,153,155],"a",{"href":154},"\u002Fde\u002Fhelp\u002Finput-fields\u002Finput-field-settings#variable-name","Einstellungen eines Input-Felds",".",[23,158,160],{"id":159},"die-drei-levels-im-überblick","Die drei Levels im Überblick",[10,162,163],{},"Von Level zu Level fallen Arbeitsschritte weg, die du von Hand machst:",[10,165,166],{},[16,167],{"alt":168,"src":169,"width":20},"Übersicht der drei Levels. Level 1, Batch Editor: Du gibst die Speaker-Liste als CSV-Datei hinein, der Batch Editor erzeugt eine ZIP-Datei mit 17 Bildern, die du von Hand einzeln per E-Mail verschickst. Der Speaker bekommt ein fertiges Bild. 0,1 Credit pro Bild, für alle; Speaker können nichts ändern. Level 2, persönliche Links: Du gibst die Speaker-Liste mit E-Mail-Adressen hinein, Generate URLs erzeugt eine CSV-Datei mit 17 Links, ein Mailing geht an alle Speaker. Der Speaker öffnet seinen Link und exportiert. 1 Credit pro Export, nur wer exportiert; Speaker können alles ändern. Level 3, Links aus dem Mailing-Tool: Die Kontakte liegen im Mailing-Tool, du schreibst einen Link mit Platzhaltern, ein Mailing geht an alle Speaker. Der Speaker öffnet seinen Link und exportiert. Wie Level 2, aber ohne CSV-Datei.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-guide-data-visuals-08\u002Fpublic?v=5082d9ca",[23,171,173],{"id":172},"level-1-bilder-mit-dem-batch-editor","Level 1: Bilder mit dem Batch Editor",[10,175,176,177,181],{},"Im ",[178,179,180],"place",{},"Batch Editor"," machst du aus jeder Zeile der Speaker-Liste ein Bild. Am Ende hast du 17 fertige Dateien. Den Batch Editor gibt es in allen bezahlten Tarifen.",[183,184,185,200,215,233],"ol",{},[186,187,188,189,191,192,195,196,199],"li",{},"Du öffnest das Template im ",[178,190,180],{}," und importierst die Speaker-Liste mit ",[34,193,194],{},"Import Data",". ",[34,197,198],{},"Auto Map Fields"," ordnet jede Spalte dem Input-Feld mit demselben Variablennamen zu. Wenn die Namen stimmen, passt alles auf Anhieb.",[186,201,202,203,206,207,210],{},"Du schaust dir einige Zeilen in der Vorschau an, vor allem die Bildausschnitte und die längsten Vortragstitel. Sitzt ein Gesicht nicht gut im Bild, passt du den Ausschnitt in dieser Zeile mit ",[34,204,205],{},"Edit Image"," an. Einen Tippfehler korrigierst du direkt in der Tabelle.",[208,209],"br",{},[16,211],{"alt":212,"src":213,"width":214},"Batch Editor mit Vorschau oben und einer Zeile pro Speaker, mit einer Spalte je Input-Feld.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-batch-editor-01\u002Fpublic?v=12047bcd",1920,[186,216,217,218,128,221,224,225,228,229,232],{},"Du lädst alle Bilder auf einmal herunter, mit ",[34,219,220],{},"Download",[34,222,223],{},"PNG",". Im Popup ",[34,226,227],{},"File Name Convention"," wählst du ",[121,230,231],{},"{{name}}",". So heißt jede Datei wie ihr Speaker. Jedes Bild kostet 0,1 Credit.",[186,234,235,236,239,240,156,243,245],{},"Du entpackst die ZIP-Datei. Sie enthält ein Bild pro Speaker, von ",[121,237,238],{},"Amara Nwosu.png"," bis ",[121,241,242],{},"Yuki Tanaka.png",[208,244],{},[16,246],{"alt":247,"src":248,"width":249},"Die entpackte ZIP-Datei: ein PNG pro Speaker, jedes nach dem Speaker benannt.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-guide-data-visuals-02\u002Fpublic?v=6122cd04",894,[10,251,252],{},"Jetzt hast du die Bilder, aber die Speaker noch nicht. Du schreibst jedem eine E-Mail und hängst sein Bild an. Die Bilder sind fertig, Speaker können daran nichts mehr ändern. Schickt jemand ein neues Foto oder einen geänderten Titel, erzeugst du sein Bild neu und schickst es noch einmal.",[254,255,256],"tip",{},[10,257,258,259,262],{},"Hat dein Template mehrere Canvases, erzeugt ",[34,260,261],{},"All canvases"," jede Größe für jede Zeile, zum Beispiel ein Quadrat für LinkedIn und ein Hochformat für Stories. Jede Datei kostet 0,1 Credit.",[264,265,266],"more",{},[10,267,268,269,156],{},"Jeden Klick zeigt ",[152,270,272],{"href":271},"\u002Fde\u002Fhelp\u002Ftemplate-management\u002Fbatch-editor","Designs mit dem Batch Editor erzeugen",[23,274,276],{"id":275},"level-2-persönliche-links-verschicken","Level 2: Persönliche Links verschicken",[10,278,279,280,283],{},"Statt Bildern verschickst du Links. Jeder Speaker öffnet seinen Link und findet sein Banner fertig ausgefüllt im ",[178,281,282],{},"Design-Generator",". Das ist die Seite, auf der Nutzer ein Template ausfüllen und exportieren. Dort tauscht er bei Bedarf das Foto, korrigiert einen Tippfehler und lädt das Banner selbst herunter oder teilt es auf LinkedIn. Du erzeugst und verschickst keine Bilder mehr.",[10,285,286,287,156],{},"Dafür brauchst du eine Campaign mit dem Template. Im Beispiel heißt sie „YLW Summit 2026 – Speakers“. Wie du eine anlegst, steht in ",[152,288,290],{"href":289},"\u002Fde\u002Fhelp\u002Fcampaigns\u002Fcreate-campaign","Campaign erstellen",[183,292,293,312,318,337,359,365],{},[186,294,295,296,299,300,303,304,307,308,311],{},"Du öffnest in der Campaign den Schritt ",[34,297,298],{},"Share"," und klickst auf ",[34,301,302],{},"Generate URLs",". Ein Popup öffnet sich. ",[34,305,306],{},"Download CSV template"," lädt eine CSV-Vorlage herunter. Sie zeigt, welche Spalten die Campaign erwartet: ",[121,309,310],{},"email"," und eine Spalte pro Variable.",[186,313,314,315,317],{},"Du fügst der Speaker-Liste aus Level 1 vorne die Spalte ",[121,316,310],{}," mit den E-Mail-Adressen hinzu. Die anderen Spalten heißen schon richtig.",[186,319,320,321,324,325,331,333],{},"Du importierst die Datei mit ",[34,322,323],{},"Import data",". Jede Zeile ist jetzt ein Speaker mit eigenem Link.",[326,327,328],"note",{},[10,329,330],{},"Jeder neue Import ersetzt alle Links. Links, die du schon verschickt hast, zeigen dann keine Daten mehr. Einzelne Korrekturen machst du deshalb direkt in dieser Tabelle. Die Links prüfen nicht, wer sie öffnet: Trage nur Daten ein, die jeder sehen darf, der den Link bekommt. Eine Campaign nimmt bis zu 5.000 Zeilen auf.",[208,332],{},[16,334],{"alt":335,"src":336,"width":214},"Generate URLs, Reiter Data: eine Zeile pro Speaker mit E-Mail, Foto und Vortragsdaten.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-guide-data-visuals-03\u002Fpublic?v=d61c32c1",[186,338,339,340,343,344,347,348,128,350,156,353,355],{},"Unter ",[34,341,342],{},"Campaign Links"," klickst du auf ",[34,345,346],{},"Export CSV",". Du bekommst eine Datei mit den Spalten ",[121,349,310],{},[121,351,352],{},"campaign_link",[208,354],{},[16,356],{"alt":357,"src":358,"width":214},"Generate URLs, Reiter Campaign Links: ein persönlicher Link pro Speaker, der Button Export CSV ist markiert.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-guide-data-visuals-04\u002Fpublic?v=f77a9c59",[186,360,361,362,364],{},"Du importierst diese Datei in dein Mailing-Tool und legst für ",[121,363,352],{}," ein neues Kontaktfeld an, zum Beispiel „Banner-Link“. Die E-Mail-Adresse ordnet jeden Link dem richtigen Speaker zu.",[186,366,367,368,370],{},"In deinem Mailing setzt du dieses Kontaktfeld als Ziel des Buttons ein. Jeder Speaker bekommt so seinen eigenen Link.",[208,369],{},[16,371],{"alt":372,"src":373,"width":249},"E-Mail an Maren Holtkamp mit dem Button Open my banner.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-guide-data-visuals-05\u002Fpublic?v=c43bcd20",[10,375,376,377,379,380,383],{},"Maren klickt auf den Button. Der ",[178,378,282],{}," öffnet sich mit ihrem Banner. Sie muss nichts ändern und klickt auf ",[34,381,382],{},"Export",". Erst dieser Export kostet einen Credit. Speaker, die ihren Link nie öffnen, kosten nichts.",[10,385,386],{},[16,387],{"alt":388,"src":389,"width":214},"Marens persönlicher Link im Design-Generator: Input-Felder und Banner zeigen schon ihre Daten, Export ist markiert.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-guide-data-visuals-06\u002Fpublic?v=5720d5f3",[264,391,392],{},[10,393,268,394,156],{},[152,395,397],{"href":396},"\u002Fde\u002Fhelp\u002Fdata-and-automation\u002Fgenerate-urls","Persönliche Links erzeugen: Campaign für jeden Empfänger vorausfüllen",[23,399,401],{"id":400},"level-3-links-direkt-aus-dem-mailing-tool","Level 3: Links direkt aus dem Mailing-Tool",[10,403,404],{},"Pflegst du die Speaker schon in deinem Mailing-Tool, brauchst du keine CSV-Datei mehr. Du schreibst einen einzigen Link in dein Mailing. Statt fester Werte enthält er die Platzhalter deines Mailing-Tools, und beim Versand setzt das Tool für jeden Kontakt seine eigenen Daten ein.",[10,406,407,408,411,412,415,416,419],{},"Das geht, weil jeder Campaign-Link Daten in seiner Adresse annimmt. Hinter einem ",[121,409,410],{},"?"," steht für jedes Input-Feld ein Parameter ",[121,413,414],{},"data.\u003CVariablenname>=\u003CWert>",". Mehrere Parameter verbindest du mit ",[121,417,418],{},"&",":",[421,422,428],"pre",{"className":423,"code":425,"language":426,"meta":427},[424],"language-text","https:\u002F\u002Ftemplate.bluepic.io\u002Fylw-summit-2026-speakers?data.name=Maren%20Holtkamp&data.session_time=10%3A30\n","text","",[121,429,425],{"__ignoreMap":427},[10,431,432,433,435,436,439,440,443,444,446],{},"Manche Zeichen dürfen in einem Link nicht einfach so stehen, zum Beispiel Leerzeichen und ",[121,434,418],{},". In einem Wert stehen sie deshalb als Codes: ",[121,437,438],{},"%20"," für ein Leerzeichen, ",[121,441,442],{},"%26"," für ",[121,445,418],{},". Das nennt man URL-Kodierung. Die Codes musst du nicht kennen. Für einen einzelnen Link kodiert ein kostenloser URL-Encoder im Internet den Wert für dich: Such nach „URL Encoder“, füge den Wert ein und kopiere das Ergebnis. Im Mailing übernimmt das der Platzhalter deines Mailing-Tools (Schritt 3).",[448,449,450],"warning",{},[10,451,452,453,455],{},"Fehlt die URL-Kodierung, endet ein Wert beim ersten ",[121,454,418],{},": Aus „Associate \u002F Marlowe & Vance Legal“ wird „Associate \u002F Marlowe“. Bluepic zeigt dazu keine Meldung.",[183,457,458,471,481,591],{},[186,459,460,464,465,467,468,156],{},[461,462,463],"click",{},"Kopiere"," im Schritt ",[34,466,298],{}," deiner Campaign den Link mit ",[34,469,470],{},"Copy URL",[186,472,473,477,478,480],{},[474,475,476],"look",{},"Schau"," die Variablennamen nach. Am schnellsten geht das mit der CSV-Vorlage aus Level 2: Jede Spalte außer ",[121,479,310],{}," ist ein Variablenname. Groß- und Kleinschreibung zählt: Einen falsch geschriebenen Namen übergeht Bluepic ohne Meldung, das Input-Feld zeigt dann seinen Standardwert.",[186,482,483,487,488,124,491,494,495,501,503,504,579,583,585,586],{},[484,485,486],"type",{},"Hänge"," für jedes Input-Feld einen Parameter an den Link. Als Wert setzt du den Platzhalter des passenden Kontaktfelds ein, hier als ",[121,489,490],{},"[Name]",[121,492,493],{},"[Rolle]"," und so weiter:",[421,496,499],{"className":497,"code":498,"language":426,"meta":427},[424],"https:\u002F\u002Ftemplate.bluepic.io\u002Fylw-summit-2026-speakers?data.name=[Name]&data.role=[Rolle]&data.session_title=[Vortrag]&data.session_day=[Tag]&data.session_time=[Uhrzeit]&data.session_hall=[Halle]&data.session_stage=[Bühne]\n",[121,500,498],{"__ignoreMap":427},[208,502],{},"Nimm dabei die Form des Platzhalters mit URL-Kodierung. Dann setzt dein Mailing-Tool beim Versand die Codes von oben selbst ein. In verbreiteten Mailing-Tools sieht das für den Vornamen so aus:",[39,505,506,519],{},[42,507,508],{},[45,509,510,513,516],{},[48,511,512],{},"Mailing-Tool",[48,514,515],{},"Platzhalter",[48,517,518],{},"Mit URL-Kodierung",[64,520,521,536,551,566],{},[45,522,523,526,531],{},[69,524,525],{},"Mailchimp",[69,527,528],{},[121,529,530],{},"*|FNAME|*",[69,532,533],{},[121,534,535],{},"*|URL:FNAME|*",[45,537,538,541,546],{},[69,539,540],{},"Brevo",[69,542,543],{},[121,544,545],{},"{{ contact.FIRSTNAME }}",[69,547,548],{},[121,549,550],{},"{{ contact.FIRSTNAME|urlencode }}",[45,552,553,556,561],{},[69,554,555],{},"HubSpot",[69,557,558],{},[121,559,560],{},"{{ contact.firstname }}",[69,562,563],{},[121,564,565],{},"{{ contact.firstname|urlencode }}",[45,567,568,571,576],{},[69,569,570],{},"CleverReach",[69,572,573],{},[121,574,575],{},"{FIRSTNAME}",[69,577,578],{},"keine Form dokumentiert",[580,581,582],"table-caption",{},"Platzhalter für den Vornamen, laut den Hilfe-Seiten der Anbieter. Stand: Oktober 2026.",[208,584],{},"Eigene Kontaktfelder wie die Rolle heißen so, wie du sie in deinem Mailing-Tool angelegt hast. Ist ein Kontaktfeld leer, bleibt auch das Input-Feld leer. Anders als in Level 2 zeigt es dann nicht den Standardwert.",[326,587,588],{},[10,589,590],{},"Alle Daten stehen lesbar im Link. Nimm nur Daten, die jeder sehen darf, der den Link bekommt. Alle Werte zusammen dürfen etwa 2.000 Zeichen lang sein, für lange Texte nimm Level 2.",[186,592,593,596,597,599,600,603,604,606],{},[461,594,595],{},"Schicke"," dir eine Test-Mail an einen Kontakt, dessen Daten ein ",[121,598,418],{}," oder ",[121,601,602],{},"\u002F"," enthalten, und öffne den Link. Prüfe, ob jedes Input-Feld den ganzen Wert zeigt.",[208,605],{},[16,607],{"alt":608,"src":609,"width":214},"Link mit Daten in der Adresse im Design-Generator: Name, Rolle mit kaufmännischem Und und Vortrag sind ausgefüllt, Upload Image ist markiert.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-guide-data-visuals-07\u002Fpublic?v=7ebc4d3a",[10,611,612,613,616,617,619,620,622],{},"Ein Foto bringt der Link nur mit, wenn dein Mailing-Tool für jeden Kontakt eine Bild-Adresse kennt (",[121,614,615],{},"data.picture=\u003CAdresse>",", kodiert wie jeder Wert). Meistens kennt es keine. Dann lässt du ",[121,618,123],{}," weg, und die Speaker laden ihr Foto im ",[178,621,282],{}," selbst hoch.",[23,624,626],{"id":625},"welches-level-passt-zu-dir","Welches Level passt zu dir?",[628,629,630,636,641],"ul",{},[186,631,632,635],{},[633,634],"right",{}," Du brauchst die Dateien selbst, für deine Website, Bildschirme vor Ort oder die Kanäle des Events: Level 1.",[186,637,638,640],{},[633,639],{}," Die Speaker sollen ihr Banner selbst holen und teilen, und deine Daten liegen in einer Tabelle: Level 2.",[186,642,643,645],{},[633,644],{}," Die Daten liegen schon in deinem Mailing-Tool, und du willst nichts importieren oder exportieren: Level 3.",[10,647,648],{},"Die Levels schließen sich nicht aus. Mit derselben Speaker-Liste und demselben Template erzeugst du Bilder für deine eigenen Kanäle und schickst den Speakern zugleich ihre Links.",[650,651,652],"related",{},[628,653,654,658,662,667],{},[186,655,656],{},[152,657,272],{"href":271},[186,659,660],{},[152,661,397],{"href":396},[186,663,664],{},[152,665,666],{"href":289},"Campaign erstellen: mehrere Templates in einem Design-Generator teilen",[186,668,669],{},[152,670,672],{"href":671},"\u002Fde\u002Fhelp\u002Faccount-management\u002Fcredits","Credits: was Exporte kosten",{"title":427,"searchDepth":674,"depth":674,"links":675},2,[676,677,678,679,680,681],{"id":25,"depth":674,"text":26},{"id":159,"depth":674,"text":160},{"id":172,"depth":674,"text":173},{"id":275,"depth":674,"text":276},{"id":400,"depth":674,"text":401},{"id":625,"depth":674,"text":626},"guides","Am Beispiel einer Messe: Wie aus einer Speaker-Liste fertige Banner werden, mit dem Batch Editor, mit persönlichen Links oder mit einem Link direkt aus deinem Mailing-Tool.","md",[686,687,688,689,690,691,692,693,694,695,696,697,180,698,302,699,342,700,701,512,525,540,555,570,515,702,703,704,705,706],"Guide","Leitfaden","personalisiert","Personalisierung","Banner","Speaker","Aussteller","Messe","Event","Konferenz","CSV","Excel","Serienbild","persönliche Links","Mailing","Newsletter","Merge Tag","URL-Parameter","vorausfüllen","prefill","mail merge",{},true,10,"\u002Fhelp\u002Fguides\u002Fdata-to-personalised-visuals.de","2026-10-22","---\ntitle: \"Aus Daten personalisierte Visuals machen: drei Levels\"\ndescription: \"Am Beispiel einer Messe: Wie aus einer Speaker-Liste fertige Banner werden, mit dem Batch Editor, mit persönlichen Links oder mit einem Link direkt aus deinem Mailing-Tool.\"\ncategory: guides\norder: 10\nkeywords: [\"Guide\", \"Leitfaden\", \"personalisiert\", \"Personalisierung\", \"Banner\", \"Speaker\", \"Aussteller\", \"Messe\", \"Event\", \"Konferenz\", \"CSV\", \"Excel\", \"Batch Editor\", \"Serienbild\", \"Generate URLs\", \"persönliche Links\", \"Campaign Links\", \"Mailing\", \"Newsletter\", \"Mailing-Tool\", \"Mailchimp\", \"Brevo\", \"HubSpot\", \"CleverReach\", \"Platzhalter\", \"Merge Tag\", \"URL-Parameter\", \"vorausfüllen\", \"prefill\", \"mail merge\"]\n---\n\nDu hast eine Liste mit Namen, Fotos und Terminen und willst daraus für jede Person eine eigene Grafik machen. Dieser Guide zeigt drei Wege dahin, an einem Beispiel von der Tabelle bis zu der Person, die ihr Bild teilt. Jedes Level spart einen Arbeitsschritt des vorherigen. Lies ihn einmal ganz, bevor du anfängst. Jeden einzelnen Klick findest du in den verlinkten Anleitungen.\n\n![Sechs Speaker-Banner aus dem Beispiel, jedes mit Foto, Vortrag, Name, Rolle, Bühne, Tag und Uhrzeit.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-guide-data-visuals-01\u002Fpublic?v=72a59422 \"Sechs der 17 Banner aus diesem Guide, jedes aus einer Zeile der Speaker-Liste.\"){width=\"938\"}\n\n## Das Beispiel: Speaker-Banner für den YLW Summit\n\nDer YLW Summit ist eine erfundene Konferenz mit Messe, vom 2. bis 4. April 2026 in Köln. Das Event-Team will allen 17 Speakern vor dem Event ein Banner geben, das sie auf LinkedIn teilen: mit Foto, Name, Rolle und Vortrag. Für Aussteller, Partner oder Teilnehmer geht es genauso.\n\nZwei Dinge gibt es schon. Das erste ist die **Speaker-Liste**. Das Team pflegt sie in einer Tabelle und speichert sie als CSV-Datei, mit einer Zeile pro Speaker:\n\n| name | role | session_title | session_day | session_time |\n|---|---|---|---|---|\n| Maren Holtkamp | Head of Product \u002F Nordlicht Robotics | Teaching Warehouse Robots to Say No: … | 02 April | 10:30 |\n| Tobias Reinke | CEO \u002F Nordlicht Robotics | From Pilot to Fleet: … | 03 April | 14:00 |\n| Priya Raghunathan | Data Scientist \u002F Helio Analytics | Selling to Engineers … | 03 April | 11:00 |\n\nDazu kommen die Spalten `picture`, `session_hall` und `session_stage`. In `picture` steht die Adresse eines Fotos, das schon im Internet liegt, zum Beispiel auf der Website des Events: `https:\u002F\u002Fylw-summit.example\u002Fspeakers\u002Fmaren-holtkamp.jpg`. Das Foto selbst steckt nicht in der Tabelle. Ein Bild, das du in Excel in eine Zelle einfügst, geht beim Speichern als CSV-Datei verloren. Liegen die Fotos nur auf deinem Computer, lädst du sie in Level 1 im Batch Editor Zeile für Zeile hoch.\n\nDas zweite ist das **Template** „Speaker session“, mit einem Input-Feld für jede Spalte. Jede Spaltenüberschrift heißt genau wie der **Variable name** eines Input-Felds. Daran erkennt Bluepic in allen drei Levels, welcher Wert in welches Input-Feld gehört. Wo du die Variablennamen findest, steht in [Einstellungen eines Input-Felds](\u002Fde\u002Fhelp\u002Finput-fields\u002Finput-field-settings#variable-name).\n\n## Die drei Levels im Überblick\n\nVon Level zu Level fallen Arbeitsschritte weg, die du von Hand machst:\n\n![Übersicht der drei Levels. Level 1, Batch Editor: Du gibst die Speaker-Liste als CSV-Datei hinein, der Batch Editor erzeugt eine ZIP-Datei mit 17 Bildern, die du von Hand einzeln per E-Mail verschickst. Der Speaker bekommt ein fertiges Bild. 0,1 Credit pro Bild, für alle; Speaker können nichts ändern. Level 2, persönliche Links: Du gibst die Speaker-Liste mit E-Mail-Adressen hinein, Generate URLs erzeugt eine CSV-Datei mit 17 Links, ein Mailing geht an alle Speaker. Der Speaker öffnet seinen Link und exportiert. 1 Credit pro Export, nur wer exportiert; Speaker können alles ändern. Level 3, Links aus dem Mailing-Tool: Die Kontakte liegen im Mailing-Tool, du schreibst einen Link mit Platzhaltern, ein Mailing geht an alle Speaker. Der Speaker öffnet seinen Link und exportiert. Wie Level 2, aber ohne CSV-Datei.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-guide-data-visuals-08\u002Fpublic?v=5082d9ca){width=\"938\"}\n\n## Level 1: Bilder mit dem Batch Editor\n\nIm :place[Batch Editor] machst du aus jeder Zeile der Speaker-Liste ein Bild. Am Ende hast du 17 fertige Dateien. Den Batch Editor gibt es in allen bezahlten Tarifen.\n\n1. Du öffnest das Template im :place[Batch Editor] und importierst die Speaker-Liste mit **Import Data**. **Auto Map Fields** ordnet jede Spalte dem Input-Feld mit demselben Variablennamen zu. Wenn die Namen stimmen, passt alles auf Anhieb.\n2. Du schaust dir einige Zeilen in der Vorschau an, vor allem die Bildausschnitte und die längsten Vortragstitel. Sitzt ein Gesicht nicht gut im Bild, passt du den Ausschnitt in dieser Zeile mit **Edit Image** an. Einen Tippfehler korrigierst du direkt in der Tabelle.\n\n   ![Batch Editor mit Vorschau oben und einer Zeile pro Speaker, mit einer Spalte je Input-Feld.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-batch-editor-01\u002Fpublic?v=12047bcd){width=\"1920\"}\n\n3. Du lädst alle Bilder auf einmal herunter, mit **Download** und **PNG**. Im Popup **File Name Convention** wählst du `{{name}}`. So heißt jede Datei wie ihr Speaker. Jedes Bild kostet 0,1 Credit.\n4. Du entpackst die ZIP-Datei. Sie enthält ein Bild pro Speaker, von `Amara Nwosu.png` bis `Yuki Tanaka.png`.\n\n   ![Die entpackte ZIP-Datei: ein PNG pro Speaker, jedes nach dem Speaker benannt.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-guide-data-visuals-02\u002Fpublic?v=6122cd04){width=\"894\"}\n\nJetzt hast du die Bilder, aber die Speaker noch nicht. Du schreibst jedem eine E-Mail und hängst sein Bild an. Die Bilder sind fertig, Speaker können daran nichts mehr ändern. Schickt jemand ein neues Foto oder einen geänderten Titel, erzeugst du sein Bild neu und schickst es noch einmal.\n\n::tip\nHat dein Template mehrere Canvases, erzeugt **All canvases** jede Größe für jede Zeile, zum Beispiel ein Quadrat für LinkedIn und ein Hochformat für Stories. Jede Datei kostet 0,1 Credit.\n::\n\n::more\nJeden Klick zeigt [Designs mit dem Batch Editor erzeugen](\u002Fde\u002Fhelp\u002Ftemplate-management\u002Fbatch-editor).\n::\n\n## Level 2: Persönliche Links verschicken\n\nStatt Bildern verschickst du Links. Jeder Speaker öffnet seinen Link und findet sein Banner fertig ausgefüllt im :place[Design-Generator]. Das ist die Seite, auf der Nutzer ein Template ausfüllen und exportieren. Dort tauscht er bei Bedarf das Foto, korrigiert einen Tippfehler und lädt das Banner selbst herunter oder teilt es auf LinkedIn. Du erzeugst und verschickst keine Bilder mehr.\n\nDafür brauchst du eine Campaign mit dem Template. Im Beispiel heißt sie „YLW Summit 2026 – Speakers“. Wie du eine anlegst, steht in [Campaign erstellen](\u002Fde\u002Fhelp\u002Fcampaigns\u002Fcreate-campaign).\n\n1. Du öffnest in der Campaign den Schritt **Share** und klickst auf **Generate URLs**. Ein Popup öffnet sich. **Download CSV template** lädt eine CSV-Vorlage herunter. Sie zeigt, welche Spalten die Campaign erwartet: `email` und eine Spalte pro Variable.\n2. Du fügst der Speaker-Liste aus Level 1 vorne die Spalte `email` mit den E-Mail-Adressen hinzu. Die anderen Spalten heißen schon richtig.\n3. Du importierst die Datei mit **Import data**. Jede Zeile ist jetzt ein Speaker mit eigenem Link.\n\n   ::note\n   Jeder neue Import ersetzt alle Links. Links, die du schon verschickt hast, zeigen dann keine Daten mehr. Einzelne Korrekturen machst du deshalb direkt in dieser Tabelle. Die Links prüfen nicht, wer sie öffnet: Trage nur Daten ein, die jeder sehen darf, der den Link bekommt. Eine Campaign nimmt bis zu 5.000 Zeilen auf.\n   ::\n\n   ![Generate URLs, Reiter Data: eine Zeile pro Speaker mit E-Mail, Foto und Vortragsdaten.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-guide-data-visuals-03\u002Fpublic?v=d61c32c1){width=\"1920\"}\n\n4. Unter **Campaign Links** klickst du auf **Export CSV**. Du bekommst eine Datei mit den Spalten `email` und `campaign_link`.\n\n   ![Generate URLs, Reiter Campaign Links: ein persönlicher Link pro Speaker, der Button Export CSV ist markiert.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-guide-data-visuals-04\u002Fpublic?v=f77a9c59){width=\"1920\"}\n\n5. Du importierst diese Datei in dein Mailing-Tool und legst für `campaign_link` ein neues Kontaktfeld an, zum Beispiel „Banner-Link“. Die E-Mail-Adresse ordnet jeden Link dem richtigen Speaker zu.\n6. In deinem Mailing setzt du dieses Kontaktfeld als Ziel des Buttons ein. Jeder Speaker bekommt so seinen eigenen Link.\n\n   ![E-Mail an Maren Holtkamp mit dem Button Open my banner.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-guide-data-visuals-05\u002Fpublic?v=c43bcd20){width=\"894\"}\n\nMaren klickt auf den Button. Der :place[Design-Generator] öffnet sich mit ihrem Banner. Sie muss nichts ändern und klickt auf **Export**. Erst dieser Export kostet einen Credit. Speaker, die ihren Link nie öffnen, kosten nichts.\n\n![Marens persönlicher Link im Design-Generator: Input-Felder und Banner zeigen schon ihre Daten, Export ist markiert.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-guide-data-visuals-06\u002Fpublic?v=5720d5f3){width=\"1920\"}\n\n::more\nJeden Klick zeigt [Persönliche Links erzeugen: Campaign für jeden Empfänger vorausfüllen](\u002Fde\u002Fhelp\u002Fdata-and-automation\u002Fgenerate-urls).\n::\n\n## Level 3: Links direkt aus dem Mailing-Tool\n\nPflegst du die Speaker schon in deinem Mailing-Tool, brauchst du keine CSV-Datei mehr. Du schreibst einen einzigen Link in dein Mailing. Statt fester Werte enthält er die Platzhalter deines Mailing-Tools, und beim Versand setzt das Tool für jeden Kontakt seine eigenen Daten ein.\n\nDas geht, weil jeder Campaign-Link Daten in seiner Adresse annimmt. Hinter einem `?` steht für jedes Input-Feld ein Parameter `data.\u003CVariablenname>=\u003CWert>`. Mehrere Parameter verbindest du mit `&`:\n\n```text\nhttps:\u002F\u002Ftemplate.bluepic.io\u002Fylw-summit-2026-speakers?data.name=Maren%20Holtkamp&data.session_time=10%3A30\n```\n\nManche Zeichen dürfen in einem Link nicht einfach so stehen, zum Beispiel Leerzeichen und `&`. In einem Wert stehen sie deshalb als Codes: `%20` für ein Leerzeichen, `%26` für `&`. Das nennt man URL-Kodierung. Die Codes musst du nicht kennen. Für einen einzelnen Link kodiert ein kostenloser URL-Encoder im Internet den Wert für dich: Such nach „URL Encoder“, füge den Wert ein und kopiere das Ergebnis. Im Mailing übernimmt das der Platzhalter deines Mailing-Tools (Schritt 3).\n\n::warning\nFehlt die URL-Kodierung, endet ein Wert beim ersten `&`: Aus „Associate \u002F Marlowe & Vance Legal“ wird „Associate \u002F Marlowe“. Bluepic zeigt dazu keine Meldung.\n::\n\n1. :click[Kopiere] im Schritt **Share** deiner Campaign den Link mit **Copy URL**.\n2. :look[Schau] die Variablennamen nach. Am schnellsten geht das mit der CSV-Vorlage aus Level 2: Jede Spalte außer `email` ist ein Variablenname. Groß- und Kleinschreibung zählt: Einen falsch geschriebenen Namen übergeht Bluepic ohne Meldung, das Input-Feld zeigt dann seinen Standardwert.\n3. :type[Hänge] für jedes Input-Feld einen Parameter an den Link. Als Wert setzt du den Platzhalter des passenden Kontaktfelds ein, hier als `[Name]`, `[Rolle]` und so weiter:\n\n   ```text\n   https:\u002F\u002Ftemplate.bluepic.io\u002Fylw-summit-2026-speakers?data.name=[Name]&data.role=[Rolle]&data.session_title=[Vortrag]&data.session_day=[Tag]&data.session_time=[Uhrzeit]&data.session_hall=[Halle]&data.session_stage=[Bühne]\n   ```\n\n   Nimm dabei die Form des Platzhalters mit URL-Kodierung. Dann setzt dein Mailing-Tool beim Versand die Codes von oben selbst ein. In verbreiteten Mailing-Tools sieht das für den Vornamen so aus:\n\n   | Mailing-Tool | Platzhalter | Mit URL-Kodierung |\n   |---|---|---|\n   | Mailchimp | `*\\|FNAME\\|*` | `*\\|URL:FNAME\\|*` |\n   | Brevo | `{{ contact.FIRSTNAME }}` | `{{ contact.FIRSTNAME\\|urlencode }}` |\n   | HubSpot | `{{ contact.firstname }}` | `{{ contact.firstname\\|urlencode }}` |\n   | CleverReach | `{FIRSTNAME}` | keine Form dokumentiert |\n\n   :table-caption[Platzhalter für den Vornamen, laut den Hilfe-Seiten der Anbieter. Stand: Oktober 2026.]\n\n   Eigene Kontaktfelder wie die Rolle heißen so, wie du sie in deinem Mailing-Tool angelegt hast. Ist ein Kontaktfeld leer, bleibt auch das Input-Feld leer. Anders als in Level 2 zeigt es dann nicht den Standardwert.\n\n   ::note\n   Alle Daten stehen lesbar im Link. Nimm nur Daten, die jeder sehen darf, der den Link bekommt. Alle Werte zusammen dürfen etwa 2.000 Zeichen lang sein, für lange Texte nimm Level 2.\n   ::\n\n4. :click[Schicke] dir eine Test-Mail an einen Kontakt, dessen Daten ein `&` oder `\u002F` enthalten, und öffne den Link. Prüfe, ob jedes Input-Feld den ganzen Wert zeigt.\n\n   ![Link mit Daten in der Adresse im Design-Generator: Name, Rolle mit kaufmännischem Und und Vortrag sind ausgefüllt, Upload Image ist markiert.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-guide-data-visuals-07\u002Fpublic?v=7ebc4d3a){width=\"1920\"}\n\nEin Foto bringt der Link nur mit, wenn dein Mailing-Tool für jeden Kontakt eine Bild-Adresse kennt (`data.picture=\u003CAdresse>`, kodiert wie jeder Wert). Meistens kennt es keine. Dann lässt du `picture` weg, und die Speaker laden ihr Foto im :place[Design-Generator] selbst hoch.\n\n## Welches Level passt zu dir?\n\n- :right Du brauchst die Dateien selbst, für deine Website, Bildschirme vor Ort oder die Kanäle des Events: Level 1.\n- :right Die Speaker sollen ihr Banner selbst holen und teilen, und deine Daten liegen in einer Tabelle: Level 2.\n- :right Die Daten liegen schon in deinem Mailing-Tool, und du willst nichts importieren oder exportieren: Level 3.\n\nDie Levels schließen sich nicht aus. Mit derselben Speaker-Liste und demselben Template erzeugst du Bilder für deine eigenen Kanäle und schickst den Speakern zugleich ihre Links.\n\n::related\n- [Designs mit dem Batch Editor erzeugen](\u002Fde\u002Fhelp\u002Ftemplate-management\u002Fbatch-editor)\n- [Persönliche Links erzeugen: Campaign für jeden Empfänger vorausfüllen](\u002Fde\u002Fhelp\u002Fdata-and-automation\u002Fgenerate-urls)\n- [Campaign erstellen: mehrere Templates in einem Design-Generator teilen](\u002Fde\u002Fhelp\u002Fcampaigns\u002Fcreate-campaign)\n- [Credits: was Exporte kosten](\u002Fde\u002Fhelp\u002Faccount-management\u002Fcredits)\n::\n",{"title":5,"description":683},"help\u002Fguides\u002Fdata-to-personalised-visuals.de","TCr6VD7OxRzHVGC3-AqrOnnXN0mZiiYzxD1sA8Y-3sU",1792680563594]