https://www.icegram.com/docs/assets/js/64b2f6cc.565d63ea.js

1"use strict";(self.webpackChunkig_docs=self.webpackChunkig_docs||[]).push([[911],{15680:(e,t,n)=>{n.d(t,{xA:()=>l,yg:()=>d});var r=n(96540);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var g=r.createContext({}),c=function(e){var t=r.useContext(g),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},l=function(e){var t=c(e.components);return r.createElement(g.Provider,{value:t},e.children)},p="mdxType",m={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},u=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,g=e.parentName,l=s(e,["components","mdxType","originalType","parentName"]),p=c(n),u=o,d=p["".concat(g,".").concat(u)]||p[u]||m[u]||a;return n?r.createElement(d,i(i({ref:t},l),{},{components:n})):r.createElement(d,i({ref:t},l))}));function d(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,i=new Array(a);i[0]=u;var s={};for(var g in t)hasOwnProperty.call(t,g)&&(s[g]=t[g]);s.originalType=e,s[p]="string"==typeof e?e:o,i[1]=s;for(var c=2;c<a;c++)i[c]=n[c];return r.createElement.apply(null,i)}return r.createElement.apply(null,n)}u.displayName="MDXCreateElement"},8157:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>g,contentTitle:()=>i,default:()=>m,frontMatter:()=>a,metadata:()=>s,toc:()=>c});var r=n(58168),o=(n(96540),n(15680));const a={title:"Messages On Button or link",description:"To Trigger Icegram Messages On Button, you need to follow a few easy steps that are mentioned in this post.",keywords:["Trigger Icegram Messages On Button"],date:"2016-05-03T16:35"},i="How to Trigger  Icegram Engage Messages On Button or Link Click - With Icegram Engage",s={unversionedId:"category/icegram-engage/show-message-onclick",id:"category/icegram-engage/show-message-onclick",title:"Messages On Button or link",description:"To Trigger Icegram Messages On Button, you need to follow a few easy steps that are mentioned in this post.",source:"@site/docs/category/icegram-engage/show-message-onclick.mdx",sourceDirName:"category/icegram-engage",slug:"/category/icegram-engage/show-message-onclick",permalink:"/docs/category/icegram-engage/show-message-onclick",draft:!1,tags:[],version:"current",frontMatter:{title:"Messages On Button or link",description:"To Trigger Icegram Messages On Button, you need to follow a few easy steps that are mentioned in this post.",keywords:["Trigger Icegram Messages On Button"],date:"2016-05-03T16:35"},sidebar:"myAutogeneratedSidebar",previous:{title:"Campaign using Shortcode",permalink:"/docs/category/icegram-engage/show-campaign-message-using-shortcode"},next:{title:"Target campaigns on Blog",permalink:"/docs/category/icegram-engage/target-campaigns-blog-articles"}},g={},c=[],l={toc:c},p="wrapper";

1function m(e){let{components:t,...a}=e;return(0,o.yg)(p,(0,r.A)({},l,a,{components:t,mdxType:"MDXLayout"}),(0,o.yg)("h1",{id:"how-to-trigger--icegram-engage-messages-on-button-or-link-click---with-icegram-engage"},"How to Trigger  Icegram Engage Messages On Button or Link Click - With Icegram Engage"),(0,o.yg)("p",null,"Here\u2019s how to do it\u2026"),(0,o.yg)("p",null,"Step 1: Configure your campaign."),(0,o.yg)("p",null,"Step 2: Create a message and fill in details as usual."),(0,o.yg)("p",null,"Step 3: Copy the shortcode of this campaign. The code looks something like: ",(0,o.yg)("strong",{parentName:"p"},"[",' icegram campaigns="campaign',"_",'id" ',"]")),(0,o.yg)("p",null,(0,o.yg)("img",{alt:"Copy the shortcode of this campaign",src:n(91593).A,width:"802",height:"345"})),(0,o.yg)("p",null,"Step 4: Go to the page where this message would be displayed. Create your button or link and paste the\xa0code"),(0,o.yg)("p",null,"Step 5: For links, the code may look like: ",(0,o.yg)("strong",{parentName:"p"},"Shortcode to show an offer/optin on-click of a LINK")," ",(0,o.yg)("inlineCode",{parentName:"p"},'[ icegram campaigns="XXXX"]<a href="#">Your Text </a> [/icegram]')),(0,o.yg)("p",null,(0,o.yg)("img",{alt:"For links, the code may look like",src:n(2141).A,width:"781",height:"343"})),(0,o.yg)("p",null,"Step 6: For buttons, the code may look like: ",(0,o.yg)("strong",{parentName:"p"},"Shortcode to show an offer/optin on-click of a BUTTON")," ",(0,o.yg)("inlineCode",{parentName:"p"},'[ icegram campaigns="XXXX"]<button>Your Text</button> [/icegram]')),(0,o.yg)("p",null,(0,o.yg)("img",{alt:"Shortcode to show an offer/optin on-click of a BUTTON",src:n(34726).A,width:"777",height:"342"})),(0,o.yg)("p",null,"It is necessary to insert the message into a campaign and then use the campaign id. If you insert the message-id it will give you an error."))}m.isMDXComponent=!0},91593:(e,t,n)=>{n.d(t,{A:()=>r});const r=n.p+"assets/images/33-078b87483e96690c91855cb142c4dcd6.png"},2141:(e,t,n)=>{n.d(t,{A:()=>r});const r=n.p+"assets/images/4-5-f217c2fa5f0d8bcc1f3001c131ad339b.png"},34726:(e,t,n)=>{n.d(t,{A:()=>r});const r=n.p+"assets/images/4-6-f1b948ba8bd8b0fa6d8398f67c3aaac8.png"}}]);