{"id":141,"date":"2024-03-11T16:15:39","date_gmt":"2024-03-11T16:15:39","guid":{"rendered":"https:\/\/znicrm.com\/guide\/?p=141"},"modified":"2024-03-31T10:18:38","modified_gmt":"2024-03-31T10:18:38","slug":"how-to-convert-links-to-popup-box","status":"publish","type":"post","link":"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/","title":{"rendered":"How To Convert Links To Popup Box"},"content":{"rendered":"\n

To convert anchor tags or buttons on your webpage to open a Engage contact form a little bit knowledge of HTML and javascript is required.<\/p>\n\n\n\n

To learn how to install engage tool on your website please check our tutorial from Get Started With ZNI Engage<\/a><\/p>\n\n\n\n

Whenever Engage javascript file is loaded on your webpage it will callback a javascript function zipcallCallBack with a single parameter consisting of zipcall (i.e., engage) object.<\/p>\n\n\n\n

function zipcallCallBack(zc) {\n    \/\/your code\n}<\/code><\/pre>\n\n\n\n
use it only after you load the Engage javascript.<\/p>\n\n\n\n
You need to add few lines of javascript to enable link-to-popup functionality.<\/p>\n\n\n\n
\/\/enable legacy mode for old engage scripts i.e. zipcall\nzc('legacy', true);\n\n\/\/callback function\nfunction zipcallCallBack(zc) {\n    \/\/ bind click event on anchor tag\n    zc.zipcallApi.bindClickEvent(\"a\");\n}<\/code><\/pre>\n\n\n\n
Above function will bind the anchor tag click event and listen to all click on the page. It will not transfer any data to our servers.<\/p>\n\n\n\n
To enable any anchor tag to open a pop-up contact form you will have to add two data attributes to it.<\/p>\n\n\n\n
<a name='contact-form' id='contact-form' class='btn btn-info' data-zipcall-onclick=\"contactus\" data-zipcall-url=\"NA\">Contact Us<\/a><\/code><\/pre>\n\n\n\n
If you just want to open a contact form pop-up without forwarding the user to a new URL then set data-zipcall-url value to “NA”.<\/p>\n\n\n\n
If you want that the user must be forwarded to a new URL after submitting the contact form or if they cancel the form then enter the full url of the destination.<\/p>\n\n\n\n
<a name='contact-form' id='contact-form' class='btn btn-info' data-zipcall-onclick=\"contactus\" data-zipcall-url=\"https:\/\/znicrm.com\/\" href=\"https:\/\/znicrm.com\/\">Contact Us<\/a><\/code><\/pre>\n\n\n\n
In case of anchor tags it will prevent the default action of the click event and first open the contact form and after that will take the user to the destination.<\/p>\n\n\n\n
This will not affect any SEO or non-javascript functionality of your page.<\/p>\n","protected":false},"excerpt":{"rendered":"
To convert anchor tags or buttons on your webpage to open a Engage contact form a little bit knowledge of HTML and javascript is required. To learn how to install engage tool on your website please check our tutorial from Get Started With ZNI Engage Whenever Engage javascript file is loaded on your webpage it […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[],"yoast_head":"\nHow To Convert Links To Popup Box - ZNICRM Guide<\/title>\n<meta name=\"description\" content=\"Convert any button on your website or any anchor link to open a contact-us popup box.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Convert Links To Popup Box - ZNICRM Guide\" \/>\n<meta property=\"og:description\" content=\"Convert any button on your website or any anchor link to open a contact-us popup box.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/\" \/>\n<meta property=\"og:site_name\" content=\"ZNICRM Guide\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-11T16:15:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-31T10:18:38+00:00\" \/>\n<meta name=\"author\" content=\"Lowell Samuel Walton\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lowell Samuel Walton\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/znicrm.com\/guide\/#organization\",\"name\":\"ZNICRM Guide\",\"url\":\"https:\/\/znicrm.com\/guide\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/znicrm.com\/guide\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdn.znicrm.com\/guide\/wp-content\/uploads\/2022\/07\/18161430\/logo-112x28-1.png\",\"contentUrl\":\"https:\/\/cdn.znicrm.com\/guide\/wp-content\/uploads\/2022\/07\/18161430\/logo-112x28-1.png\",\"width\":112,\"height\":24,\"caption\":\"ZNICRM Guide\"},\"image\":{\"@id\":\"https:\/\/znicrm.com\/guide\/#\/schema\/logo\/image\/\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/znicrm.com\/guide\/#website\",\"url\":\"https:\/\/znicrm.com\/guide\/\",\"name\":\"ZNICRM Guide\",\"description\":\"Help topics for CRM, TeamSpoor & Engage\",\"publisher\":{\"@id\":\"https:\/\/znicrm.com\/guide\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/znicrm.com\/guide\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/\",\"url\":\"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/\",\"name\":\"How To Convert Links To Popup Box - ZNICRM Guide\",\"isPartOf\":{\"@id\":\"https:\/\/znicrm.com\/guide\/#website\"},\"datePublished\":\"2024-03-11T16:15:39+00:00\",\"dateModified\":\"2024-03-31T10:18:38+00:00\",\"description\":\"Convert any button on your website or any anchor link to open a contact-us popup box.\",\"breadcrumb\":{\"@id\":\"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/znicrm.com\/guide\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Convert Links To Popup Box\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/\"},\"author\":{\"name\":\"Lowell Samuel Walton\",\"@id\":\"https:\/\/znicrm.com\/guide\/#\/schema\/person\/982abbb26b23872deeb011dd70aec446\"},\"headline\":\"How To Convert Links To Popup Box\",\"datePublished\":\"2024-03-11T16:15:39+00:00\",\"dateModified\":\"2024-03-31T10:18:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/\"},\"wordCount\":246,\"publisher\":{\"@id\":\"https:\/\/znicrm.com\/guide\/#organization\"},\"articleSection\":[\"Engage\"],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/znicrm.com\/guide\/#\/schema\/person\/982abbb26b23872deeb011dd70aec446\",\"name\":\"Lowell Samuel Walton\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/znicrm.com\/guide\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2ea5466b737a565f00d9effed54ce913?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2ea5466b737a565f00d9effed54ce913?s=96&d=mm&r=g\",\"caption\":\"Lowell Samuel Walton\"},\"sameAs\":[\"https:\/\/znicrm.com\/guide\"],\"url\":\"https:\/\/znicrm.com\/guide\/author\/tushar\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Convert Links To Popup Box - ZNICRM Guide","description":"Convert any button on your website or any anchor link to open a contact-us popup box.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/","og_locale":"en_US","og_type":"article","og_title":"How To Convert Links To Popup Box - ZNICRM Guide","og_description":"Convert any button on your website or any anchor link to open a contact-us popup box.","og_url":"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/","og_site_name":"ZNICRM Guide","article_published_time":"2024-03-11T16:15:39+00:00","article_modified_time":"2024-03-31T10:18:38+00:00","author":"Lowell Samuel Walton","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Lowell Samuel Walton","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/znicrm.com\/guide\/#organization","name":"ZNICRM Guide","url":"https:\/\/znicrm.com\/guide\/","sameAs":[],"logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/znicrm.com\/guide\/#\/schema\/logo\/image\/","url":"https:\/\/cdn.znicrm.com\/guide\/wp-content\/uploads\/2022\/07\/18161430\/logo-112x28-1.png","contentUrl":"https:\/\/cdn.znicrm.com\/guide\/wp-content\/uploads\/2022\/07\/18161430\/logo-112x28-1.png","width":112,"height":24,"caption":"ZNICRM Guide"},"image":{"@id":"https:\/\/znicrm.com\/guide\/#\/schema\/logo\/image\/"}},{"@type":"WebSite","@id":"https:\/\/znicrm.com\/guide\/#website","url":"https:\/\/znicrm.com\/guide\/","name":"ZNICRM Guide","description":"Help topics for CRM, TeamSpoor & Engage","publisher":{"@id":"https:\/\/znicrm.com\/guide\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/znicrm.com\/guide\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/","url":"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/","name":"How To Convert Links To Popup Box - ZNICRM Guide","isPartOf":{"@id":"https:\/\/znicrm.com\/guide\/#website"},"datePublished":"2024-03-11T16:15:39+00:00","dateModified":"2024-03-31T10:18:38+00:00","description":"Convert any button on your website or any anchor link to open a contact-us popup box.","breadcrumb":{"@id":"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/znicrm.com\/guide\/"},{"@type":"ListItem","position":2,"name":"How To Convert Links To Popup Box"}]},{"@type":"Article","@id":"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/#article","isPartOf":{"@id":"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/"},"author":{"name":"Lowell Samuel Walton","@id":"https:\/\/znicrm.com\/guide\/#\/schema\/person\/982abbb26b23872deeb011dd70aec446"},"headline":"How To Convert Links To Popup Box","datePublished":"2024-03-11T16:15:39+00:00","dateModified":"2024-03-31T10:18:38+00:00","mainEntityOfPage":{"@id":"https:\/\/znicrm.com\/guide\/141\/how-to-convert-links-to-popup-box\/"},"wordCount":246,"publisher":{"@id":"https:\/\/znicrm.com\/guide\/#organization"},"articleSection":["Engage"],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/znicrm.com\/guide\/#\/schema\/person\/982abbb26b23872deeb011dd70aec446","name":"Lowell Samuel Walton","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/znicrm.com\/guide\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2ea5466b737a565f00d9effed54ce913?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2ea5466b737a565f00d9effed54ce913?s=96&d=mm&r=g","caption":"Lowell Samuel Walton"},"sameAs":["https:\/\/znicrm.com\/guide"],"url":"https:\/\/znicrm.com\/guide\/author\/tushar\/"}]}},"_links":{"self":[{"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/posts\/141"}],"collection":[{"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/comments?post=141"}],"version-history":[{"count":2,"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/posts\/141\/revisions"}],"predecessor-version":[{"id":148,"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/posts\/141\/revisions\/148"}],"wp:attachment":[{"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/media?parent=141"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/categories?post=141"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/znicrm.com\/guide\/wp-json\/wp\/v2\/tags?post=141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}