{"id":358,"date":"2019-07-14T11:22:13","date_gmt":"2019-07-14T11:22:13","guid":{"rendered":"http:\/\/notificationx.com\/?post_type=docs&#038;p=358"},"modified":"2026-04-16T03:20:11","modified_gmt":"2026-04-16T03:20:11","password":"","slug":"sales-notification-notificationx","status":"publish","type":"docs","link":"https:\/\/notificationx.com\/es\/docs\/sales-notification-notificationx\/","title":{"rendered":"\u00bfC\u00f3mo utilizar &#039;Notificaci\u00f3n de ventas&#039; en NotificationX?"},"content":{"rendered":"<h1 class=\"wp-block-heading\">\u00bfC\u00f3mo utilizar la notificaci\u00f3n de ventas en NotificationX?<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">La Notificaci\u00f3n de ventas le permite mostrar la compra reciente de sus productos realizada por los clientes como una ventana emergente de notificaci\u00f3n en su sitio web para captar de inmediato la atenci\u00f3n de sus visitantes. Con <a href=\"http:\/\/notificationx.com\/es\/\"><b>Notificaci\u00f3nX<\/b><\/a>, puede dise\u00f1ar f\u00e1cilmente una fascinante notificaci\u00f3n de ventas en su sitio web de WordPress para mantener a todos interesados.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Display Sales Notification Alerts Using NotificationX\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/WShmVPHMB3g?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>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><b>Paso 1:<\/b> Vaya a su Panel de WordPress y navegue hasta <b>wp-admin -&gt; Notificaci\u00f3n X -&gt; Notificaci\u00f3n X<\/b>. Luego, justo en la parte superior, haga clic en &#039;Agregar nuevo&#039;.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img title=\"How to Use &#8216;Sales Notification&#8217; in NotificationX? 1\" fetchpriority=\"high\" decoding=\"async\" width=\"1349\" height=\"655\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2019\/08\/screely-1626068185244.png\" alt=\"\u00bfC\u00f3mo utilizar &#039;Notificaci\u00f3n de ventas&#039; en NotificationX?\" class=\"wp-image-6744\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2019\/08\/screely-1626068185244.png 1349w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/08\/screely-1626068185244-300x146.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/08\/screely-1626068185244-1024x497.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/08\/screely-1626068185244-768x373.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/08\/screely-1626068185244-18x9.png 18w\" sizes=\"(max-width: 1349px) 100vw, 1349px\"  loading=\"eager\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>Paso 2: <\/b>Una vez que haya terminado con el paso 1, ser\u00e1 redirigido a <b>&#039;Fuente&#039; <\/b>P\u00e1gina de pesta\u00f1a de su NotificationX. Tambi\u00e9n puedes poner un t\u00edtulo. Use el men\u00fa desplegable para seleccionar <strong>&#039;Notificaci\u00f3n de ventas&#039;<\/strong> como su tipo de fuente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si tiene WooCommerce o Easy Digital Downloads, puede usar el men\u00fa desplegable &#039;De&#039; para elegir su tipo de notificaci\u00f3n de ventas preferido. Si usted tiene <a href=\"https:\/\/notificationx.com\/es\/docs\/purchase-notificationx-pro\/\" target=\"_blank\" rel=\"noopener\"><strong>NotificationX PRO<\/strong><\/a>, Tambi\u00e9n puede crear informaci\u00f3n de usuario personalizada a trav\u00e9s de <strong>&#039;Notificaciones personalizadas&#039;<\/strong> tipo de notificaci\u00f3n de ventas y tambi\u00e9n una notificaci\u00f3n de venta de escaparate de su cuenta Freemius. Luego, contin\u00fae y haga clic en el bot\u00f3n &#039;Siguiente&#039;.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img title=\"How to Use &#8216;Sales Notification&#8217; in NotificationX? 2\" decoding=\"async\" width=\"1872\" height=\"820\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2019\/07\/5wnK2wt6sv.gif\" alt=\"Notificaci\u00f3n de ventas\" class=\"wp-image-6770\"  loading=\"eager\" fetchpriority=\"high\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><b>Paso 3: <\/b>Desde el <b>&#039;Dise\u00f1o&#039;<\/b> pesta\u00f1a, puede elegir un dise\u00f1o y tambi\u00e9n tiene la flexibilidad de usar la opci\u00f3n &#039;Dise\u00f1o avanzado&#039; para personalizarlo seg\u00fan sus preferencias. Desde el<b>&#039;Temas&#039; <\/b>secci\u00f3n, el dise\u00f1o elegido es c\u00f3mo se mostrar\u00e1 la &#039;Notificaci\u00f3n de ventas&#039; en su sitio web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puede modificar su tema elegido personaliz\u00e1ndolo a trav\u00e9s de &#039;<b>Dise\u00f1o avanzado<\/b> opci\u00f3n. Desde esta secci\u00f3n, podr\u00e1 agregar f\u00e1cilmente estilo a su dise\u00f1o, apariencia de imagen y tipograf\u00eda. Puede agregar fondo o color de texto para la notificaci\u00f3n emergente. Adem\u00e1s, tambi\u00e9n puede agregar un borde y agregarle estilo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img title=\"How to Use &#8216;Sales Notification&#8217; in NotificationX? 3\" decoding=\"async\" width=\"1872\" height=\"848\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2019\/07\/fandoihJ1A.gif\" alt=\"\u00bfC\u00f3mo utilizar &#039;Notificaci\u00f3n de ventas&#039; en NotificationX?\" class=\"wp-image-6771\"  loading=\"lazy\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&#039;Apariencia de imagen&#039;<\/strong> La secci\u00f3n le permite cambiar la &#039;Forma de la imagen&#039; a uno de estos tres: Redondeado, C\u00edrculo y Cuadrado. Tambi\u00e9n puede utilizar el men\u00fa desplegable &#039;Posici\u00f3n&#039; para cambiar la posici\u00f3n de la imagen: Izquierda o Derecha. B\u00e1sicamente, la notificaci\u00f3n de ventas consta de tres filas. Desde la secci\u00f3n &#039;Tipograf\u00eda&#039;, tambi\u00e9n puede cambiar el tama\u00f1o de fuente para cada fila.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>Paso 4: <\/b>Luego ser\u00e1 redirigido a<b> &#039;Contenido&#039;<\/b> pesta\u00f1a desde donde puede modificar su <b>&#039;Plantilla de notificaci\u00f3n&#039; <\/b>and add your preferred content text. These settings vary depending on the Sales Notification type you are working with.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si tiene WooCommerce o Easy Digital Downloads en su sitio web, puede mostrar f\u00e1cilmente las notificaciones de ventas de WooCommerce o EDD usando NotificationX.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img title=\"How to Use &#8216;Sales Notification&#8217; in NotificationX? 4\" loading=\"lazy\" decoding=\"async\" width=\"1890\" height=\"858\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2019\/07\/8uSgrkt6ms.gif\" alt=\"\u00bfC\u00f3mo utilizar &#039;Notificaci\u00f3n de ventas&#039; en NotificationX?\" class=\"wp-image-6772\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">NotificationX ofrece<b> &#039;Plantilla de notificaci\u00f3n&#039; <\/b>for your Content. You can easily go ahead and choose your preferred variables. These variables help display the name of the user who has purchased a specific Product in a certain time interval. Besides, you can also add your own text which will be showed up in the notification popup.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por ejemplo, con la configuraci\u00f3n de contenido, la ventana emergente de notificaci\u00f3n mostrar\u00e1 contenido como este &#039;John Doe compr\u00f3 recientemente un producto de ejemplo hace 1 hora&#039;. Simplemente haga clic en el bot\u00f3n &#039;Siguiente&#039; para continuar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>Paso 5: <\/b>En el<b> &#039;Monitor&#039;<\/b> pesta\u00f1a, hay dos secciones disponibles: Imagen y Visibilidad. Desde la secci\u00f3n &#039;Imagen&#039;, puede usar la casilla de verificaci\u00f3n para mostrar la imagen predeterminada o un avatar en la ventana emergente de notificaci\u00f3n. Si los usuarios no tienen ning\u00fan &#039;Avatar&#039; configurado en su perfil, simplemente puede mostrar la imagen &#039;Predeterminada&#039; seleccionando la casilla de verificaci\u00f3n &#039;Imagen predeterminada&#039; y cargando una imagen predeterminada.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img title=\"How to Use &#8216;Sales Notification&#8217; in NotificationX? 5\" loading=\"lazy\" decoding=\"async\" width=\"1862\" height=\"827\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2019\/07\/NWyAdZO684.gif\" alt=\"\u00bfC\u00f3mo utilizar &#039;Notificaci\u00f3n de ventas&#039; en NotificationX?\" class=\"wp-image-6773\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Adem\u00e1s, tendr\u00e1 la oportunidad de mostrar la imagen del producto que compra el cliente. Esta opci\u00f3n solo est\u00e1 disponible para el tipo de WooCommerce \/ EDD de notificaciones de ventas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Desde el<b> &#039;Visibilidad&#039; <\/b>secci\u00f3n, puede configurar las p\u00e1ginas donde desea mostrar la Notificaci\u00f3n de ventas. Tambi\u00e9n tiene la opci\u00f3n de restringir la ventana emergente de notificaci\u00f3n en funci\u00f3n de ciertos roles de usuario: &#039;Siempre&#039;, &#039;Conectado&#039; y &#039;Desconectado&#039;. De forma predeterminada, &#039;Mostrar activado&#039; est\u00e1 configurado en <b>&#039;Mostrar en todas partes&#039; <\/b>Como resultado, la Notificaci\u00f3n de ventas se mostrar\u00e1 en cada p\u00e1gina de su sitio web. Por otro lado, tambi\u00e9n puede especificar las p\u00e1ginas donde desea mostrar u ocultar la &#039;Notificaci\u00f3n de ventas&#039;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s de hacer clic en el bot\u00f3n &#039;Siguiente&#039;, ser\u00e1 redirigido a la<strong> &#039;Personalizar<\/strong>&#039; Pesta\u00f1a.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>Paso 6: <\/b>Bajo la <b>&#039;Personalizar&#039; <\/b>pesta\u00f1a, encontrar\u00e1 tres secciones separadas: Apariencia, Tiempo y Comportamiento. Desde la secci\u00f3n &#039;Apariencia&#039;, puede establecer la posici\u00f3n donde desea mostrar la Notificaci\u00f3n de ventas y usar la casilla de verificaci\u00f3n para deshabilitar \/ habilitar las opciones &#039;Cerrar bot\u00f3n&#039; y &#039;Ocultar en m\u00f3vil&#039;. Incluso puede establecer un ancho m\u00e1ximo para su ventana emergente de notificaci\u00f3n tambi\u00e9n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puede establecer la posici\u00f3n para la Notificaci\u00f3n de ventas en el lado inferior izquierdo o inferior derecho de su sitio web. Tambi\u00e9n puede mostrar un &#039;Bot\u00f3n de cierre&#039; en el que se puede hacer clic para cerrar la Notificaci\u00f3n de ventas. Adem\u00e1s, tiene la flexibilidad de ocultar el <b>&#039;Notificaci\u00f3n de ventas&#039;<\/b> para dispositivos m\u00f3viles si lo desea tambi\u00e9n.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img title=\"How to Use &#8216;Sales Notification&#8217; in NotificationX? 6\" loading=\"lazy\" decoding=\"async\" width=\"1885\" height=\"851\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2019\/07\/czutTQc5dK.gif\" alt=\"\u00bfC\u00f3mo utilizar &#039;Notificaci\u00f3n de ventas&#039; en NotificationX?\" class=\"wp-image-6774\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Adem\u00e1s, tambi\u00e9n tiene la libertad de establecer el tiempo para las opciones &#039;Inicial&#039;, &#039;Mostrar para&#039; y &#039;Retraso entre&#039; seg\u00fan sus preferencias en la secci\u00f3n &#039;Tiempo&#039;. Puede establecer una hora inicial despu\u00e9s de la cual su <b>&#039;Notificaci\u00f3n de ventas&#039;<\/b> aparecer\u00e1. De forma predeterminada, est\u00e1 establecido en 5 segundos. Tambi\u00e9n puede establecer un l\u00edmite de tiempo para el tiempo que desea que se muestre cada ventana emergente de notificaci\u00f3n modificando el campo &#039;Mostrar para&#039;. Para elegir un intervalo de tiempo entre dos notificaciones de Notificaci\u00f3n de ventas, simplemente configure el tiempo en el campo &#039;Mostrar entre&#039;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Desde el<b> &#039;Comportamiento&#039;<\/b> section, you can choose to display the number of sales made for the certain passed days. By checking the &#8216;Loop Notification&#8217; box, the notification popup will keep on displaying. You can disable this as well. When a visitor clicks on the notification popup, you can control whether you want the link to open in a new window or a new tab from the &#8216;Open link in new tab&#8217; checkbox.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Besides this, you can also enable <strong>gesti\u00f3n global de colas<\/strong> para este tipo de notificaci\u00f3n de ventas. Para obtener m\u00e1s informaci\u00f3n sobre esta funci\u00f3n, <a href=\"https:\/\/notificationx.com\/es\/docs\/centralized-queue\/\" target=\"_blank\" rel=\"noopener\"><strong>revisa esta documentaci\u00f3n<\/strong><\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><b>Paso 7: <\/b>Despu\u00e9s de completar el paso 6, haga clic en el <strong>&#039;Publicar&#039;<\/strong> bot\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img title=\"How to Use &#8216;Sales Notification&#8217; in NotificationX? 7\" loading=\"lazy\" decoding=\"async\" width=\"1908\" height=\"826\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2019\/07\/screely-1628745312496.png\" alt=\"\u00bfC\u00f3mo utilizar &#039;Notificaci\u00f3n de ventas&#039; en NotificationX?\" class=\"wp-image-6775\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2019\/07\/screely-1628745312496.png 1908w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/07\/screely-1628745312496-300x130.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/07\/screely-1628745312496-1024x443.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/07\/screely-1628745312496-768x332.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/07\/screely-1628745312496-1536x665.png 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2019\/07\/screely-1628745312496-18x8.png 18w\" sizes=\"(max-width: 1908px) 100vw, 1908px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">As a result, the &#8216;Sales Notification&#8217; will be successfully created. By following these mentioned steps and a bit more modifying &amp; styling, your final outcome would look something like this.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img title=\"How to Use &#8216;Sales Notification&#8217; in NotificationX? 8\" loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"http:\/\/notificationx.com\/wp-content\/uploads\/2019\/08\/1200-x-800-purchased1.gif\" alt=\"\u00bfC\u00f3mo utilizar &#039;Notificaci\u00f3n de ventas&#039; en NotificationX?\" class=\"wp-image-1216\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">As\u00ed es como puede dise\u00f1ar y mostrar f\u00e1cilmente un atractivo<b> &#039;Notificaci\u00f3n de ventas&#039; <\/b>en su sitio web de WordPress usando NotificationX.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si tiene alg\u00fan problema, puede contactar a nuestro equipo de soporte <a href=\"https:\/\/wpdeveloper.net\/support\/\"><strong>aqu\u00ed<\/strong><\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Utilice NotificationX para crear ventanas emergentes de notificaci\u00f3n de ventas impresionantes y llamativas en WordPress y aumente sus ingresos f\u00e1cilmente con la prueba social.<\/p>","protected":false},"author":5,"featured_media":6770,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_thinkrank_schema_form_data":"{\"video_description\":\"Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.\",\"video_embed_url\":\"https:\\\/\\\/www.youtube.com\\\/embed\\\/WShmVPHMB3g\"}","_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":["Sales Notification","Sales Notification In NotificationX","WordPress Website","Notification Popup"],"_thinkrank_focus_keyword":"Sales Notification","_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":[160,155,156,161,162,157],"class_list":["post-358","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations","doc_tag-fomo","doc_tag-fomo-notification","doc_tag-notificationx","doc_tag-sales-notification","doc_tag-sales-popup","doc_tag-social-proof"],"year_month":"2026-09","word_count":1051,"total_views":"70355","reactions":{"happy":"1","normal":"0","sad":"0"},"author_info":{"name":"Rafin Khan","author_nicename":"rafin","author_url":"https:\/\/notificationx.com\/es\/blog\/author\/rafin\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/notificationx.com\/es\/docs-category\/configurations\/"}],"doc_tag_info":[{"term_name":"FOMO","term_url":"https:\/\/notificationx.com\/es\/docs-tag\/fomo\/"},{"term_name":"FOMO Notification","term_url":"https:\/\/notificationx.com\/es\/docs-tag\/fomo-notification\/"},{"term_name":"NotificationX","term_url":"https:\/\/notificationx.com\/es\/docs-tag\/notificationx\/"},{"term_name":"Sales Notification","term_url":"https:\/\/notificationx.com\/es\/docs-tag\/sales-notification\/"},{"term_name":"Sales Popup","term_url":"https:\/\/notificationx.com\/es\/docs-tag\/sales-popup\/"},{"term_name":"Social Proof","term_url":"https:\/\/notificationx.com\/es\/docs-tag\/social-proof\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/es\/wp-json\/wp\/v2\/docs\/358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/es\/wp-json\/wp\/v2\/users\/5"}],"version-history":[{"count":6,"href":"https:\/\/notificationx.com\/es\/wp-json\/wp\/v2\/docs\/358\/revisions"}],"predecessor-version":[{"id":21009,"href":"https:\/\/notificationx.com\/es\/wp-json\/wp\/v2\/docs\/358\/revisions\/21009"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/es\/wp-json\/wp\/v2\/media\/6770"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/es\/wp-json\/wp\/v2\/media?parent=358"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/es\/wp-json\/wp\/v2\/doc_category?post=358"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/es\/wp-json\/wp\/v2\/doc_tag?post=358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}