[{"data":1,"prerenderedAt":411},["ShallowReactive",2],{"help-article-\u002Fhelp\u002Fdata-and-automation\u002Fpre-populate-data-from-linkedin":3},{"id":4,"title":5,"body":6,"category":392,"description":393,"extension":394,"keywords":395,"meta":401,"navigation":402,"order":403,"path":404,"published":405,"rawbody":406,"seo":407,"stem":408,"updated":409,"__hash__":410},"help\u002Fhelp\u002Fdata-and-automation\u002Fpre-populate-data-from-linkedin.md","Pre-fill input fields with LinkedIn data",{"type":7,"value":8,"toc":385},"minimark",[9,22,25,48,53,58,189,193,203,258,262,268,356],[10,11,12,13,17,18,21],"p",{},"In the ",[14,15,16],"place",{},"template editor"," you give input fields fixed variable names, and in your campaign you switch on pre-fill with LinkedIn. Users then sign in with LinkedIn in the ",[14,19,20],{},"design generator",", and their name, email address and profile picture are already in the input fields. This works in web campaigns and through the link of a widget campaign. If the design generator is embedded in a website, signing in with LinkedIn isn't available.",[10,23,24],{},"This takes three steps:",[26,27,28,36,43],"ol",{},[29,30,31,32,35],"li",{},"Rename the variables of the input fields in the ",[14,33,34],{},"Input Fields view",".",[29,37,38,39,35],{},"Switch on pre-fill in the campaign under ",[40,41,42],"strong",{},"Social Connections",[29,44,45,46,35],{},"Test the sign-in in the ",[14,47,20],{},[49,50,52],"h2",{"id":51},"rename-the-variables","Rename the variables",[10,54,12,55,57],{},[14,56,34],{}," you see all input fields of your template and configure them.",[26,59,60,90,95,107,169,181],{},[29,61,62,66,67,70,71,74,75,77,78,80,81,84],{},[63,64,65],"click",{},"Click"," ",[40,68,69],{},"Input Fields"," at the top right of the ",[14,72,73],{},"toolbar"," in the ",[14,76,16],{},". The ",[14,79,34],{}," opens.",[82,83],"br",{},[85,86],"img",{"alt":87,"src":88,"width":89},"Toolbar top right with the Input Fields button highlighted.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-create-input-field-02\u002Fpublic",894,[29,91,92,94],{},[63,93,65],{}," the gear on the right of the input field that should get LinkedIn data. The settings open.",[29,96,97,99,100,102],{},[63,98,65],{}," the pencil to the right of the variable name.",[82,101],{},[85,103],{"alt":104,"src":105,"width":106},"Top of the input field settings with the variable name, its copy button and the pencil highlighted.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-input-field-variable-name-01\u002Fpublic?v=2bd65919",938,[29,108,109,113,114,163,165],{},[110,111,112],"type",{},"Type"," one of these names, spelled exactly like this, in capital letters:",[115,116,117,150],"ul",{},[29,118,119,122,123],{},[120,121],"right",{}," For a text input field:\n",[115,124,125,132,138,144],{},[29,126,127,131],{},[128,129,130],"code",{},"LINKEDIN_NAME",": full name",[29,133,134,137],{},[128,135,136],{},"LINKEDIN_GIVEN_NAME",": first name",[29,139,140,143],{},[128,141,142],{},"LINKEDIN_FAMILY_NAME",": last name",[29,145,146,149],{},[128,147,148],{},"LINKEDIN_EMAIL",": email address",[29,151,152,154,155],{},[120,153],{}," For an image input field:\n",[115,156,157],{},[29,158,159,162],{},[128,160,161],{},"LINKEDIN_PICTURE",": profile picture",[82,164],{},[85,166],{"alt":167,"src":168,"width":106},"Settings of the Photo input field: the variable name LINKEDIN_PICTURE with its copy button and pencil highlighted.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-pre-populate-data-from-linkedin-03\u002Fpublic?v=f6bc8145",[29,170,171,173,174],{},[63,172,65],{}," the checkmark. The input field now gets the matching value from LinkedIn as soon as a user signs in.",[175,176,178],"trouble",{"symptom":177},"The name turns red?",[10,179,180],{},"Each variable name can only be used once in a template. Another input field already has this name. Give the other input field a different name first.",[29,182,183,66,185,188],{},[63,184,65],{},[40,186,187],{},"Done",". The settings close. Do the same for every other input field that should get LinkedIn data.",[49,190,192],{"id":191},"switch-on-pre-fill-in-the-campaign","Switch on pre-fill in the campaign",[10,194,12,195,197,198,35],{},[40,196,42],{}," step you decide what users can do with their finished design. This is also where you switch on the LinkedIn sign-in. Your template has to be in a web or widget campaign for this. How to create one is described in ",[199,200,202],"a",{"href":201},"\u002Fhelp\u002Fcampaigns\u002Fcreate-campaign","Create a campaign",[26,204,205,213,218,234],{},[29,206,207,66,209,212],{},[63,208,65],{},[40,210,211],{},"Campaigns"," in the Studio navigation. The overview of your campaigns opens.",[29,214,215,217],{},[63,216,65],{}," the card of your campaign. The campaign opens.",[29,219,220,66,222,224,225],{},[63,221,65],{},[40,223,42],{}," at the top.",[175,226,228],{"symptom":227},"The Social Connections step is missing?",[10,229,230,231,233],{},"Team campaigns don't have a ",[40,232,42],{}," step. Pre-fill with LinkedIn is only available in web and widget campaigns.",[29,235,236,66,239,242,243,246,247,250,251,253],{},[63,237,238],{},"Tick",[40,240,241],{},"Pre-fill Templates with data from LinkedIn"," under ",[40,244,245],{},"Verifiable Targets",". The hint \"How to pre-fill your template\" with the five variable names appears below. Pre-fill is now switched on. You don't need the ",[40,248,249],{},"LinkedIn"," switch for it: the sign-in also works if users don't share their design on LinkedIn.",[82,252],{},[85,254],{"alt":255,"src":256,"width":257},"Verifiable Targets with Pre-fill Templates with data from LinkedIn ticked.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-pre-populate-data-from-linkedin-01\u002Fpublic",400,[49,259,261],{"id":260},"test-the-sign-in-in-the-design-generator","Test the sign-in in the design generator",[10,263,264,265,267],{},"The ",[14,266,20],{}," is the page where users fill in your template and export their design. Here you test the sign-in the way users see it.",[26,269,270,278,288,327,336,350],{},[29,271,272,66,274,277],{},[63,273,65],{},[40,275,276],{},"Share"," at the top of your campaign.",[29,279,280,66,282,285,286,80],{},[63,281,65],{},[40,283,284],{},"Copy URL"," and open the link in a new browser tab. The ",[14,287,20],{},[29,289,290,294,295,298,299,302,303,319,321],{},[291,292,293],"look",{},"Look"," at the ",[40,296,297],{},"Continue with LinkedIn"," popup. It opens by itself after a moment. With ",[40,300,301],{},"Skip for now",", users can close it and fill in everything themselves.",[175,304,306],{"symptom":305},"The popup doesn't open by itself?",[10,307,308,309,311,312,314,315,318],{},"If you already clicked ",[40,310,301],{}," in this browser tab, it no longer opens by itself. ",[63,313,65],{}," the LinkedIn logo with the plus at the top. This is the ",[40,316,317],{},"Connect with LinkedIn"," button.",[82,320],{},[85,322],{"alt":323,"src":324,"width":106,"className":325},"Design generator of a campaign: below the LinkedIn logo with the plus, the Continue with LinkedIn popup is open, with the Continue with LinkedIn button and Skip for now, highlighted.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-pre-populate-data-from-linkedin-02\u002Fpublic?v=dd607111",[326],"outlined",[29,328,329,66,331,333,334,35],{},[63,330,65],{},[40,332,297],{}," and sign in to LinkedIn. Afterwards you are back in the ",[14,335,20],{},[29,337,338,341,342,344],{},[291,339,340],{},"Check"," that the input fields and the design show your name, your email address and your profile picture.",[82,343],{},[85,345],{"alt":346,"src":347,"width":348,"className":349},"Design generator after logging in with LinkedIn: the name and profile picture are already in the input fields and in the design.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-pre-populate-data-from-linkedin-04\u002Fpublic?v=fa1036fc",1920,[326],[29,351,352,355],{},[291,353,354],{},"Test"," the same with a LinkedIn account that lacks, for example, a profile picture. This shows you what the design looks like when LinkedIn doesn't provide a value.",[357,358,359],"related",{},[115,360,361,367,373,379],{},[29,362,363],{},[199,364,366],{"href":365},"\u002Fhelp\u002Fcampaigns\u002Fplatform-integrations","Social Connections: export targets of a campaign",[29,368,369],{},[199,370,372],{"href":371},"\u002Fhelp\u002Finput-fields\u002Finput-field-settings","Input field settings",[29,374,375],{},[199,376,378],{"href":377},"\u002Fhelp\u002Finput-fields\u002Fimage-input-fields","Image input fields",[29,380,381],{},[199,382,384],{"href":383},"\u002Fhelp\u002Fcampaigns\u002Fpost-logging","Redact post logging: store less data about LinkedIn posts",{"title":386,"searchDepth":387,"depth":387,"links":388},"",2,[389,390,391],{"id":51,"depth":387,"text":52},{"id":191,"depth":387,"text":192},{"id":260,"depth":387,"text":261},"data-and-automation","Let users sign in with LinkedIn in the design generator so their name, email address and profile picture are already in the input fields.","md",[249,396,397,398,399,130,136,142,148,161,241,297,400,42],"prefill","pre-fill","profile","profile picture","Variable name",{},true,20,"\u002Fhelp\u002Fdata-and-automation\u002Fpre-populate-data-from-linkedin","2026-06-10","---\ntitle: \"Pre-fill input fields with LinkedIn data\"\ndescription: \"Let users sign in with LinkedIn in the design generator so their name, email address and profile picture are already in the input fields.\"\ncategory: data-and-automation\norder: 20\nkeywords: [\"LinkedIn\", \"prefill\", \"pre-fill\", \"profile\", \"profile picture\", \"LINKEDIN_NAME\", \"LINKEDIN_GIVEN_NAME\", \"LINKEDIN_FAMILY_NAME\", \"LINKEDIN_EMAIL\", \"LINKEDIN_PICTURE\", \"Pre-fill Templates with data from LinkedIn\", \"Continue with LinkedIn\", \"Variable name\", \"Social Connections\"]\n---\n\nIn the :place[template editor] you give input fields fixed variable names, and in your campaign you switch on pre-fill with LinkedIn. Users then sign in with LinkedIn in the :place[design generator], and their name, email address and profile picture are already in the input fields. This works in web campaigns and through the link of a widget campaign. If the design generator is embedded in a website, signing in with LinkedIn isn't available.\n\nThis takes three steps:\n\n1. Rename the variables of the input fields in the :place[Input Fields view].\n2. Switch on pre-fill in the campaign under **Social Connections**.\n3. Test the sign-in in the :place[design generator].\n\n\n## Rename the variables\n\nIn the :place[Input Fields view] you see all input fields of your template and configure them.\n\n1. :click[Click] **Input Fields** at the top right of the :place[toolbar] in the :place[template editor]. The :place[Input Fields view] opens.\n\n   ![Toolbar top right with the Input Fields button highlighted.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-create-input-field-02\u002Fpublic){width=\"894\"}\n\n2. :click[Click] the gear on the right of the input field that should get LinkedIn data. The settings open.\n3. :click[Click] the pencil to the right of the variable name.\n\n   ![Top of the input field settings with the variable name, its copy button and the pencil highlighted.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-input-field-variable-name-01\u002Fpublic?v=2bd65919){width=\"938\"}\n\n4. :type[Type] one of these names, spelled exactly like this, in capital letters:\n\n   - :right For a text input field:\n     - `LINKEDIN_NAME`: full name\n     - `LINKEDIN_GIVEN_NAME`: first name\n     - `LINKEDIN_FAMILY_NAME`: last name\n     - `LINKEDIN_EMAIL`: email address\n   - :right For an image input field:\n     - `LINKEDIN_PICTURE`: profile picture\n\n   ![Settings of the Photo input field: the variable name LINKEDIN_PICTURE with its copy button and pencil highlighted.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-pre-populate-data-from-linkedin-03\u002Fpublic?v=f6bc8145){width=\"938\"}\n\n5. :click[Click] the checkmark. The input field now gets the matching value from LinkedIn as soon as a user signs in.\n\n   ::trouble{symptom=\"The name turns red?\"}\n   Each variable name can only be used once in a template. Another input field already has this name. Give the other input field a different name first.\n   ::\n\n6. :click[Click] **Done**. The settings close. Do the same for every other input field that should get LinkedIn data.\n\n## Switch on pre-fill in the campaign\n\nIn the **Social Connections** step you decide what users can do with their finished design. This is also where you switch on the LinkedIn sign-in. Your template has to be in a web or widget campaign for this. How to create one is described in [Create a campaign](\u002Fhelp\u002Fcampaigns\u002Fcreate-campaign).\n\n1. :click[Click] **Campaigns** in the Studio navigation. The overview of your campaigns opens.\n2. :click[Click] the card of your campaign. The campaign opens.\n3. :click[Click] **Social Connections** at the top.\n\n   ::trouble{symptom=\"The Social Connections step is missing?\"}\n   Team campaigns don't have a **Social Connections** step. Pre-fill with LinkedIn is only available in web and widget campaigns.\n   ::\n\n4. :click[Tick] **Pre-fill Templates with data from LinkedIn** under **Verifiable Targets**. The hint \"How to pre-fill your template\" with the five variable names appears below. Pre-fill is now switched on. You don't need the **LinkedIn** switch for it: the sign-in also works if users don't share their design on LinkedIn.\n\n   ![Verifiable Targets with Pre-fill Templates with data from LinkedIn ticked.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-pre-populate-data-from-linkedin-01\u002Fpublic){width=\"400\"}\n\n## Test the sign-in in the design generator\n\nThe :place[design generator] is the page where users fill in your template and export their design. Here you test the sign-in the way users see it.\n\n1. :click[Click] **Share** at the top of your campaign.\n2. :click[Click] **Copy URL** and open the link in a new browser tab. The :place[design generator] opens.\n3. :look[Look] at the **Continue with LinkedIn** popup. It opens by itself after a moment. With **Skip for now**, users can close it and fill in everything themselves.\n\n   ::trouble{symptom=\"The popup doesn't open by itself?\"}\n   If you already clicked **Skip for now** in this browser tab, it no longer opens by itself. :click[Click] the LinkedIn logo with the plus at the top. This is the **Connect with LinkedIn** button.\n   ::\n\n   ![Design generator of a campaign: below the LinkedIn logo with the plus, the Continue with LinkedIn popup is open, with the Continue with LinkedIn button and Skip for now, highlighted.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-pre-populate-data-from-linkedin-02\u002Fpublic?v=dd607111){.outlined width=\"938\"}\n\n4. :click[Click] **Continue with LinkedIn** and sign in to LinkedIn. Afterwards you are back in the :place[design generator].\n\n5. :look[Check] that the input fields and the design show your name, your email address and your profile picture.\n\n   ![Design generator after logging in with LinkedIn: the name and profile picture are already in the input fields and in the design.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-pre-populate-data-from-linkedin-04\u002Fpublic?v=fa1036fc){.outlined width=\"1920\"}\n\n6. :look[Test] the same with a LinkedIn account that lacks, for example, a profile picture. This shows you what the design looks like when LinkedIn doesn't provide a value.\n\n::related\n- [Social Connections: export targets of a campaign](\u002Fhelp\u002Fcampaigns\u002Fplatform-integrations)\n- [Input field settings](\u002Fhelp\u002Finput-fields\u002Finput-field-settings)\n- [Image input fields](\u002Fhelp\u002Finput-fields\u002Fimage-input-fields)\n- [Redact post logging: store less data about LinkedIn posts](\u002Fhelp\u002Fcampaigns\u002Fpost-logging)\n::\n",{"title":5,"description":393},"help\u002Fdata-and-automation\u002Fpre-populate-data-from-linkedin","2026-10-22","f2VLe63Ho7B5bRbpJLSeODhjsISPygVN79f3x7RPj-8",1792680562046]