{"id":68,"date":"2014-06-18T12:25:17","date_gmt":"2014-06-18T12:25:17","guid":{"rendered":"https:\/\/www.nvecta.com\/blog\/?p=68"},"modified":"2023-03-10T12:14:44","modified_gmt":"2023-03-10T12:14:44","slug":"shopify-notification","status":"publish","type":"post","link":"https:\/\/www.nvecta.com\/blog\/shopify-notification\/","title":{"rendered":"Shopify Notification tool &#8211; Integration Guide"},"content":{"rendered":"<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter\" title=\"Shopify Notification tool - Integration Guide\" src=\"https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2019\/07\/29063731\/shopify-ipo-blog-banner.png\" alt=\"Shopify Notification tool - Integration Guide\" width=\"657\" height=\"276\"><\/p>\n<p>Integrating <a title=\"NotifyVisitors - show notifications based on user behaviour\" href=\"https:\/\/www.notifyvisitors.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-wplink-edit=\"true\">&nbsp;Notifyvisitors site notifications too<span style=\"text-decoration: underline;\">l&nbsp;<\/span><\/a>&nbsp;is very simple with <span style=\"text-decoration: underline;\"><a title=\"Shopify\" href=\"http:\/\/www.shopify.in\/?utm_source=NotifyVisitors\" target=\"_blank\" rel=\"noopener noreferrer\">Shopify<\/a><\/span>. If you are not signed up with NotifyVisitors already, Please sign up first.&nbsp;<a style=\"font-weight: inherit; font-style: inherit; color: #428bca;\" title=\"Sign-up for free now !!\" href=\"https:\/\/www.notifyvisitors.com\/brand\/admin\/register\" target=\"_blank\" rel=\"noopener noreferrer\">Sign up for free now !!<\/a><!--more--><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.nvecta.com\/blog\/shopify-notification\/#Shopify_Notification_Integration_Guide\" >Shopify Notification &nbsp;Integration Guide<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.nvecta.com\/blog\/shopify-notification\/#1_Install_the_NotifyVisitors_Shopify_App\" >1. Install the NotifyVisitors Shopify App<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.nvecta.com\/blog\/shopify-notification\/#2_Login_to_NotifyVisitors\" >2. Login to NotifyVisitors<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.nvecta.com\/blog\/shopify-notification\/#3_Include_NotifyVisitors_Snippet_tag\" >3. Include NotifyVisitors Snippet tag<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Shopify_Notification_Integration_Guide\"><\/span>Shopify Notification &nbsp;Integration Guide<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 style=\"color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;\"><span class=\"ez-toc-section\" id=\"1_Install_the_NotifyVisitors_Shopify_App\"><\/span>1. Install the NotifyVisitors Shopify App<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;\">Visit the following page and click on &#8220;Get App&#8221;.&nbsp; <a style=\"color: #479ccf; font-family: arial, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 14px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff;\" title=\"NotifyVisitors Shopify App\" href=\"http:\/\/apps.shopify.com\/notifyvisitors-notification-management-software\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https:\/\/apps.shopify.com\/<wbr>notifyvisitors-notification-<wbr>management-software<\/a><\/p>\n<p style=\"color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;\">Then you will be redirected to a page where you will need to login with NotifyVisitors.<\/p>\n<h3 style=\"color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;\"><span class=\"ez-toc-section\" id=\"2_Login_to_NotifyVisitors\"><\/span>2. Login to NotifyVisitors<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;\">Enter NotifyVisitors &#8220;username&#8221;, &#8220;password&#8221; and click on login<\/p>\n<p style=\"color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;\"><a href=\"https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2014\/06\/shopify-app-11.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"wp-image-8368 size-full aligncenter\" title=\"NotifyVisitors Login\" src=\"https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2014\/06\/shopify-app-11.png\" alt=\"shopify-app-1\" width=\"532\" height=\"268\" srcset=\"https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2014\/06\/shopify-app-11.png 532w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2014\/06\/shopify-app-11.png 300w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2014\/06\/shopify-app-11.png 370w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2014\/06\/shopify-app-11.png 270w\" sizes=\"(max-width: 532px) 100vw, 532px\" \/><\/a><\/p>\n<h3 style=\"color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;\"><span class=\"ez-toc-section\" id=\"3_Include_NotifyVisitors_Snippet_tag\"><\/span>3. Include NotifyVisitors Snippet tag<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;\">a) Go to your Shopify Theme Editor. Click on the layouts theme file to open it.<\/p>\n<p style=\"color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;\"><img decoding=\"async\" class=\"aligncenter\" style=\"border: 0px; cursor: default; display: block; margin-left: auto; margin-right: auto; color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;\" title=\"NotifyVisitors Snippet tag\" src=\"https:\/\/s3.amazonaws.com\/tagnpin\/static\/site\/shopify-1.png\" alt=\"NotifyVisitors Snippet tag\" width=\"697\" height=\"528\"><\/p>\n<p style=\"color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;\">b) Insert the following code to the theme file just before the body tag:<\/p>\n<div style=\"color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;\"><b>{% include &#8216;notifyvisitors&#8217; %}<\/b><\/div>\n<div style=\"color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"border: 0px; cursor: default; display: block; margin-left: auto; margin-right: auto; color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19px; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;\" title=\"InviteReferrals Shopify App\" src=\"https:\/\/s3.amazonaws.com\/tagnpin\/static\/site\/shopify-3.png\" alt=\"InviteReferrals Shopify App\" width=\"704\" height=\"453\"><\/div>\n<p>Thats it! Your&nbsp;<a title=\"NotifyVisitors - show notifications based on visitor behaviour\" href=\"https:\/\/www.notifyvisitors.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">&nbsp;Notifyvisitors site notifications tool<\/a>&nbsp;is ready. You can customize anything from the admin panel. No code changes are needed on your&nbsp;<a style=\"font-weight: inherit; font-style: inherit; color: #428bca;\" title=\"Shopify\" href=\"http:\/\/www.shopify.in\/?utm_source=NotifyVisitors\" target=\"_blank\" rel=\"noopener noreferrer\">shopify<\/a>&nbsp;store.<\/p>\n\n\n<div id=\"embeded_cta3\"> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Integrating &nbsp;Notifyvisitors site notifications tool&nbsp;&nbsp;is very simple with Shopify. If you are not signed up with NotifyVisitors already, Please sign up first.&nbsp;Sign up for free now !!<\/p>\n","protected":false},"author":1,"featured_media":7681,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,5377],"tags":[11],"class_list":["post-68","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-integration","category-shopify","tag-shopify-notification-tool"],"_links":{"self":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/68","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":23,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/68\/revisions"}],"predecessor-version":[{"id":15822,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/68\/revisions\/15822"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/media\/7681"}],"wp:attachment":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/media?parent=68"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/categories?post=68"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/tags?post=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}