[{"data":1,"prerenderedAt":442},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Fcampaigns\u002Flanding-page":3},{"id":4,"title":5,"body":6,"category":425,"description":426,"extension":427,"keywords":428,"meta":432,"navigation":433,"order":434,"path":435,"published":436,"rawbody":437,"seo":438,"stem":439,"updated":440,"__hash__":441},"helpDe\u002Fhelp\u002Fcampaigns\u002Flanding-page.de.md","Landing Page gestalten: Seite um den Design-Generator einrichten",{"type":7,"value":8,"toc":417},"minimark",[9,30,33,55,60,140,144,147,234,241,245,255,324,338,342,345,378,387],[10,11,12,13,17,18,22,23,25,26,29],"p",{},"Im Schritt ",[14,15,16],"strong",{},"Landing Page"," einer Web-Campaign baust du eine Seite um deinen ",[19,20,21],"place",{},"Design-Generator",": mit Header, Hintergrund und Titel. So passt die Seite zu deiner Marke, bevor Nutzer ein Template ausfüllen. Wie der ",[19,24,21],{}," selbst aussieht, legst du unter ",[14,27,28],{},"Generator Theme"," fest.",[10,31,32],{},"Das geht in vier Schritten:",[34,35,36,43,46,52],"ol",{},[37,38,39,40,42],"li",{},"Lege die Landing Page im Schritt ",[14,41,16],{}," an.",[37,44,45],{},"Gestalte den Header.",[37,47,48,49,51],{},"Gestalte Hintergrund und Titel um den ",[19,50,21],{},".",[37,53,54],{},"Teste die Seite auf einem Smartphone.",[56,57,59],"h2",{"id":58},"landing-page-anlegen","Landing Page anlegen",[34,61,62,73,81,99],{},[37,63,64,68,69,72],{},[65,66,67],"click",{},"Klicke"," in der Navigation des Studios auf ",[14,70,71],{},"Campaigns",". Die Übersicht deiner Campaigns öffnet sich.",[37,74,75,77,78,51],{},[65,76,67],{}," auf deine Web-Campaign. Sie öffnet sich beim Schritt ",[14,79,80],{},"Templates",[37,82,83,85,86,88,89,51,92],{},[65,84,67],{}," oben auf den Schritt ",[14,87,16],{},". Links stehen die Einstellungen, rechts siehst du eine Vorschau deines ",[19,90,91],{},"Design-Generators",[93,94,96],"trouble",{"symptom":95},"Der Schritt Landing Page fehlt?",[10,97,98],{},"Nur Web-Campaigns haben eine Landing Page. Widget- und Team-Campaigns haben diesen Schritt nicht. Erstelle für eine Landing Page eine Web-Campaign.",[37,100,101,103,104,107,108,110,111,132,135],{},[65,102,67],{}," auf ",[14,105,106],{},"Add landing page",". Die Landing Page ist jetzt angelegt. In der Vorschau steht über dem ",[19,109,21],{}," ein Beispieltitel mit Untertitel, auf weißem Hintergrund.",[93,112,114],{"symptom":113},"Die Vorschau zeigt nur „Widget has no URL“?",[10,115,116,117,120,121,124,125,127,128,131],{},"Die Campaign ist offline, zum Beispiel nach ",[14,118,119],{},"Delete URL"," im Schritt ",[14,122,123],{},"Share",". ",[65,126,67],{}," in der Vorschau auf ",[14,129,130],{},"Create URL",". Die Campaign ist dann wieder online und die Vorschau erscheint.",[133,134],"br",{},[136,137],"img",{"alt":138,"src":139},"Schritt Landing Page: links Header Section und Body Section, rechts die Vorschau der Seite.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-web-campaigns-02\u002Fpublic",[56,141,143],{"id":142},"header-gestalten","Header gestalten",[10,145,146],{},"Der Header ist ein Streifen ganz oben auf der Seite. Du brauchst ihn nicht, wenn dir Hintergrund und Titel reichen.",[34,148,149,161,196],{},[37,150,151,153,154,103,157,160],{},[65,152,67],{}," unter ",[14,155,156],{},"Header Section",[14,158,159],{},"Add header section",". Der Header ist jetzt angelegt und erscheint oben in der Vorschau, mit einem Beispieltitel auf dunklem Grund.",[37,162,163,167,168],{},[164,165,166],"type",{},"Gib"," den Inhalt des Headers ein:",[169,170,171,185],"ul",{},[37,172,173,176,177,180,181,184],{},[174,175],"right",{}," Für einen Titel: ",[164,178,179],{},"Ersetze"," bei ",[14,182,183],{},"Title"," den Beispieltitel durch deinen Text.",[37,186,187,189,190,103,192,195],{},[174,188],{}," Für eigenes HTML: ",[65,191,67],{},[14,193,194],{},"Custom HTML"," und gib dein HTML ein. Es ersetzt den Titel.",[37,197,198,180,201,204,205],{},[65,199,200],{},"Wähle",[14,202,203],{},"Background"," den Hintergrund des Headers:",[169,206,207,215],{},[37,208,209,211,212,214],{},[174,210],{}," Für eine Farbe: ",[65,213,67],{}," auf das runde Farbfeld und wähle eine Farbe. Die Schrift wird automatisch schwarz oder weiß, damit sie auf der Farbe lesbar bleibt.",[37,216,217,219,220,103,222,225,226,229,230,233],{},[174,218],{}," Für ein Bild: ",[65,221,67],{},[14,223,224],{},"Upload Image",". Im Popup ",[14,227,228],{},"Image Library"," wählst du ein Bild aus oder lädst mit ",[14,231,232],{},"Upload"," ein neues hoch. Am besten passt ein Bild im Format 16:3, zum Beispiel 1920 × 360 Pixel.",[10,235,236,237,240],{},"Mit ",[14,238,239],{},"Remove header section"," entfernst du den Header wieder, mit allen seinen Einstellungen.",[56,242,244],{"id":243},"hintergrund-und-titel-gestalten","Hintergrund und Titel gestalten",[10,246,247,248,251,252,254],{},"Unter ",[14,249,250],{},"Body Section"," gestaltest du den Bereich, in dem der ",[19,253,21],{}," steht.",[34,256,257,284,317],{},[37,258,259,153,261,180,263,265,266],{},[65,260,200],{},[14,262,250],{},[14,264,203],{}," den Hintergrund der Seite:",[169,267,268,275],{},[37,269,270,211,272,274],{},[174,271],{},[65,273,67],{}," auf das runde Farbfeld und wähle eine Farbe. Die Schrift wird automatisch schwarz oder weiß.",[37,276,277,219,279,103,281,283],{},[174,278],{},[65,280,67],{},[14,282,224],{}," und wähle ein Bild aus. Am besten passt ein Bild im Format 16:9, zum Beispiel 1920 × 1080 Pixel.",[37,285,286,288,289,291,292],{},[164,287,166],{}," den Text über dem ",[19,290,21],{}," ein:",[169,293,294,308],{},[37,295,296,298,299,180,301,303,304,307],{},[174,297],{}," Für Titel und Untertitel: ",[164,300,179],{},[14,302,183],{}," und ",[14,305,306],{},"Subtitle"," die Beispieltexte durch deine Texte.",[37,309,310,189,312,103,314,316],{},[174,311],{},[65,313,67],{},[14,315,194],{}," und gib dein HTML ein. Es ersetzt Titel und Untertitel.",[37,318,319,323],{},[320,321,322],"look",{},"Schau"," in der Vorschau rechts, ob alle Texte auf ihrem Hintergrund gut lesbar sind.",[325,326,327],"tip",{},[10,328,329,330,333,334,337],{},"Für mehr Kontrolle über die Texte setze unter ",[14,331,332],{},"Text Styling"," das Häkchen bei ",[14,335,336],{},"Advanced text styling",". Jeder Titel und Untertitel bekommt dann Einstellungen für Farbe, Schriftart, Stil und Ausrichtung.",[56,339,341],{"id":340},"seite-auf-dem-smartphone-testen","Seite auf dem Smartphone testen",[10,343,344],{},"Die Vorschau zeigt die Seite nur so, wie sie an deinem Computer aussieht. Wie Nutzer sie auf dem Smartphone sehen, testest du auf einem echten Smartphone.",[34,346,347,358,366,372],{},[37,348,349,85,351,353,354,357],{},[65,350,67],{},[14,352,123],{},". Unter ",[14,355,356],{},"Sharing URL"," steht der Link deiner Campaign.",[37,359,360,103,362,365],{},[65,361,67],{},[14,363,364],{},"Copy URL",". Die Meldung „Copied to clipboard“ erscheint. Der Link ist jetzt in deiner Zwischenablage.",[37,367,368,371],{},[65,369,370],{},"Öffne"," den Link auf deinem Smartphone, zum Beispiel über eine Nachricht an dich selbst. Die Landing Page öffnet sich.",[37,373,374,377],{},[320,375,376],{},"Prüfe",", ob Header, Titel und Hintergrund gut aussehen und alle Texte lesbar sind.",[10,379,236,380,153,383,386],{},[14,381,382],{},"Remove landing page",[14,384,385],{},"Advanced"," entfernst du die Landing Page wieder. Bluepic fragt dabei nicht nach und löscht alle ihre Einstellungen.",[388,389,390],"related",{},[169,391,392,399,405,411],{},[37,393,394],{},[395,396,398],"a",{"href":397},"\u002Fde\u002Fhelp\u002Fcampaigns\u002Fcreate-campaign","Campaign erstellen: mehrere Templates in einem Design-Generator teilen",[37,400,401],{},[395,402,404],{"href":403},"\u002Fde\u002Fhelp\u002Fcampaigns\u002Fgenerator-theme","Generator Theme: Einstellungen",[37,406,407],{},[395,408,410],{"href":409},"\u002Fde\u002Fhelp\u002Fcampaigns\u002Fbrand-portal-assets","Markenportal einrichten: Dateien zum Download in der Campaign anbieten",[37,412,413],{},[395,414,416],{"href":415},"\u002Fde\u002Fhelp\u002Fcampaigns\u002Fcustom-domains","Eigene Domain verwenden",{"title":418,"searchDepth":419,"depth":419,"links":420},"",2,[421,422,423,424],{"id":58,"depth":419,"text":59},{"id":142,"depth":419,"text":143},{"id":243,"depth":419,"text":244},{"id":340,"depth":419,"text":341},"campaigns","Gib dem Design-Generator deiner Web-Campaign einen Header, einen Hintergrund und einen Titel und teste die Seite auf dem Smartphone.","md",[16,106,156,159,250,332,336,194,429,430,431,21,382],"Hintergrund","Header","Web-Campaign",{},true,20,"\u002Fhelp\u002Fcampaigns\u002Flanding-page.de","2026-10-13","---\ntitle: \"Landing Page gestalten: Seite um den Design-Generator einrichten\"\ndescription: \"Gib dem Design-Generator deiner Web-Campaign einen Header, einen Hintergrund und einen Titel und teste die Seite auf dem Smartphone.\"\ncategory: campaigns\norder: 20\nkeywords: [\"Landing Page\", \"Add landing page\", \"Header Section\", \"Add header section\", \"Body Section\", \"Text Styling\", \"Advanced text styling\", \"Custom HTML\", \"Hintergrund\", \"Header\", \"Web-Campaign\", \"Design-Generator\", \"Remove landing page\"]\n---\n\nIm Schritt **Landing Page** einer Web-Campaign baust du eine Seite um deinen :place[Design-Generator]: mit Header, Hintergrund und Titel. So passt die Seite zu deiner Marke, bevor Nutzer ein Template ausfüllen. Wie der :place[Design-Generator] selbst aussieht, legst du unter **Generator Theme** fest.\n\nDas geht in vier Schritten:\n\n1. Lege die Landing Page im Schritt **Landing Page** an.\n2. Gestalte den Header.\n3. Gestalte Hintergrund und Titel um den :place[Design-Generator].\n4. Teste die Seite auf einem Smartphone.\n\n\n## Landing Page anlegen\n\n1. :click[Klicke] in der Navigation des Studios auf **Campaigns**. Die Übersicht deiner Campaigns öffnet sich.\n2. :click[Klicke] auf deine Web-Campaign. Sie öffnet sich beim Schritt **Templates**.\n3. :click[Klicke] oben auf den Schritt **Landing Page**. Links stehen die Einstellungen, rechts siehst du eine Vorschau deines :place[Design-Generators].\n\n   ::trouble{symptom=\"Der Schritt Landing Page fehlt?\"}\n   Nur Web-Campaigns haben eine Landing Page. Widget- und Team-Campaigns haben diesen Schritt nicht. Erstelle für eine Landing Page eine Web-Campaign.\n   ::\n\n4. :click[Klicke] auf **Add landing page**. Die Landing Page ist jetzt angelegt. In der Vorschau steht über dem :place[Design-Generator] ein Beispieltitel mit Untertitel, auf weißem Hintergrund.\n\n   ::trouble{symptom=\"Die Vorschau zeigt nur „Widget has no URL“?\"}\n   Die Campaign ist offline, zum Beispiel nach **Delete URL** im Schritt **Share**. :click[Klicke] in der Vorschau auf **Create URL**. Die Campaign ist dann wieder online und die Vorschau erscheint.\n   ::\n\n   ![Schritt Landing Page: links Header Section und Body Section, rechts die Vorschau der Seite.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-web-campaigns-02\u002Fpublic)\n\n## Header gestalten\n\nDer Header ist ein Streifen ganz oben auf der Seite. Du brauchst ihn nicht, wenn dir Hintergrund und Titel reichen.\n\n1. :click[Klicke] unter **Header Section** auf **Add header section**. Der Header ist jetzt angelegt und erscheint oben in der Vorschau, mit einem Beispieltitel auf dunklem Grund.\n2. :type[Gib] den Inhalt des Headers ein:\n\n   - :right Für einen Titel: :type[Ersetze] bei **Title** den Beispieltitel durch deinen Text.\n   - :right Für eigenes HTML: :click[Klicke] auf **Custom HTML** und gib dein HTML ein. Es ersetzt den Titel.\n\n3. :click[Wähle] bei **Background** den Hintergrund des Headers:\n\n   - :right Für eine Farbe: :click[Klicke] auf das runde Farbfeld und wähle eine Farbe. Die Schrift wird automatisch schwarz oder weiß, damit sie auf der Farbe lesbar bleibt.\n   - :right Für ein Bild: :click[Klicke] auf **Upload Image**. Im Popup **Image Library** wählst du ein Bild aus oder lädst mit **Upload** ein neues hoch. Am besten passt ein Bild im Format 16:3, zum Beispiel 1920 × 360 Pixel.\n\nMit **Remove header section** entfernst du den Header wieder, mit allen seinen Einstellungen.\n\n## Hintergrund und Titel gestalten\n\nUnter **Body Section** gestaltest du den Bereich, in dem der :place[Design-Generator] steht.\n\n1. :click[Wähle] unter **Body Section** bei **Background** den Hintergrund der Seite:\n\n   - :right Für eine Farbe: :click[Klicke] auf das runde Farbfeld und wähle eine Farbe. Die Schrift wird automatisch schwarz oder weiß.\n   - :right Für ein Bild: :click[Klicke] auf **Upload Image** und wähle ein Bild aus. Am besten passt ein Bild im Format 16:9, zum Beispiel 1920 × 1080 Pixel.\n\n2. :type[Gib] den Text über dem :place[Design-Generator] ein:\n\n   - :right Für Titel und Untertitel: :type[Ersetze] bei **Title** und **Subtitle** die Beispieltexte durch deine Texte.\n   - :right Für eigenes HTML: :click[Klicke] auf **Custom HTML** und gib dein HTML ein. Es ersetzt Titel und Untertitel.\n\n3. :look[Schau] in der Vorschau rechts, ob alle Texte auf ihrem Hintergrund gut lesbar sind.\n\n::tip\nFür mehr Kontrolle über die Texte setze unter **Text Styling** das Häkchen bei **Advanced text styling**. Jeder Titel und Untertitel bekommt dann Einstellungen für Farbe, Schriftart, Stil und Ausrichtung.\n::\n\n## Seite auf dem Smartphone testen\n\nDie Vorschau zeigt die Seite nur so, wie sie an deinem Computer aussieht. Wie Nutzer sie auf dem Smartphone sehen, testest du auf einem echten Smartphone.\n\n1. :click[Klicke] oben auf den Schritt **Share**. Unter **Sharing URL** steht der Link deiner Campaign.\n2. :click[Klicke] auf **Copy URL**. Die Meldung „Copied to clipboard“ erscheint. Der Link ist jetzt in deiner Zwischenablage.\n3. :click[Öffne] den Link auf deinem Smartphone, zum Beispiel über eine Nachricht an dich selbst. Die Landing Page öffnet sich.\n4. :look[Prüfe], ob Header, Titel und Hintergrund gut aussehen und alle Texte lesbar sind.\n\nMit **Remove landing page** unter **Advanced** entfernst du die Landing Page wieder. Bluepic fragt dabei nicht nach und löscht alle ihre Einstellungen.\n\n::related\n- [Campaign erstellen: mehrere Templates in einem Design-Generator teilen](\u002Fde\u002Fhelp\u002Fcampaigns\u002Fcreate-campaign)\n- [Generator Theme: Einstellungen](\u002Fde\u002Fhelp\u002Fcampaigns\u002Fgenerator-theme)\n- [Markenportal einrichten: Dateien zum Download in der Campaign anbieten](\u002Fde\u002Fhelp\u002Fcampaigns\u002Fbrand-portal-assets)\n- [Eigene Domain verwenden](\u002Fde\u002Fhelp\u002Fcampaigns\u002Fcustom-domains)\n::\n",{"title":5,"description":426},"help\u002Fcampaigns\u002Flanding-page.de","2026-10-22","pLYUa9plwpw09xEcCIfqqyGT5_isCCnOmBTSrug_VBA",1792680564741]