{"id":4469,"date":"2020-07-30T11:47:43","date_gmt":"2020-07-30T11:47:43","guid":{"rendered":"http:\/\/notificationx.com\/?post_type=docs&#038;p=4469"},"modified":"2020-07-30T11:47:43","modified_gmt":"2020-07-30T11:47:43","password":"","slug":"notificationx-elementor-shortcode","status":"publish","type":"docs","link":"https:\/\/notificationx.com\/fr\/docs\/notificationx-elementor-shortcode\/","title":{"rendered":"Comment utiliser NotificationX Social Proof Pop Up dans Elementor avec Shortcode"},"content":{"rendered":"<h1 style=\"text-align: center;\"><b>Comment utiliser NotificationX dans Elementor avec shortcode<\/b><\/h1>\n<p><span style=\"font-weight: 400;\">Vous serez heureux de savoir que <strong>vous pouvez utiliser NotificationX dans<\/strong><\/span><span style=\"font-weight: 400;\">\u00a0<a href=\"http:\/\/www.wpdeveloper.net\/go\/elementor\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Elementor<\/strong><\/a> avec des codes courts et pr\u00e9sentez la preuve sociale partout o\u00f9 vous le souhaitez. <\/span>La configuration ne prend que quelques minutes et cela sera une fonctionnalit\u00e9 tr\u00e8s utile si vous voulez plus de libert\u00e9 sur l&#039;endroit o\u00f9 vous voulez que vos alertes de notification soient affich\u00e9es.<\/p>\n<h2 style=\"text-align: center;\"><b>Comment ins\u00e9rer un shortcode pour NotificationX dans Elementor<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Tout d&#039;abord, cr\u00e9ez la notification que vous souhaitez afficher sur votre site Web en <\/span><a href=\"http:\/\/notificationx.com\/fr\/docs\/quick-builder-notificationx\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b>d\u00e9marrer avec le g\u00e9n\u00e9rateur rapide<\/b><\/a><span style=\"font-weight: 400;\"> de NotificationX. \u00c0 partir de l\u00e0, vous pouvez cr\u00e9er autant de types de notifications diff\u00e9rents dont vous avez besoin.\u00a0<\/span><\/p>\n<h3><b>\u00c9tape 1: R\u00e9cup\u00e9rez le shortcode de vos notifications<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Une fois que vous avez termin\u00e9 de cr\u00e9er les notifications souhait\u00e9es, vous pourrez les voir affich\u00e9es sur votre tableau de bord. Cliquez simplement sur le <\/span><b>&#039;Petit code&#039;<\/b><span style=\"font-weight: 400;\"> lien pour copier le shortcode de vos notifications.<\/span><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-4473\" src=\"http:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/screely-1595933054122.png\" alt=\"NotificationX dans Elementor\" width=\"1600\" height=\"721\" title=\"\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/screely-1595933054122.png 1600w, https:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/screely-1595933054122-300x135.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/screely-1595933054122-1024x461.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/screely-1595933054122-768x346.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/screely-1595933054122-1536x692.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h3><b>\u00c9tape 2: Ins\u00e9rez le shortcode de votre notification dans Elementor Editor<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Apr\u00e8s avoir copi\u00e9 le shortcode de votre notification, rendez-vous sur la page o\u00f9 vous souhaitez l&#039;afficher et cliquez sur `` Modifier avec Elementor &#039;&#039;. Une fois le chargement de l&#039;\u00c9diteur Elementor termin\u00e9, vous pouvez ins\u00e9rer le shortcode de votre notification \u00e0 l&#039;aide d&#039;un \u00e9l\u00e9ment &#039;Editeur de texte&#039; comme indiqu\u00e9 ci-dessous.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4472\" src=\"http:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/screely-1595933077700.png\" alt=\"NotificationX dans Elementor\" width=\"1600\" height=\"799\" title=\"\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/screely-1595933077700.png 1600w, https:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/screely-1595933077700-300x150.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/screely-1595933077700-1024x511.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/screely-1595933077700-768x384.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/screely-1595933077700-1536x767.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h3><b>\u00c9tape 3: d\u00e9finissez votre alerte de notification uniquement comme shortcode<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Pour emp\u00eacher les alertes de notification par d\u00e9faut de s&#039;afficher sur votre page, vous pouvez configurer votre notification pour qu&#039;elle soit utilis\u00e9e uniquement comme shortcode. Cette \u00e9tape est facultative mais fortement recommand\u00e9e car les visiteurs de votre site peuvent voir des alertes doubles pour la m\u00eame notification dans le cas contraire.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Vous pouvez le faire \u00e0 partir du <\/span><b>&#039;Afficher&#039;<\/b><span style=\"font-weight: 400;\"> de votre notification, puis modifiez l&#039;option &quot;Visibilit\u00e9&quot; en &quot;Utiliser uniquement comme shortcode&quot; comme indiqu\u00e9 ci-dessous.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4471\" src=\"http:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/screely-1595933091872.png\" alt=\"NotificationX dans Elementor\" width=\"1321\" height=\"793\" title=\"\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/screely-1595933091872.png 1321w, https:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/screely-1595933091872-300x180.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/screely-1595933091872-1024x615.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/screely-1595933091872-768x461.png 768w\" sizes=\"(max-width: 1321px) 100vw, 1321px\" \/><\/p>\n<h2 style=\"text-align: center;\"><b>R\u00e9sultat final<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">En suivant ces \u00e9tapes simples, vous pouvez afficher <a href=\"http:\/\/notificationx.com\/fr\/docs\/shortcode\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>alertes de notification dans WordPress \u00e0 l&#039;aide de codes courts<\/strong><\/a> avec l&#039;\u00e9diteur Elementor.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4470\" src=\"http:\/\/notificationx.com\/wp-content\/uploads\/2020\/07\/h6YAQmJmME.gif\" alt=\"NotificationX dans Elementor Shortcode\" width=\"1600\" height=\"783\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">Si vous avez besoin d&#039;aide suppl\u00e9mentaire, n&#039;h\u00e9sitez pas \u00e0 <\/span><a href=\"https:\/\/wpdeveloper.net\/support\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><b>contactez notre \u00e9quipe de support<\/b><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>Find out how you can use NotificationX in Elementor with shortcodes to display notification alerts and popups anywhere on your website.<\/p>","protected":false},"author":15,"featured_media":4470,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_analytify_skip_tracking":false,"footnotes":""},"doc_category":[154],"doc_tag":[156,160,155,157],"class_list":["post-4469","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations","doc_tag-notificationx","doc_tag-fomo","doc_tag-fomo-notification","doc_tag-social-proof"],"year_month":"2026-05","word_count":310,"total_views":"65044","reactions":{"happy":"6","normal":"5","sad":"0"},"author_info":{"name":"Tanaz","author_nicename":"tanaz","author_url":"https:\/\/notificationx.com\/fr\/author\/tanaz\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/notificationx.com\/fr\/docs-category\/configurations\/"}],"doc_tag_info":[{"term_name":"NotificationX","term_url":"https:\/\/notificationx.com\/fr\/docs-tag\/notificationx\/"},{"term_name":"FOMO","term_url":"https:\/\/notificationx.com\/fr\/docs-tag\/fomo\/"},{"term_name":"FOMO Notification","term_url":"https:\/\/notificationx.com\/fr\/docs-tag\/fomo-notification\/"},{"term_name":"Social Proof","term_url":"https:\/\/notificationx.com\/fr\/docs-tag\/social-proof\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/docs\/4469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/users\/15"}],"version-history":[{"count":3,"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/docs\/4469\/revisions"}],"predecessor-version":[{"id":4506,"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/docs\/4469\/revisions\/4506"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/media\/4470"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/media?parent=4469"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/doc_category?post=4469"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=4469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}