{"id":2141,"date":"2019-09-02T10:47:17","date_gmt":"2019-09-02T10:47:17","guid":{"rendered":"http:\/\/notificationx.com\/?post_type=docs&#038;p=2141"},"modified":"2022-10-10T03:05:53","modified_gmt":"2022-10-10T03:05:53","password":"","slug":"shortcode","status":"publish","type":"docs","link":"https:\/\/notificationx.com\/docs\/shortcode\/","title":{"rendered":"How to Display Notification Alerts in WordPress Using Shortcode?"},"content":{"rendered":"<p><a href=\"http:\/\/notificationx.com\/\" target=\"_blank\" rel=\"noopener\"><b>NotificationX PRO<\/b><\/a> <span style=\"font-weight: 400\">allows its users to display their notifications anywhere they want by using <\/span><b>Shortcode<\/b><span style=\"font-weight: 400\">. You can now display your popup notification in your WordPress posts, pages, or wherever you wish. There is no binding anymore! Let&#8217;s follow the below guideline to display Notification Alerts using Shortcode:<\/span><\/p>\n<p><iframe title=\"How To Display Notification Alerts In WordPress Using Shortcode?\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/BE66lWOeCJw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2><b>How to Use Shortcode in NotificationX:<\/b><\/h2>\n<h3><b>Step 1 &#8211; Copy the Shortcode<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Before you begin, make sure that you have<\/span><a href=\"http:\/\/notificationx.com\/docs-category\/getting-started\/\" target=\"_blank\" rel=\"noopener\"> <b>configured NotificationX on your WordPress website<\/b><\/a><span style=\"font-weight: 400\"> and created at least one notification. Now, from the NotificationX dashboard (<\/span><b>wp-admin \u2192 NotificationX \u2192 All NotificationX<\/b><span style=\"font-weight: 400\">), you will see the list of your notifications. From below the title of each notification, just simply click on <\/span><b>Shortcode<\/b><span style=\"font-weight: 400\"> option here and the shortcode of that individual notification will be copied to your clipboard.<img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-6471\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/1-6.png\" alt=\"shortcode\" width=\"1863\" height=\"814\" title=\"\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/1-6.png 1863w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/1-6-300x131.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/1-6-1024x447.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/1-6-768x336.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/1-6-1536x671.png 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/1-6-18x8.png 18w\" sizes=\"(max-width: 1863px) 100vw, 1863px\" \/><\/span><\/p>\n<h3><b>Step 2 &#8211; Paste the Shortcode<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Now, go to your desired page or post where you want to display the FOMO notification alert and simply just paste the shortcode. Then update it and you will be all done!<img decoding=\"async\" class=\"aligncenter size-full wp-image-6472\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/2-4.png\" alt=\"shortcode\" width=\"1920\" height=\"862\" title=\"\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/2-4.png 1920w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/2-4-300x135.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/2-4-1024x460.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/2-4-768x345.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/2-4-1536x690.png 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/2-4-18x8.png 18w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/span><\/p>\n<p><span style=\"font-weight: 400\">After you have completed the previous step, you will see the notification alert like this:<img decoding=\"async\" class=\"aligncenter size-full wp-image-6473\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/screely-1626175077363.png\" alt=\"shortcode\" width=\"1849\" height=\"742\" title=\"\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/screely-1626175077363.png 1849w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/screely-1626175077363-300x120.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/screely-1626175077363-1024x411.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/screely-1626175077363-768x308.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/screely-1626175077363-1536x616.png 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/screely-1626175077363-18x7.png 18w\" sizes=\"(max-width: 1849px) 100vw, 1849px\" \/><\/span><\/p>\n<h2><b>Use Notification Alert Only as Shortcode:<\/b><\/h2>\n<p><span style=\"font-weight: 400\">You have the control to display the notification popup only by using Shortcode and hide the default notification alert. If you are creating a new notification then make sure you have completed the previous steps which are &#8216;Source&#8217;, &#8216;Design&#8217;, &#8216;Content&#8217;. After that come to the &#8216;Display&#8217; tab. On the other hand, if you already have a notification created then go inside your specific notification from the NotificationX dashboard and navigate to the<\/span><b> \u2018Display\u2019 <\/b><span style=\"font-weight: 400\">Tab page. From the <\/span><b>&#8216;Visibility&#8217; <\/b><span style=\"font-weight: 400\">section, click the dropdown menu of <\/span><b>&#8216;Show On&#8217;<\/b><span style=\"font-weight: 400\"> option and select the <\/span><b>&#8216;Use Only as Shortcode&#8217;<\/b><span style=\"font-weight: 400\">. Then, click on the \u2018Update\u2019 button.<\/span><\/p>\n<p><span style=\"font-weight: 400\">After that, you will not see the default notification popup. It will be displayed only to that place where you have placed your shortcode.<\/span><\/p>\n<p><span style=\"font-weight: 400\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6474\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2019\/09\/4-1.gif\" alt=\"shortcode\" width=\"1600\" height=\"692\" title=\"\"><\/span><\/p>\n<p><span style=\"font-weight: 400\">This is how you can easily use the shortcode feature to add amazing notification alerts and display them anywhere on your WordPress website without any hassle.<\/span><\/p>\n<p><span style=\"font-weight: 400\">If you face any issues, you can contact our Support Team<\/span><strong><a href=\"https:\/\/wpdeveloper.net\/support\/\" target=\"_blank\" rel=\"nofollow noopener\"> here<\/a><\/strong><span style=\"font-weight: 400\">.<\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>NotificationX PRO allows its users to display their notifications anywhere they want by using Shortcode. You can now display your popup notification in your WordPress posts, pages, or wherever you wish. There is no binding anymore! Let&#8217;s follow the below guideline to display Notification Alerts using Shortcode: How to Use Shortcode in NotificationX: Step 1 [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_analytify_skip_tracking":false,"footnotes":""},"doc_category":[154],"doc_tag":[200,160,155,156,157,173],"class_list":["post-2141","docs","type-docs","status-publish","hentry","doc_category-configurations","doc_tag-shortcode","doc_tag-fomo","doc_tag-fomo-notification","doc_tag-notificationx","doc_tag-social-proof","doc_tag-wordpress"],"year_month":"2026-06","word_count":351,"total_views":"65141","reactions":{"happy":"32","normal":"9","sad":"7"},"author_info":{"name":"Shamser Suzon","author_nicename":"suzon","author_url":"https:\/\/notificationx.com\/author\/suzon\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/notificationx.com\/docs-category\/configurations\/"}],"doc_tag_info":[{"term_name":"Shortcode","term_url":"https:\/\/notificationx.com\/docs-tag\/shortcode\/"},{"term_name":"FOMO","term_url":"https:\/\/notificationx.com\/docs-tag\/fomo\/"},{"term_name":"FOMO Notification","term_url":"https:\/\/notificationx.com\/docs-tag\/fomo-notification\/"},{"term_name":"NotificationX","term_url":"https:\/\/notificationx.com\/docs-tag\/notificationx\/"},{"term_name":"Social Proof","term_url":"https:\/\/notificationx.com\/docs-tag\/social-proof\/"},{"term_name":"WordPress","term_url":"https:\/\/notificationx.com\/docs-tag\/wordpress\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/wp-json\/wp\/v2\/docs\/2141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/wp-json\/wp\/v2\/users\/8"}],"version-history":[{"count":22,"href":"https:\/\/notificationx.com\/wp-json\/wp\/v2\/docs\/2141\/revisions"}],"predecessor-version":[{"id":9974,"href":"https:\/\/notificationx.com\/wp-json\/wp\/v2\/docs\/2141\/revisions\/9974"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/wp-json\/wp\/v2\/media?parent=2141"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/wp-json\/wp\/v2\/doc_category?post=2141"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/wp-json\/wp\/v2\/doc_tag?post=2141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}