{"id":991,"date":"2023-10-24T16:41:34","date_gmt":"2023-10-24T16:41:34","guid":{"rendered":"https:\/\/wpshortcode.org\/?p=991"},"modified":"2023-10-24T16:41:35","modified_gmt":"2023-10-24T16:41:35","slug":"icegram","status":"publish","type":"post","link":"https:\/\/wpshortcode.org\/icegram\/","title":{"rendered":"Icegram Engage Shortcodes"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Below, you&#8217;ll find a detailed guide on how to add the <strong>Icegram Engage Shortcodes<\/strong> to your WordPress website, including their <strong>parameters<\/strong>, <strong>examples<\/strong>, and <strong>PHP function code<\/strong>. Additionally, we&#8217;ll assist you with common issues that might cause the Icegram Engage Plugin shortcodes not to show or not to work correctly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before starting, here is an overview of the Icegram Engage Plugin and the shortcodes it provides:<\/p>\n\n\n<p>    <div class=\"plugin-info-box\">\n        <div class=\"top-main\">\n            <!-- SVG Image -->\n            <div class=\"plugin-image\">\n                <img decoding=\"async\" src=\"https:\/\/ps.w.org\/icegram\/assets\/icon-128x128.png?rev=2282377\" alt=\"Plugin Icon\" \/>\n            <\/div>\n            \n            <div class=\"plugin-descriptive-part\">\n                <!-- Plugin Name with Link -->\n\n                    <a class=\"plugin-title\" href=\"https:\/\/wordpress.org\/plugins\/icegram\" target=\"_blank\" rel=\"noopener\">\n                        Icegram Engage \u2013 The Best WordPress Popup, Optin, CTA and Lead Generation Plugin                    <\/a>\n\n\n                <!-- Plugin Description -->\n                <p class=\"plugin-description\">\n                    &quot;Icegram Engage is a comprehensive WordPress plugin for effective lead generation. It features popup creation, opt-in forms, CTA buttons, and more, all designed to boost user engagement and conversion rates.&quot;                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Rating and Additional Info -->\n        <div class=\"plugin-meta\">\n            <span class=\"plugin-rating\">\n                <span class='stars'>\u2605\u2605\u2605\u2605\u2606<\/span> (361)\n            <\/span>\n            <span class=\"plugin-active-installs\">\n                <strong>Active Installs<\/strong>: 20000+\n            <\/span>\n            <span class=\"plugin-tested\">\n                <strong>Tested with<\/strong>: 6.3.2            <\/span>\n            <span class=\"plugin-php-version\">\n                <strong>PHP Version<\/strong>: false            <\/span>\n        <\/div>\n\n        <!-- List of Included Shortcodes -->\n        <div class=\"plugin-shortcodes\">\n            <strong>Included Shortcodes:<\/strong>\n            <ul>\n                <li>[icegram]<\/li><li>[ig_form]<\/li>            <\/ul>\n        <\/div>\n    <\/div>\n    <\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Icegram Engage [icegram] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Icegram shortcode is a powerful tool that dynamically displays messages or campaigns on your WordPress site. It prepares an array with conditions and adds a placeholder div, with the actual display happening in the footer.\n\n\n\nThis shortcode allows for customization, accepting parameters for campaigns, messages, and &#8216;skip_others&#8217;. If campaigns are specified and content is present, it triggers on click. It also replaces commas with spaces in values for better HTML compatibility.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[icegram]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Parameters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a list of all possible icegram shortcode parameters and attributes:<\/p>\n\n\n<ul>\n<li><code>campaigns<\/code> &#8211; Specifies the campaigns to display with the shortcode.<\/li>\n<li><code>messages<\/code> &#8211; Defines the specific messages to show within the campaigns.<\/li>\n<li><code>skip_others<\/code> &#8211; If set to &#8216;yes&#8217;, no other campaigns or messages will be shown.<\/li>\n<\/ul>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; A simple use of the Icegram shortcode to display a specific campaign or message.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[icegram campaigns=\"1\" \/]<\/code><\/pre>\n\n\n<p>Here, the &#8216;campaigns&#8217; attribute is used to specify the campaign ID. This will display the campaign with the ID 1 on the front-end of your WordPress site.<\/p>\n<p><strong>Advanced examples<\/strong><\/p>\n<p>Using the Icegram shortcode to display multiple campaigns or messages, while also skipping other campaigns.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[icegram campaigns=\"1,2,3\" skip_others=\"yes\" \/]<\/code><\/pre>\n\n\n<p>In this example, the &#8216;campaigns&#8217; attribute is used to specify multiple campaign IDs, separated by commas. The &#8216;skip_others&#8217; attribute is set to &#8216;yes&#8217;, which means that other campaigns will not be displayed on the page where this shortcode is used.<\/p>\n<p>Another advanced usage is to trigger a campaign or message on click, by adding content within the shortcode.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[icegram campaigns=\"1\"]Click here to trigger campaign[\/icegram]<\/code><\/pre>\n\n\n<p>This example will display a clickable text &#8216;Click here to trigger campaign&#8217;. Once clicked, it will trigger the display of the specified campaign.<\/p>\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[icegram]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'icegram', array( &amp;$this, 'execute_shortcode' ) );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction execute_shortcode( $atts = array(), $content = null ) {\n\t\t\t\/\/ When shortcode is called, it will only prepare an array with conditions\n\t\t\t\/\/ And add a placeholder div\n\t\t\t\/\/ Display will happen in footer via display_messages()\n\t\t\t$i                               = count( $this-&gt;shortcode_instances );\n\t\t\t$this-&gt;shortcode_instances&#91; $i ] = shortcode_atts( array(\n\t\t\t\t&#039;campaigns&#039;   =&gt; &#039;&#039;,\n\t\t\t\t&#039;messages&#039;    =&gt; &#039;&#039;,\n\t\t\t\t&#039;skip_others&#039; =&gt; &#039;no&#039;\n\t\t\t), $atts );\n\n\t\t\t$class&#91;] = &quot;ig_shortcode_container&quot;;\n\t\t\t$html&#91;]  = &quot;&lt;div id=&#039;icegram_shortcode_{$i}&#039;&quot;;\n\t\t\tif ( ! empty( $atts&#91;&#039;campaigns&#039;] ) &amp;&amp; ! empty( $content ) ) {\n\t\t\t\t$this-&gt;shortcode_instances&#91; $i ]&#91;&#039;with_content&#039;] = true;\n\t\t\t\t$class&#91;]                                         = &quot;trigger_onclick&quot;;\n\t\t\t}\n\t\t\tforeach ( $atts as $key =&gt; $value ) {\n\t\t\t\t$value  = str_replace( &quot;,&quot;, &quot; &quot;, $value );\n\t\t\t\t$html&#91;] = &quot; data-{$key}=\\&quot;&quot; . htmlentities( $value ) . &quot;\\&quot; &quot;;\n\t\t\t}\n\t\t\t$class  = implode( &quot; &quot;, $class );\n\t\t\t$html&#91;] = &quot;class=&#039;&quot; . $class . &quot;&#039; &gt;&quot; . $content . &quot;&lt;\/div&gt;&quot;;\n\n\t\t\treturn implode( &quot; &quot;, $html );\n\t\t}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">icegram\/icegram\/lite\/class-icegram.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Icegram Engage [ig_form] Shortcode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Icegram&#8217;s &#8216;ig_form&#8217; shortcode is a powerful tool that allows you to embed a form within your WordPress site. By using this shortcode, you can create a div element with the class &#8216;ig_form_container layout_inline&#8217; for inline form layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode<\/strong>: <code>[ig_form]<\/code><\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Examples and Usage<\/h3>\n\n\n<p><strong>Basic example<\/strong> &#8211; The shortcode [ig_form] is used to execute the &#8216;execute_form_shortcode&#8217; function, which returns a div with the class &#8216;ig_form_container layout_inline&#8217;, representing an inline Icegram form.<\/p>\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">[ig_form]<\/code><\/pre>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">PHP Function Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In case you have difficulties debugging what causing issues with <code>[ig_form]<\/code> shortcode, check below the related PHP functions code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode line<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">add_shortcode( 'ig_form', array( &amp;$this, 'execute_form_shortcode' ) );<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shortcode PHP function<\/strong>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; light: false; title: ; toolbar: true; notranslate\" title=\"\">\nfunction execute_form_shortcode( $atts = array() ) {\n\t\t\treturn &#039;&lt;div class=&quot;ig_form_container layout_inline&quot;&gt;&lt;\/div&gt;&#039;;\n\t\t}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Code file location<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"php\" class=\"language-php\">icegram\/icegram\/lite\/class-icegram.php<\/code><\/pre>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Now that you&#8217;ve learned how to embed the <strong>Icegram Engage Plugin shortcodes<\/strong>, understood the parameters, and seen code examples, it&#8217;s easy to use and debug any issue that might cause it to &#8216;not work&#8217;. If you still have difficulties with it, don&#8217;t hesitate to leave a comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Below, you&#8217;ll find a detailed guide on how to add the Icegram Engage Shortcodes to your WordPress website, including their parameters, examples, and PHP function code. Additionally, we&#8217;ll assist you with common issues that might cause the Icegram Engage Plugin shortcodes not to show or not to work correctly. Before starting, here is an overview [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"name":"Icegram Engage \u2013 The Best WordPress Popup, Optin, CTA and Lead Generation Plugin","slug":"","version":"3.1.16","author":"<a href=\"https:\/\/www.icegram.com\/\">icegram<\/a>","icons":"https:\/\/ps.w.org\/icegram\/assets\/icon-128x128.png?rev=2282377","plugin_tags":"{\"form\":\"form\",\"hellobar\":\"hellobar\",\"lead-capture\":\"lead capture\",\"optin\":\"Optin\",\"popup\":\"popup\"}","author_profile":"https:\/\/profiles.wordpress.org\/icegram\/","requires":"3.9","tested":"6.3.2","requires_php":"false","rating":94,"num_ratings":361,"active_installs":20000,"downloaded":2161206,"last_updated":"2023-10-12 4:35am GMT","added":"2014-06-09","homepage":"https:\/\/www.icegram.com\/","short_description":"The best WordPress popup plugin that lets you create popups and action bars within seconds. Customize exit-intent popup campaigns, action bars, badges &hellip;","description":"\"Icegram Engage is a comprehensive WordPress plugin for effective lead generation. It features popup creation, opt-in forms, CTA buttons, and more, all designed to boost user engagement and conversion rates.\"","shortcodes":"[\"icegram\",\"ig_form\"]","footnotes":""},"categories":[1],"tags":[],"class_list":["post-991","post","type-post","status-publish","format-standard","hentry","category-plugins"],"_links":{"self":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/991","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/comments?post=991"}],"version-history":[{"count":1,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/991\/revisions"}],"predecessor-version":[{"id":1062,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/posts\/991\/revisions\/1062"}],"wp:attachment":[{"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/media?parent=991"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/categories?post=991"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpshortcode.org\/wp-json\/wp\/v2\/tags?post=991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}