{"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\/nl\/docs\/inline-notification-in-gutenberg\/","title":{"rendered":"Hoe NotificationX Inline-melding in Gutenberg te demonstreren?"},"content":{"rendered":"<p><a href=\"https:\/\/notificationx.com\/nl\/\" target=\"_blank\" rel=\"noopener\"><b>Kennisgeving X<\/b><\/a><span style=\"font-weight: 400\"> laat je alle live waarschuwingen in WordPress Gutenberg weergeven met NotificationX Inline Notification-meldingen<\/span><span style=\"font-weight: 400\">. Het helpt u bij het configureren en aanpassen van de sjabloon zoals u dat wilt.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Bekijk de richtlijn om te zien hoe je kunt presenteren <\/span><b>NotificationX Inline-melding in Gutenberg <\/b><span style=\"font-weight: 400\">alert en laat uw live meldingen hieronder opvallen:<\/span><\/p>\n<p><iframe title=\"Hoe inline-meldingen met Gutenberg gebruiken?\" 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>Stap 1: Navigeer naar uw Gutenberg-editor<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Zorg dat je hebt <\/span><a href=\"https:\/\/notificationx.com\/nl\/docs\/purchase-notificationx-pro\/\" target=\"_blank\" rel=\"nofollow noopener\"><b>ge\u00efnstalleerd en geactiveerd NotificationX<\/b><\/a> <span style=\"font-weight: 400\">inpluggen<\/span> <span style=\"font-weight: 400\">op uw WordPress-website. Als je het al hebt gedaan, ben je er helemaal klaar voor om dit te laten zien <strong>NotificationX Inline-melding<\/strong><\/span><b>\u00a0<\/b><span style=\"font-weight: 400\">in Gutenberg.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Navigeer eerst naar uw Gutenberg-editor en klik op de <strong>&#8216;+&#8217;<\/strong> teken om naar te zoeken <\/span><a href=\"https:\/\/notificationx.com\/nl\/docs\/notificationx-inline-notification\/\" target=\"_blank\" rel=\"noopener\"><b>NotificationX Inline-melding<\/b><\/a>\u00a0<strong>blok.\u00a0<\/strong><\/p>\n<p><img title=\"Hoe NotificationX inline-melding in Gutenberg te demonstreren? 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-melding 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>Stap 2: Configureer NotificationX Inline meldingsmelding<\/h2>\n<p>Klik daarna op het NotificationX Inline Notification-blok en plaats het op de gewenste plaats in Gutenberg Editor. Nu vanaf NotificationX Inline Notificatie <strong>&#039;Algemeen&#039;<\/strong> tabblad kies uit welke melding je wilt laten zien <strong>&#039;Kies Melding&#039;<\/strong>.<\/p>\n<p>Het toont dan meteen het gerelateerde type meldingswaarschuwingen. U kunt ook de uitlijning van uw Inline Notification-melding naar uw voorkeur wijzigen.<\/p>\n<p><img title=\"Hoe NotificationX inline-melding in Gutenberg te demonstreren? 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-groeiwaarschuwing in Gutenberg\" width=\"1916\" height=\"888\"  loading=\"eager\" fetchpriority=\"high\"\/><\/p>\n<h2>Stap 3: Geef uw inline-melding vorm<\/h2>\n<p>Van de<strong> &#039;Stijl&#039;<\/strong> tabblad, krijgt u de volledige vrijheid om de <strong>&#039;Typografie&#039;<\/strong>. Klik gewoon op de <strong>&#039;Bewerken&#039; teken<\/strong> dat is te zien direct na de &#039;Typografie&#039;.<\/p>\n<p>Breng nu de wijzigingen aan met <strong>lettertypefamilie, gewicht, grootte,<\/strong> gewicht, stijl, ruimte en andere die passen bij het ontwerp van uw site.<\/p>\n<p><img title=\"Hoe NotificationX inline-melding in Gutenberg te demonstreren? 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-groeiwaarschuwing in Gutenberg\" width=\"1918\" height=\"890\"  loading=\"lazy\"\/><\/p>\n<p>Bovendien kunt u ook de typografische uitlijning, marge en opvulling wijzigen. Van <strong>&#039;Kleur&#039;<\/strong>, kunt u de tekst- en achtergrondkleur wijzigen om uw Inline Notification-sjabloon naar wens te maken.<\/p>\n<p><img title=\"Hoe NotificationX inline-melding in Gutenberg te demonstreren? 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-groeiwaarschuwing in Gutenberg\" width=\"1910\" height=\"880\" \/><\/p>\n<p>Trouwens, van <strong>&#039;Grens&#039;<\/strong>, kies uw NotificationX Inline Notification-randstijl en straal volgens uw behoefte.<\/p>\n<p><img title=\"Hoe NotificationX inline-melding in Gutenberg te demonstreren? 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-groeiwaarschuwing in Gutenberg\" width=\"1910\" height=\"888\" \/><\/p>\n<h2><b>Uiteindelijke uitkomst<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Door deze genoemde stappen te volgen en een beetje meer aan te passen, is dit hoe je kunt laten zien<\/span><b> NotificationX Inline-melding in Gutenberg <\/b><span style=\"font-weight: 400\">gebruik makend van <\/span><a href=\"https:\/\/notificationx.com\/nl\/\" target=\"_blank\" rel=\"noopener\"><b>Kennisgeving X<\/b><\/a><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><img title=\"Hoe NotificationX inline-melding in Gutenberg te demonstreren? 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-groeiwaarschuwing 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\">Dat is het! Zo eenvoudig kunt u uw <\/span><b>NotificationX Inline-melding in Gutenberg.<\/b><\/p>\n<p><span style=\"font-weight: 400\">Vast zitten? Als u problemen ondervindt, kunt u contact opnemen met onze<\/span> <a href=\"https:\/\/wpdeveloper.com\/support\/\" target=\"_blank\" rel=\"noopener\"><b>Ondersteuningsteam<\/b><\/a><span style=\"font-weight: 400\">.<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>Ontvang NotificationX Inline Notification in Gutenberg om uw website social proof-waarschuwingen te tonen met NotificationX zonder codering.<\/p>","protected":false},"author":12,"featured_media":8153,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_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_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":"49177","reactions":{"happy":"2","normal":"0","sad":"0"},"author_info":{"name":"afrin","author_nicename":"afrin","author_url":"https:\/\/notificationx.com\/nl\/blog\/author\/afrin\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/notificationx.com\/nl\/docs-category\/configurations\/"}],"doc_tag_info":[{"term_name":"FOMO Notification","term_url":"https:\/\/notificationx.com\/nl\/docs-tag\/fomo-notification\/"},{"term_name":"Inline Notification","term_url":"https:\/\/notificationx.com\/nl\/docs-tag\/inline-notification\/"},{"term_name":"NotificationX","term_url":"https:\/\/notificationx.com\/nl\/docs-tag\/notificationx\/"},{"term_name":"NotificationX in Gutenberg","term_url":"https:\/\/notificationx.com\/nl\/docs-tag\/notificationx-in-gutenberg\/"},{"term_name":"NotificationX Live Alerts In Gutenberg","term_url":"https:\/\/notificationx.com\/nl\/docs-tag\/notificationx-live-alerts-in-gutenberg\/"},{"term_name":"Social Proof","term_url":"https:\/\/notificationx.com\/nl\/docs-tag\/social-proof\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/docs\/8141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/users\/12"}],"version-history":[{"count":15,"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/docs\/8141\/revisions"}],"predecessor-version":[{"id":9327,"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/docs\/8141\/revisions\/9327"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/media\/8153"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/media?parent=8141"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/doc_category?post=8141"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/doc_tag?post=8141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}