{"id":12786,"date":"2023-05-07T06:47:27","date_gmt":"2023-05-07T06:47:27","guid":{"rendered":"https:\/\/www.bay20.com\/?p=12786"},"modified":"2025-05-14T16:49:01","modified_gmt":"2025-05-14T11:04:01","slug":"wie-erstelle-ich-eine-blitz-app-seite-in-salesforce","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/wie-erstelle-ich-eine-blitz-app-seite-in-salesforce\/","title":{"rendered":"Wie erstellt man eine Lightning App Seite in Salesforce?"},"content":{"rendered":"\n<p>Lightning-Seiten sind benutzerdefinierte Layouts, die es uns erm\u00f6glichen, benutzerdefinierte Elemente zu einer Seite hinzuzuf\u00fcgen. Lightning-Komponenten sind wiederverwendbare und anpassbare Komponenten, die mit einer Kombination aus HTML, JavaScript und CSS erstellt werden. Diese Seiten sind f\u00fcr die Verwendung in der Lightning Experience und den mobilen Salesforce-Apps vorgesehen, indem sie per Drag &amp; Drop in den Lightning App Builder gezogen werden. In diesem Blog werden wir die Erstellung von Lightning App Page besprechen.<\/p>\n\n\n\n<p>Lightning App-Seiten sind der Typ von Lightning-Seiten, der f\u00fcr die Anzeige von benutzerdefinierten Anwendungen in der Lightning Experience verwendet wird. Diese Seiten werden verwendet, um verwandte Informationen und Aktionen anzuzeigen. Wir k\u00f6nnen diese Seiten mit dem Lightning App Builder an unsere Bed\u00fcrfnisse anpassen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Gehen Sie folgenderma\u00dfen vor, um eine Lightning App-Seite in Salesforce zu erstellen:<\/h2>\n\n\n\n<p><strong>Schritt 1: <\/strong>Melden Sie sich zun\u00e4chst bei Ihrem Salesforce-Konto an.<\/p>\n\n\n\n<p><strong>Schritt 2: <\/strong>\u00d6ffnen Sie dann die Einrichtungsseite, indem Sie auf das Zahnradsymbol Setup klicken.<\/p>\n\n\n\n<p><strong>Schritt 3: <\/strong>Geben Sie nun in das Schnellsuchfeld <strong>\u201eapp builder\u201c <\/strong>ein und w\u00e4hlen Sie <strong>\u201eLightning App Builder\u201c <\/strong>aus dem Ergebnis. Dadurch wird die Seite<strong> \u201eLightning App Builder\u201c<\/strong> ge\u00f6ffnet.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"466\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/05\/Lightning-App-Builder-980x466.png\" alt=\"Lightning App Page\" class=\"wp-image-12811\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Lightning-App-Builder-980x466.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Lightning-App-Builder-300x143.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Lightning-App-Builder-800x380.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Lightning-App-Builder-768x365.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Lightning-App-Builder-1000x475.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Lightning-App-Builder.png 1366w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p><strong>Schritt 4: <\/strong>Klicken Sie nun auf der App Builder-Seite auf die Schaltfl\u00e4che <strong>\u201eNeu\u201c<\/strong>, um die Erstellung einer neuen Seite zu starten.<\/p>\n\n\n\n<p><strong>Schritt 5: <\/strong>W\u00e4hlen Sie dann die <strong>\u201eApp-Seite\u201c<\/strong> als Seitentyp aus und klicken Sie auf die Schaltfl\u00e4che<strong> \u201eWeiter\u201c<\/strong>.<\/p>\n\n\n\n<p><strong>Schritt 6:<\/strong> Geben Sie dann die Bezeichnung f\u00fcr die Blitz-App-Seite ein und klicken Sie auf die Schaltfl\u00e4che <strong>\u201eWeiter\u201c<\/strong>.<\/p>\n\n\n\n<p><strong>Schritt 7: <\/strong>W\u00e4hlen Sie nun das Layout f\u00fcr die Seite aus und klicken Sie auf die Schaltfl\u00e4che<strong> \u201eFertig stellen\u201c.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"466\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/05\/Lightning-App-Builder-layout-980x466.png\" alt=\"Lightning App Page\" class=\"wp-image-12823\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Lightning-App-Builder-layout-980x466.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Lightning-App-Builder-layout-300x143.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Lightning-App-Builder-layout-800x380.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Lightning-App-Builder-layout-768x365.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Lightning-App-Builder-layout-1000x475.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Lightning-App-Builder-layout.png 1366w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p><strong>Schritt 8: <\/strong>F\u00fcgen Sie au\u00dferdem in der linken Seitenleiste Standard- und benutzerdefinierte Komponenten durch Ziehen und Ablegen zur Seite hinzu. Klicken Sie dann auf die Schaltfl\u00e4che <strong>\u201eSpeichern\u201c <\/strong>in der oberen rechten Ecke.<\/p>\n\n\n\n<p><strong>Schritt 9:<\/strong> Dann erscheint ein Popup zur Aktivierung der Seite. Klicken Sie auf die Schaltfl\u00e4che <strong>\u201eAktivieren\u201c<\/strong>, um die Aktivierungsseite zu \u00f6ffnen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"433\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/05\/Page_activation-980x433.png\" alt=\"Lightning App Page\" class=\"wp-image-12814\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Page_activation-980x433.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Page_activation-300x133.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Page_activation-800x353.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Page_activation-768x339.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Page_activation-1000x442.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/05\/Page_activation.png 1365w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p><strong>Schritt 10: <\/strong>Geben Sie der Seite einen Namen, legen Sie die Sichtbarkeit der Seite fest und w\u00e4hlen Sie ein Symbol in der <strong>Seiteneinstellung<\/strong>. F\u00fcgen Sie die Seite auch in der <strong>Lightning Experience<\/strong> zu den Lightning-Apps hinzu und klicken Sie schlie\u00dflich auf die Schaltfl\u00e4che <strong>\u201eSpeichern\u201c<\/strong>, um die Aktivierung zu speichern.<\/p>\n\n\n\n<p><strong>Bitte kontaktieren Sie uns unter <strong><a href=\"mailto:manish@bay20.com\">manish@bay20.com<\/a><\/strong> oder rufen Sie uns unter <strong><a href=\"https:\/\/api.whatsapp.com\/send?phone=+918800519180&amp;text=Hi,%20I%20contacted%20you%20through%20your%20website.\" target=\"_blank\" rel=\"noreferrer noopener\">+91-8800519180<\/a><\/strong> an, wenn Sie Unterst\u00fctzung in Bezug auf Salesforce ben\u00f6tigen. Sie k\u00f6nnen auch die <strong><a href=\"https:\/\/www.bay20.com\/de\/salesforce-development-unternehmen\/\">Salesforce<strong>-Entwicklungsseite<\/strong> <\/a><\/strong>besuchen, um die von uns angebotenen Dienstleistungen zu \u00fcberpr\u00fcfen.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lightning pages are the custom layouts that allow us to add custom entities to a page and are created using Lightning components. Lightning components are reusable and customizable components that are created using a combination of HTML, JavaScript, and CSS.<\/p>\n","protected":false},"author":89,"featured_media":12825,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[128,162],"tags":[],"class_list":["post-12786","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-salesforce","category-verwalter"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/12786","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/users\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=12786"}],"version-history":[{"count":15,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/12786\/revisions"}],"predecessor-version":[{"id":17067,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/12786\/revisions\/17067"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/12825"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=12786"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=12786"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=12786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}