{"id":12379,"date":"2023-07-10T11:21:52","date_gmt":"2023-07-10T11:21:52","guid":{"rendered":"https:\/\/notificationx.com\/?post_type=docs&#038;p=12379"},"modified":"2023-07-11T10:14:08","modified_gmt":"2023-07-11T10:14:08","password":"","slug":"fluent-forms-submission-alert-notificationx","status":"publish","type":"docs","link":"https:\/\/notificationx.com\/vi\/docs\/fluent-forms-submission-alert-notificationx\/","title":{"rendered":"How To Display Fluent Forms Submission Alert Using NotificationX?"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><a href=\"http:\/\/notificationx.com\/vi\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>NotificationX<\/strong><\/a> can help you to showcase new Fluent Forms Submission Alerts on your website and encourage other website visitors to sign-up for your form as well. Check out the guideline below to see how to easily display Fluent Forms Submission Alerts using NotificationX on any WordPress site.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>How To Configure Fluent Forms Submission Alert With NotificationX<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The step-by-step guide below will help you learn how to configure Fluent Forms Submission Alert with NotificationX. Before you begin, make sure that you have <strong>c\u00e0i \u0111\u1eb7t v\u00e0 c\u1ea5u h\u00ecnh c\u1ee7a b\u1ea1n <\/strong><a href=\"https:\/\/wordpress.org\/plugins\/fluentform\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Fluent Forms<\/strong><\/a><strong> c\u1eafm v\u00e0o <\/strong>tr\u00ean trang web c\u1ee7a b\u1ea1n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>B\u01b0\u1edbc 1: Th\u00eam th\u00f4ng b\u00e1o m\u1edbi<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Open your WordPress dashboard, and navigate to<strong> \u2018NotificationX\u2019 \u2192 \u2018All NotificationX\u2019 \u2192 \u2018Add New\u2019 <\/strong>L\u1ef1a ch\u1ecdn<strong>.&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How To Display Fluent Forms Submission Alert Using NotificationX? 1\" fetchpriority=\"high\" decoding=\"async\" width=\"1600\" height=\"911\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/06\/image.gif\" alt=\"Fluent Forms Submission Alert\" class=\"wp-image-12380\" loading=\"eager\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;<strong>B\u01b0\u1edbc 2: Ch\u1ecdn ngu\u1ed3n<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">T\u1eeb <strong>Ngu\u1ed3n &#039; <\/strong>tab page of NotificationX, choose<strong> &#039;M\u00e2u li\u00ean h\u00ea\u0323&#039;<\/strong> as your notification type. Afterward, simply pick \u2018<strong>Fluent Forms\u2019<\/strong> l\u00e0m Ngu\u1ed3n c\u1ee7a b\u1ea1n. Sau \u0111\u00f3, nh\u1ea5p v\u00e0o <strong>&#039;K\u1ebf ti\u1ebfp&#039;<\/strong> c\u00e1i n\u00fat.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How To Display Fluent Forms Submission Alert Using NotificationX? 2\" decoding=\"async\" width=\"1600\" height=\"911\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/06\/image-1.gif\" alt=\"Fluent Forms Submission Alert\" class=\"wp-image-12381\" loading=\"eager\" fetchpriority=\"high\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>B\u01b0\u1edbc 3: Ch\u1ecdn m\u1ed9t ch\u1ee7 \u0111\u1ec1 thi\u1ebft k\u1ebf<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">T\u1eeb<strong> &#039;Ch\u1ee7 \u0111\u1ec1&#039; <\/strong>section on the \u2018<strong>Thi\u1ebft k\u1ebf<\/strong>\u2019 tab pick a layout. The chosen layout is how your <strong>Fluent Forms Submission Alert<\/strong> s\u1ebd \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb tr\u00ean trang web c\u1ee7a b\u1ea1n.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can further enable the \u2018<strong>Thi\u1ebft k\u1ebf ti\u00ean ti\u1ebfn<\/strong>\u2019 section here to add further design customization. You will be able to easily add styling to your design background, update image appearance, and select your preferred typography. Click on the <strong>&#039;K\u1ebf ti\u1ebfp&#039;<\/strong> button once you are done with the design.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How To Display Fluent Forms Submission Alert Using NotificationX? 3\" decoding=\"async\" width=\"1600\" height=\"911\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/06\/image-2.gif\" alt=\"Fluent Forms Submission Alert\" class=\"wp-image-12382\" loading=\"lazy\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>B\u01b0\u1edbc 4: \u0110\u1ecbnh c\u1ea5u h\u00ecnh N\u1ed9i dung M\u1eabu<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">T\u1eeb <strong>N\u1ed9i dung<\/strong> tab, b\u1ea1n c\u00f3 th\u1ec3 s\u1eeda \u0111\u1ed5i &#039;<strong>M\u1eabu th\u00f4ng b\u00e1o &#039;<\/strong> and add your preferred content text. Afterward, go ahead and pick your preferred variables. Your selected variables will display the name, email address, subject, etc. of the users who have submitted a form via your Fluent Form.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">B\u1ea1n th\u1eadm ch\u00ed c\u00f3 th\u1ec3 theo d\u00f5i c\u00e1c lo\u1ea1i chi\u1ebfn d\u1ecbch kh\u00e1c nhau th\u00f4ng qua NotificationX. <strong>&#039;Ki\u1ec3m so\u00e1t UTM&#039; <\/strong>allows you to add \u2018<strong>Campaign<\/strong>&#039;,&#039;<strong>Trung bi\u0340nh<\/strong>&#039;, v\u00e0 &#039;<strong>Ngu\u1ed3n<\/strong>\u2019 to your notification popup. Hit on the <strong>&#039;K\u1ebf ti\u1ebfp&#039;<\/strong> button once you are done.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How To Display Fluent Forms Submission Alert Using NotificationX? 4\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"911\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/06\/image-3.gif\" alt=\"Fluent Forms Submission Alert\" class=\"wp-image-12383\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>B\u01b0\u1edbc 5: \u0110i\u1ec1u ch\u1ec9nh c\u00e1c t\u00f9y ch\u1ecdn hi\u1ec3n th\u1ecb<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">T\u1eeb<strong> &#039;H\u00ecnh \u1ea3nh&#039;<\/strong> section of the <strong>&#039;Tr\u01b0ng b\u00e0y&#039; <\/strong>tab, you can use the checkbox to display a default image or an avatar in the notification popup. From the<strong> &#039;Hi\u1ec3n th\u1ecb&#039; <\/strong>section, you can set the pages where you want to display the Fluent Forms Submission Alert. Click on the <strong>&#039;K\u1ebf ti\u1ebfp&#039;<\/strong> button after adjusting the display options.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How To Display Fluent Forms Submission Alert Using NotificationX? 5\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"911\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/06\/image-4.gif\" alt=\"Fluent Forms Submission Alert\" class=\"wp-image-12384\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>B\u01b0\u1edbc 6: Thi\u1ebft l\u1eadp giao di\u1ec7n<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, there are four separate sections under the \u2018<strong>T\u00f9y ch\u1ec9nh<\/strong>&#039; Chuy\u1ec3n h\u01b0\u1edbng.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Xu\u1ea5t hi\u1ec7n- <\/strong>set the position for your Fluent Forms Submission Alert on your WordPress Website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Th\u1eddi gian- <\/strong>set time for \u2018<strong>Initial<\/strong>&#039;,&#039;<strong>Display For<\/strong>\u2019 &amp; \u2018<strong>Delay Between<\/strong>\u2019 options as per your preference.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>H\u00e0nh vi- <\/strong>ch\u1ecdn hi\u1ec3n th\u1ecb s\u1ed1 l\u01b0\u1ee3ng bi\u1ec3u m\u1eabu \u0111\u00e3 g\u1eedi trong m\u1ed9t s\u1ed1 ng\u00e0y nh\u1ea5t \u0111\u1ecbnh.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>C\u00e0i \u0111\u1eb7t \u00e2m thanh-<\/strong> enable \u2018<strong>c\u1ea3nh b\u00e1o \u00e2m thanh<\/strong>\u2019 for your Fluent Forms Submission.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How To Display Fluent Forms Submission Alert Using NotificationX? 6\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"911\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/06\/image-5.gif\" alt=\"Fluent Forms Submission Alert\" class=\"wp-image-12385\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>B\u01b0\u1edbc 7: Xu\u1ea5t b\u1ea3n th\u00f4ng b\u00e1o c\u1ee7a b\u1ea1n<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Now, you can see a preview of your Fluent From Submission Alert just by clicking on the \u2018<strong>Preview<\/strong>\u2019 button. You can even see how this alert will show on different screens.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How To Display Fluent Forms Submission Alert Using NotificationX? 7\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"876\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/06\/image-6.gif\" alt=\"Fluent Forms Submission Alert\" class=\"wp-image-12386\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Afterward, to make this notification live click on the<strong> &#039;C\u00f4ng b\u1ed1&#039;<\/strong> button. Your final outcome would look something like this:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How To Display Fluent Forms Submission Alert Using NotificationX? 8\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"911\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/06\/image-7.gif\" alt=\"Fluent Forms Submission Alert\" class=\"wp-image-12387\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">N\u1ebfu b\u1ea1n g\u1eb7p ph\u1ea3i b\u1ea5t k\u1ef3 v\u1ea5n \u0111\u1ec1 n\u00e0o, b\u1ea1n c\u00f3 th\u1ec3 li\u00ean h\u1ec7 v\u1edbi Nh\u00f3m h\u1ed7 tr\u1ee3 c\u1ee7a ch\u00fang t\u00f4i <a href=\"https:\/\/wpdeveloper.com\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>\u0111\u00e2y<\/strong><\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Learn how you can show Fluent From Submission Alert on your website and increase your form submission rate. <\/p>","protected":false},"author":23,"featured_media":12387,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_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":["Fluent Forms Submission Alert","Forms Submission Alert","Configure Fluent Forms Submission Alert","Fluent Forms Submission Alert With NotificationX","fluent forms"],"_thinkrank_focus_keyword":"Fluent Forms Submission Alert","_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":[163],"doc_tag":[1043],"class_list":["post-12379","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-setup-integrations","doc_tag-fluent-forms-submissions"],"year_month":"2026-09","word_count":499,"total_views":"26449","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Ahmed Kawser","author_nicename":"ahmed","author_url":"https:\/\/notificationx.com\/vi\/blog\/author\/ahmed\/"},"doc_category_info":[{"term_name":"Setup Integrations","term_url":"https:\/\/notificationx.com\/vi\/docs-category\/setup-integrations\/"}],"doc_tag_info":[{"term_name":"Fluent Forms Submissions","term_url":"https:\/\/notificationx.com\/vi\/docs-tag\/fluent-forms-submissions\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/docs\/12379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/users\/23"}],"version-history":[{"count":4,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/docs\/12379\/revisions"}],"predecessor-version":[{"id":12768,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/docs\/12379\/revisions\/12768"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/media\/12387"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/media?parent=12379"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/doc_category?post=12379"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/doc_tag?post=12379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}