{"id":231,"date":"2015-11-27T11:29:20","date_gmt":"2015-11-27T11:29:20","guid":{"rendered":"https:\/\/www.nvecta.com\/blog\/?p=231"},"modified":"2023-03-01T16:19:58","modified_gmt":"2023-03-01T16:19:58","slug":"custom-notifications-using-visual-selector","status":"publish","type":"post","link":"https:\/\/www.nvecta.com\/blog\/custom-notifications-using-visual-selector\/","title":{"rendered":"Surveys, Feedback, custom Notifications and forms using Visual Selector"},"content":{"rendered":"

 Custom Notifications using Visual Selector<\/h1>\n

\"notification<\/a><\/p>\n

Now you can add notification based on rules using visual selector. NVECTA now allows you to choose your website element visually and set rules based on same without passing any values in the integration code.<\/p>\n

<\/p>\n

<\/h3>\n

Use Case:<\/h3>\n

1. Show notification on product page if Product price is above 1000<\/p>\n

2 Show notification on Cart page if cart is empty, has 1 or more items, has total value above 10000.<\/p>\n

3 Show notification if user is loggedin.<\/p>\n

How It works:<\/h3>\n

You need to select your website html element using visual selector and add rule to specify value or range. When particular value appear on the website your notification will become visible.<\/p>\n

Steps to add custom rules using visual selector html element:<\/h3>\n

\"customer<\/a><\/p>\n

Step 1:<\/strong><\/h4>\n

Create a custom rule to display notification and update. Leave HTML element blank.<\/p>\n

Step 2:<\/strong><\/h4>\n

a. Under Visual selector, click on the key created from drop down<\/p>\n

b. Enter the url and click “Choose HTML element”<\/p>\n

c. Select the element visually and update<\/p>\n","protected":false},"excerpt":{"rendered":"

 Custom Notifications using Visual Selector Now you can add notification based on rules using visual selector. NVECTA now allows you to choose your website element visually and set rules based on same without passing any values in the integration code.<\/p>\n","protected":false},"author":3,"featured_media":7626,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Surveys, Feedback, custom Notifications and forms using Visual Selector - NVECTA Blog","description":" Custom Notifications using Visual Selector Now you can add notification based on rules using visual selector. NVECTA now allows you to choose your we"},"footnotes":""},"categories":[69],"tags":[19,21,22,20],"class_list":["post-231","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-feedback-surveys","tag-custom-notifications","tag-custom-rules-notifications","tag-show-notification-if-cart-is-empty","tag-visual-selector"],"_links":{"self":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/comments?post=231"}],"version-history":[{"count":21,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/231\/revisions"}],"predecessor-version":[{"id":18507,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/231\/revisions\/18507"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/media\/7626"}],"wp:attachment":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/media?parent=231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/categories?post=231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/tags?post=231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}