{"id":8141,"date":"2022-02-10T09:21:00","date_gmt":"2022-02-10T09:21:00","guid":{"rendered":"https:\/\/notificationx.com\/?post_type=docs&#038;p=8141"},"modified":"2022-08-01T10:17:54","modified_gmt":"2022-08-01T10:17:54","password":"","slug":"inline-notification-in-gutenberg","status":"publish","type":"docs","link":"https:\/\/notificationx.com\/de\/docs\/inline-notification-in-gutenberg\/","title":{"rendered":"Wie kann man die NotificationX-Inline-Benachrichtigung in Gutenberg pr\u00e4sentieren?"},"content":{"rendered":"<p><a href=\"https:\/\/notificationx.com\/de\/\" target=\"_blank\" rel=\"noopener\"><b>NotificationX<\/b><\/a><span style=\"font-weight: 400\"> k\u00f6nnen Sie alle Live-Benachrichtigungen in WordPress Gutenberg mit NotificationX-Inline-Benachrichtigungen anzeigen<\/span><span style=\"font-weight: 400\">. Es hilft Ihnen, die Vorlage nach Ihren W\u00fcnschen zu konfigurieren und anzupassen.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Sehen Sie sich die Richtlinie an, um zu sehen, wie Sie pr\u00e4sentieren k\u00f6nnen <\/span><b>NotificationX Inline-Benachrichtigung in Gutenberg <\/b><span style=\"font-weight: 400\">alarmieren und Ihre Live-Benachrichtigungen unten hervorheben:<\/span><\/p>\n<p><iframe title=\"Wie verwende ich Inline-Benachrichtigungen mit Gutenberg?\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/IEvku_SmuyA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen loading=\"lazy\"><\/iframe><\/p>\n<h2><b>Schritt 1: Navigieren Sie zu Ihrem Gutenberg-Editor<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Stell sicher dass du hast <\/span><a href=\"https:\/\/notificationx.com\/de\/docs\/purchase-notificationx-pro\/\" target=\"_blank\" rel=\"nofollow noopener\"><b>installiert &amp; aktiviert NotificationX<\/b><\/a> <span style=\"font-weight: 400\">Plugin<\/span> <span style=\"font-weight: 400\">auf Ihrer WordPress-Website. Wenn Sie es bereits getan haben, sind Sie dann alle bereit, dies zu pr\u00e4sentieren <strong>NotificationX Inline-Benachrichtigung<\/strong><\/span><b>\u00a0<\/b><span style=\"font-weight: 400\">bei Gutenberg.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Navigieren Sie zun\u00e4chst zu Ihrem Gutenberg-Editor und klicken Sie auf die <strong>&#8216;+&#8217;<\/strong> Zeichen zu suchen <\/span><a href=\"https:\/\/notificationx.com\/de\/docs\/notificationx-inline-notification\/\" target=\"_blank\" rel=\"noopener\"><b>NotificationX Inline-Benachrichtigung<\/b><\/a>\u00a0<strong>Block.\u00a0<\/strong><\/p>\n<p><img title=\"Wie kann man die NotificationX-Inline-Benachrichtigung in Gutenberg pr\u00e4sentieren? 1\" fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-8147 size-full\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/screely-1644475917052.png\" alt=\"NotificationX Inline-Benachrichtigung in Gutenberg\" width=\"1918\" height=\"904\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/screely-1644475917052.png 1918w, https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/screely-1644475917052-300x141.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/screely-1644475917052-1024x483.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/screely-1644475917052-768x362.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/screely-1644475917052-1536x724.png 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/screely-1644475917052-18x8.png 18w\" sizes=\"(max-width: 1918px) 100vw, 1918px\"  loading=\"eager\"\/><\/p>\n<h2>Schritt 2: Konfigurieren Sie die NotificationX-Inline-Benachrichtigung<\/h2>\n<p>Klicken Sie anschlie\u00dfend auf den NotificationX-Inline-Benachrichtigungsblock und platzieren Sie ihn an Ihrer bevorzugten Stelle im Gutenberg-Editor. Jetzt von NotificationX Inline-Benachrichtigung <strong>&#039;Allgemein&#039;<\/strong> W\u00e4hlen Sie auf der Registerkarte aus, welche Benachrichtigung Sie pr\u00e4sentieren m\u00f6chten <strong>&#039;Benachrichtigung ausw\u00e4hlen&#039;<\/strong>.<\/p>\n<p>Es wird dann sofort die entsprechende Art von Benachrichtigungen angezeigt. Au\u00dferdem k\u00f6nnen Sie die Ausrichtung Ihrer Inline-Benachrichtigung dann nach Ihren W\u00fcnschen \u00e4ndern.<\/p>\n<p><img title=\"Wie kann man die NotificationX-Inline-Benachrichtigung in Gutenberg pr\u00e4sentieren? 2\" decoding=\"async\" class=\"aligncenter wp-image-8146 size-full\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/2022-02-10_12-28-13.gif\" alt=\"NotificationX-Wachstumsalarm in Gutenberg\" width=\"1916\" height=\"888\"  loading=\"eager\" fetchpriority=\"high\"\/><\/p>\n<h2>Schritt 3: Gestalten Sie Ihre Inline-Benachrichtigung<\/h2>\n<p>Von dem<strong> &#039;Stil&#039;<\/strong> Registerkarte haben Sie die volle Freiheit, die zu \u00e4ndern <strong>&#039;Typografie&#039;<\/strong>. Klicken Sie einfach auf die <strong>Zeichen \u201eBearbeiten\u201c.<\/strong> die direkt nach der &#039;Typografie&#039; pr\u00e4sentiert wird.<\/p>\n<p>Nehmen Sie nun die \u00c4nderungen mit vor <strong>Schriftfamilie, Gewicht, Gr\u00f6\u00dfe,<\/strong> Gewicht, Stil, Platz und andere, die zu Ihrem Website-Design passen.<\/p>\n<p><img title=\"Wie kann man die NotificationX-Inline-Benachrichtigung in Gutenberg pr\u00e4sentieren? 3\" decoding=\"async\" class=\"aligncenter wp-image-8145 size-full\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/2022-02-10_12-18-33.gif\" alt=\"NotificationX-Wachstumsalarm in Gutenberg\" width=\"1918\" height=\"890\"  loading=\"lazy\"\/><\/p>\n<p>Dar\u00fcber hinaus k\u00f6nnen Sie auch die Typografieausrichtung, den Rand und die Auff\u00fcllung \u00e4ndern. Von <strong>&#039;Farbe&#039;<\/strong>k\u00f6nnen Sie die Text- und Hintergrundfarbe \u00e4ndern, um das Aussehen Ihrer Inline-Benachrichtigungsvorlage wie gew\u00fcnscht zu gestalten.<\/p>\n<p><img title=\"Wie kann man die NotificationX-Inline-Benachrichtigung in Gutenberg pr\u00e4sentieren? 4\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8157 size-full\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/2022-02-10_13-02-22.gif\" alt=\"NotificationX-Wachstumsalarm in Gutenberg\" width=\"1910\" height=\"880\" \/><\/p>\n<p>Au\u00dferdem von <strong>&#039;Grenze&#039;<\/strong>, w\u00e4hlen Sie Ihren NotificationX-Inline-Benachrichtigungsrandstil und -radius entsprechend Ihren Anforderungen.<\/p>\n<p><img title=\"Wie kann man die NotificationX-Inline-Benachrichtigung in Gutenberg pr\u00e4sentieren? 5\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8149 size-full\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/2022-02-10_12-22-51.gif\" alt=\"NotificationX-Wachstumsalarm in Gutenberg\" width=\"1910\" height=\"888\" \/><\/p>\n<h2><b>Endergebnis<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Indem Sie diese genannten Schritte befolgen und ein bisschen mehr modifizieren, k\u00f6nnen Sie so pr\u00e4sentieren<\/span><b> NotificationX Inline-Benachrichtigung in Gutenberg <\/b><span style=\"font-weight: 400\">mit <\/span><a href=\"https:\/\/notificationx.com\/de\/\" target=\"_blank\" rel=\"noopener\"><b>NotificationX<\/b><\/a><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><img title=\"Wie kann man die NotificationX-Inline-Benachrichtigung in Gutenberg pr\u00e4sentieren? 6\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8153 size-full\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/image-3.png\" alt=\"NotificationX-Wachstumsalarm in Gutenberg\" width=\"730\" height=\"284\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/image-3.png 730w, https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/image-3-300x117.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2022\/02\/image-3-18x7.png 18w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/><\/p>\n<p><span style=\"font-weight: 400\">Das ist es! So einfach k\u00f6nnen Sie Ihre konfigurieren und sch\u00f6n darstellen <\/span><b>NotificationX Inline-Benachrichtigung in Gutenberg.<\/b><\/p>\n<p><span style=\"font-weight: 400\">Steckenbleiben? Wenn Sie auf Probleme sto\u00dfen, k\u00f6nnen Sie sich an unsere wenden<\/span> <a href=\"https:\/\/wpdeveloper.com\/support\/\" target=\"_blank\" rel=\"noopener\"><b>Support-team<\/b><\/a><span style=\"font-weight: 400\">.<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>Holen Sie sich die NotificationX-Inline-Benachrichtigung in Gutenberg, um Ihre Website-Social-Proof-Benachrichtigungen mit NotificationX ohne Codierung zu pr\u00e4sentieren.<\/p>","protected":false},"author":12,"featured_media":8153,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","_thinkrank_schema_form_data":"{\"video_name\":\"How To Use Inline Notification With Gutenberg?\",\"video_description\":\"Find out how you can display Inline Notification using your favorite social proof plugin NotificationX. Just follow this easy-to-go video tutorial and add ey...\",\"video_embed_url\":\"https:\\\/\\\/www.youtube.com\\\/embed\\\/IEvku_SmuyA\",\"video_duration\":\"PT1M28S\",\"video_upload_date\":\"2022-04-29\",\"video_thumbnail\":\"https:\\\/\\\/notificationx.com\\\/wp-content\\\/uploads\\\/2022\\\/08\\\/maxresdefault-4.jpg\"}","_thinkrank_selected_schema_type":"VideoObject","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"rankmath","_thinkrank_focus_keywords":["Inline Notification in Gutenberg","Gutenberg","NotificationX Inline Notification in Gutenberg"],"_thinkrank_focus_keyword":"Inline Notification in Gutenberg","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"","_thinkrank_advanced_robots_meta":"","_thinkrank_exclude_from_search":0,"_thinkrank_exclude_from_archives":0,"_thinkrank_primary_category":0,"_analytify_skip_tracking":false,"_xspeed_no_cache":false,"_xspeed_expiry_hours":0,"footnotes":""},"doc_category":[154],"doc_tag":[155,561,156,569,568,157],"class_list":["post-8141","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations","doc_tag-fomo-notification","doc_tag-inline-notification","doc_tag-notificationx","doc_tag-notificationx-in-gutenberg","doc_tag-notificationx-live-alerts-in-gutenberg","doc_tag-social-proof"],"year_month":"2026-09","word_count":340,"total_views":"49182","reactions":{"happy":"2","normal":"0","sad":"0"},"author_info":{"name":"Afrin","author_nicename":"afrin","author_url":"https:\/\/notificationx.com\/de\/blog\/author\/afrin\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/notificationx.com\/de\/docs-category\/configurations\/"}],"doc_tag_info":[{"term_name":"FOMO Notification","term_url":"https:\/\/notificationx.com\/de\/docs-tag\/fomo-notification\/"},{"term_name":"Inline Notification","term_url":"https:\/\/notificationx.com\/de\/docs-tag\/inline-notification\/"},{"term_name":"NotificationX","term_url":"https:\/\/notificationx.com\/de\/docs-tag\/notificationx\/"},{"term_name":"NotificationX in Gutenberg","term_url":"https:\/\/notificationx.com\/de\/docs-tag\/notificationx-in-gutenberg\/"},{"term_name":"NotificationX Live Alerts In Gutenberg","term_url":"https:\/\/notificationx.com\/de\/docs-tag\/notificationx-live-alerts-in-gutenberg\/"},{"term_name":"Social Proof","term_url":"https:\/\/notificationx.com\/de\/docs-tag\/social-proof\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/de\/wp-json\/wp\/v2\/docs\/8141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/de\/wp-json\/wp\/v2\/users\/12"}],"version-history":[{"count":15,"href":"https:\/\/notificationx.com\/de\/wp-json\/wp\/v2\/docs\/8141\/revisions"}],"predecessor-version":[{"id":9327,"href":"https:\/\/notificationx.com\/de\/wp-json\/wp\/v2\/docs\/8141\/revisions\/9327"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/de\/wp-json\/wp\/v2\/media\/8153"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/de\/wp-json\/wp\/v2\/media?parent=8141"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/de\/wp-json\/wp\/v2\/doc_category?post=8141"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/de\/wp-json\/wp\/v2\/doc_tag?post=8141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}