{"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\/pt\/docs\/inline-notification-in-gutenberg\/","title":{"rendered":"Como exibir a notifica\u00e7\u00e3o em linha NotificationX em Gutenberg?"},"content":{"rendered":"<p><a href=\"https:\/\/notificationx.com\/pt\/\" target=\"_blank\" rel=\"noopener\"><b>Notifica\u00e7\u00e3oX<\/b><\/a><span style=\"font-weight: 400\"> permite exibir qualquer um de seus alertas ao vivo no WordPress Gutenberg com notifica\u00e7\u00f5es de notifica\u00e7\u00e3o em linha NotificationX<\/span><span style=\"font-weight: 400\">. Ele ajuda voc\u00ea a configurar e personalizar o modelo da maneira que desejar.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Confira a diretriz para ver como mostrar <\/span><b>Notifica\u00e7\u00e3o em linha NotificationX em Gutenberg <\/b><span style=\"font-weight: 400\">alerte e destaque suas notifica\u00e7\u00f5es ao vivo abaixo:<\/span><\/p>\n<p><iframe title=\"Como usar a notifica\u00e7\u00e3o em linha com o 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>Passo 1: Navegue at\u00e9 o seu editor Gutenberg<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Assegure-se de ter <\/span><a href=\"https:\/\/notificationx.com\/pt\/docs\/purchase-notificationx-pro\/\" target=\"_blank\" rel=\"nofollow noopener\"><b>NotificationX instalado e ativado<\/b><\/a> <span style=\"font-weight: 400\">plugar<\/span> <span style=\"font-weight: 400\">em seu site WordPress. Se voc\u00ea j\u00e1 fez isso, voc\u00ea est\u00e1 pronto para mostrar isso <strong>Notifica\u00e7\u00e3o em linha NotificationX<\/strong><\/span><b>\u00a0<\/b><span style=\"font-weight: 400\">em Gutemberg.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Primeiro, navegue at\u00e9 o seu Editor Gutenberg e clique no bot\u00e3o <strong>&#8216;+&#8217;<\/strong> sinal para procurar <\/span><a href=\"https:\/\/notificationx.com\/pt\/docs\/notificationx-inline-notification\/\" target=\"_blank\" rel=\"noopener\"><b>Notifica\u00e7\u00e3o em linha NotificationX<\/b><\/a>\u00a0<strong>quadra.\u00a0<\/strong><\/p>\n<p><img title=\"Como exibir a notifica\u00e7\u00e3o em linha NotificationX em Gutenberg? 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=\"Notifica\u00e7\u00e3o em linha NotificationX em 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>Etapa 2: configurar a notifica\u00e7\u00e3o de notifica\u00e7\u00e3o em linha NotificationX<\/h2>\n<p>Depois, clique no bloco NotificationX Inline Notification e coloque-o em seu local preferido no Gutenberg Editor. Agora da Notifica\u00e7\u00e3o Inline NotificationX <strong>&#039;Em geral&#039;<\/strong> guia escolha de qual notifica\u00e7\u00e3o voc\u00ea deseja exibir <strong>&#039;Escolher notifica\u00e7\u00e3o&#039;<\/strong>.<\/p>\n<p>Em seguida, ele mostrar\u00e1 o tipo relacionado de alertas de notifica\u00e7\u00e3o imediatamente. Al\u00e9m disso, voc\u00ea pode alterar o alinhamento de sua notifica\u00e7\u00e3o de notifica\u00e7\u00e3o em linha conforme sua prefer\u00eancia.<\/p>\n<p><img title=\"Como exibir a notifica\u00e7\u00e3o em linha NotificationX em Gutenberg? 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=\"Alerta de crescimento NotificationX em Gutenberg\" width=\"1916\" height=\"888\"  loading=\"eager\" fetchpriority=\"high\"\/><\/p>\n<h2>Etapa 3: estilize sua notifica\u00e7\u00e3o em linha<\/h2>\n<p>De<strong> &#039;Estilo&#039;<\/strong> guia, voc\u00ea ter\u00e1 total liberdade para alterar o <strong>&#039;Tipografia&#039;<\/strong>. Basta clicar no <strong>Sinal &#039;Editar&#039;<\/strong> que est\u00e1 apresentando logo ap\u00f3s a &#039;Tipografia&#039;.<\/p>\n<p>Agora fa\u00e7a as altera\u00e7\u00f5es com <strong>fam\u00edlia de fontes, peso, tamanho,<\/strong> peso, estilo, espa\u00e7o e outros para se adequar ao design do seu site.<\/p>\n<p><img title=\"Como exibir a notifica\u00e7\u00e3o em linha NotificationX em Gutenberg? 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=\"Alerta de crescimento NotificationX em Gutenberg\" width=\"1918\" height=\"890\"  loading=\"lazy\"\/><\/p>\n<p>Al\u00e9m disso, voc\u00ea tamb\u00e9m pode alterar o alinhamento da tipografia, a margem e o preenchimento. A partir de <strong>&#039;Cor&#039;<\/strong>, voc\u00ea pode alterar a cor do texto e do plano de fundo para tornar a perspectiva do seu modelo de Notifica\u00e7\u00e3o Inline conforme desejar.<\/p>\n<p><img title=\"Como exibir a notifica\u00e7\u00e3o em linha NotificationX em Gutenberg? 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=\"Alerta de crescimento NotificationX em Gutenberg\" width=\"1910\" height=\"880\" \/><\/p>\n<p>Al\u00e9m disso, de <strong>&#039;Fronteira&#039;<\/strong>, escolha seu estilo e raio de borda de notifica\u00e7\u00e3o em linha NotificationX de acordo com sua necessidade.<\/p>\n<p><img title=\"Como exibir a notifica\u00e7\u00e3o em linha NotificationX em Gutenberg? 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=\"Alerta de crescimento NotificationX em Gutenberg\" width=\"1910\" height=\"888\" \/><\/p>\n<h2><b>Resultado Final<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Seguindo essas etapas mencionadas e modificando um pouco mais, \u00e9 assim que voc\u00ea pode mostrar<\/span><b> Notifica\u00e7\u00e3o em linha NotificationX em Gutenberg <\/b><span style=\"font-weight: 400\">usando <\/span><a href=\"https:\/\/notificationx.com\/pt\/\" target=\"_blank\" rel=\"noopener\"><b>Notifica\u00e7\u00e3oX<\/b><\/a><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><img title=\"Como exibir a notifica\u00e7\u00e3o em linha NotificationX em Gutenberg? 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=\"Alerta de crescimento NotificationX em 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\">\u00c9 isso! Esta \u00e9 a facilidade com que voc\u00ea pode configurar e exibir lindamente seu <\/span><b>Notifica\u00e7\u00e3o em linha NotificationX em Gutenberg.<\/b><\/p>\n<p><span style=\"font-weight: 400\">Ficando preso? Se voc\u00ea enfrentar qualquer problema, pode entrar em contato com nosso<\/span> <a href=\"https:\/\/wpdeveloper.com\/support\/\" target=\"_blank\" rel=\"noopener\"><b>Equipe de Suporte<\/b><\/a><span style=\"font-weight: 400\">.<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>Obtenha a Notifica\u00e7\u00e3o Inline NotificationX em Gutenberg para exibir alertas de prova social do seu site com NotificationX sem codifica\u00e7\u00e3o.<\/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-08","word_count":340,"total_views":"49165","reactions":{"happy":"2","normal":"0","sad":"0"},"author_info":{"name":"afrin","author_nicename":"afrin","author_url":"https:\/\/notificationx.com\/pt\/blog\/author\/afrin\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/notificationx.com\/pt\/docs-category\/configurations\/"}],"doc_tag_info":[{"term_name":"FOMO Notification","term_url":"https:\/\/notificationx.com\/pt\/docs-tag\/fomo-notification\/"},{"term_name":"Inline Notification","term_url":"https:\/\/notificationx.com\/pt\/docs-tag\/inline-notification\/"},{"term_name":"NotificationX","term_url":"https:\/\/notificationx.com\/pt\/docs-tag\/notificationx\/"},{"term_name":"NotificationX in Gutenberg","term_url":"https:\/\/notificationx.com\/pt\/docs-tag\/notificationx-in-gutenberg\/"},{"term_name":"NotificationX Live Alerts In Gutenberg","term_url":"https:\/\/notificationx.com\/pt\/docs-tag\/notificationx-live-alerts-in-gutenberg\/"},{"term_name":"Social Proof","term_url":"https:\/\/notificationx.com\/pt\/docs-tag\/social-proof\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/pt\/wp-json\/wp\/v2\/docs\/8141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/pt\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/pt\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/pt\/wp-json\/wp\/v2\/users\/12"}],"version-history":[{"count":15,"href":"https:\/\/notificationx.com\/pt\/wp-json\/wp\/v2\/docs\/8141\/revisions"}],"predecessor-version":[{"id":9327,"href":"https:\/\/notificationx.com\/pt\/wp-json\/wp\/v2\/docs\/8141\/revisions\/9327"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/pt\/wp-json\/wp\/v2\/media\/8153"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/pt\/wp-json\/wp\/v2\/media?parent=8141"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/pt\/wp-json\/wp\/v2\/doc_category?post=8141"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/pt\/wp-json\/wp\/v2\/doc_tag?post=8141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}