Input-Felder mit LinkedIn-Daten vorausfüllen

Im Template-Editor gibst du Input-Feldern feste Variablennamen, und in deiner Campaign schaltest du die Vorausfüllung mit LinkedIn ein. Nutzer melden sich dann im Design-Generator mit LinkedIn an, und ihr Name, ihre E-Mail-Adresse und ihr Profilbild stehen schon in den Input-Feldern. Das geht in Web-Campaigns und über den Link einer Widget-Campaign. Ist der Design-Generator in eine Website eingebettet, gibt es die Anmeldung mit LinkedIn nicht.

Das geht in drei Schritten:

1. Benenne die Variablen der Input-Felder im Input Fields View um.
2. Schalte die Vorausfüllung in der Campaign unter Social Connections ein.
3. Teste die Anmeldung im Design-Generator.

Variablen umbenennen

Im Input Fields View siehst du alle Input-Felder deines Templates und konfigurierst sie.

1. Klicke im Template-Editor oben rechts in der Toolbar auf Input Fields. Der Input Fields View öffnet sich.
   
2. Klicke beim Input-Feld, das LinkedIn-Daten bekommen soll, auf das Zahnrad rechts. Die Einstellungen öffnen sich.
3. Klicke rechts neben dem Variablennamen auf den Stift.
   
4. Gib einen dieser Namen ein, genau so geschrieben, in Großbuchstaben:
   • Für ein Text-Input-Feld:
     • LINKEDIN_NAME: vollständiger Name
     • LINKEDIN_GIVEN_NAME: Vorname
     • LINKEDIN_FAMILY_NAME: Nachname
     • LINKEDIN_EMAIL: E-Mail-Adresse
   • Für ein Image-Input-Feld:
     • LINKEDIN_PICTURE: Profilbild
   
   
5. Klicke auf das Häkchen. Das Input-Feld bekommt jetzt den passenden Wert aus LinkedIn, sobald sich ein Nutzer anmeldet.
   Der Name färbt sich rot?

   Jeder Variablenname darf im Template nur einmal vorkommen. Ein anderes Input-Feld heißt schon so. Gib dem anderen Input-Feld zuerst einen anderen Namen.

6. Klicke auf Done. Die Einstellungen schließen sich. Für jedes weitere Input-Feld mit LinkedIn-Daten gehst du genauso vor.

Vorausfüllung in der Campaign einschalten

Im Schritt Social Connections legst du fest, was Nutzer mit ihrem fertigen Design tun können. Hier schaltest du auch die Anmeldung mit LinkedIn ein. Dein Template muss dafür in einer Web- oder Widget-Campaign sein. Wie du eine erstellst, steht in Campaign erstellen.

1. Klicke in der Navigation des Studios auf Campaigns. Die Übersicht deiner Campaigns öffnet sich.
2. Klicke auf die Karte deiner Campaign. Die Campaign öffnet sich.
3. Klicke oben auf Social Connections.
   Der Schritt Social Connections fehlt?

   Team-Campaigns haben keinen Schritt Social Connections. Die Vorausfüllung mit LinkedIn gibt es nur in Web- und Widget-Campaigns.

4. Setze unter Verifiable Targets den Haken bei Pre-fill Templates with data from LinkedIn. Darunter erscheint der Hinweis „How to pre-fill your template“ mit den fünf Variablennamen. Die Vorausfüllung ist jetzt eingeschaltet. Den Schalter LinkedIn brauchst du dafür nicht: Die Anmeldung funktioniert auch, wenn Nutzer ihr Design nicht auf LinkedIn teilen.
   

Anmeldung im Design-Generator testen

Der Design-Generator ist die Seite, auf der Nutzer dein Template ausfüllen und ihr Design exportieren. Hier testest du die Anmeldung so, wie Nutzer sie sehen.

1. Klicke in deiner Campaign oben auf Share.
2. Klicke auf Copy URL und öffne den Link in einem neuen Browser-Tab. Der Design-Generator öffnet sich.
3. Schau auf das Popup Continue with LinkedIn. Es öffnet sich nach kurzer Zeit von selbst. Mit Skip for now können Nutzer es schließen und alles selbst ausfüllen.
   Das Popup öffnet sich nicht von selbst?

   Hast du in diesem Browser-Tab schon einmal Skip for now angeklickt, öffnet es sich nicht mehr von selbst. Klicke oben auf das LinkedIn-Logo mit dem Plus. Das ist der Button Connect with LinkedIn.

   
   
4. Klicke auf Continue with LinkedIn und melde dich bei LinkedIn an. Danach bist du wieder im Design-Generator.
5. Prüfe, ob die Input-Felder und das Design deinen Namen, deine E-Mail-Adresse und dein Profilbild zeigen.
   
6. Teste das Gleiche mit einem LinkedIn-Konto, dem zum Beispiel ein Profilbild fehlt. So siehst du, wie das Design aussieht, wenn LinkedIn einen Wert nicht liefert.