{"id":13033,"date":"2024-08-02T06:30:40","date_gmt":"2024-08-02T06:30:40","guid":{"rendered":"https:\/\/www.picreel.com\/blog\/?p=13033"},"modified":"2025-02-13T06:48:05","modified_gmt":"2025-02-13T06:48:05","slug":"textpattern-cms-popup","status":"publish","type":"post","link":"https:\/\/www.picreel.com\/blog\/textpattern-cms-popup\/","title":{"rendered":"How to Create a Popup in Textpattern CMS?"},"content":{"rendered":"<p>I have been using Textpattern\u2019s flexible plugin architecture and find its open-source CMS platform handy.<\/p>\n<p>Having recently discovered how popups can enhance user engagement, grow your email list, and improve click-through rates (CTRs), I was curious if Textpattern offers popups.<\/p>\n<p>It does not, but you can always embed the Textpattern CMS popup codes or use a standardized popup tool like\u00a0<a href=\"https:\/\/www.picreel.com\/\">Picreel<\/a>.<\/p>\n<p>Here\u2019s how my Picreel popup looks within Textpattern:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13043\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/08\/PP_PIC_CMSP-within-Textpattern.png\" alt=\"Textpattern CMS Popup\" width=\"1076\" height=\"657\" \/><\/p>\n<p>From my experience, here are the top three reasons I recommend using Picreel:<\/p>\n<ul>\n<li><strong>Multi-platform Support:<\/strong>\u00a0Picreel works across multiple platforms, making it versatile and adaptable if you ever switch from Textpattern to another CMS.<\/li>\n<li><strong>Advanced Features:<\/strong>\u00a0You get sophisticated features like\u00a0<a href=\"https:\/\/www.picreel.com\/features\/popup-ab-testing\/\">A\/B testing<\/a>\u00a0and <a href=\"https:\/\/www.picreel.com\/features\/popup-reports-and-analytics\/\">detailed analytics<\/a>, which can significantly improve your marketing strategies.<\/li>\n<li><strong>Better Customization Options:<\/strong>\u00a0Picreel offers comprehensive and flexible customization options, allowing you to create popups that perfectly match your website&#8217;s design and user experience goals.<\/li>\n<\/ul>\n<p>In this tutorial, I will explain how to create a popup using both methods.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_1_Using_Textpattern%E2%80%99s_Editor\"><\/span>Method 1: Using Textpattern\u2019s Editor<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>1.<\/strong> Click the &#8220;Login&#8221; button to access the Textpattern admin dashboard.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13040\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/08\/Competitor_PIC_CMSP-wLogin.png\" alt=\"wLogin\" width=\"1888\" height=\"871\" \/><\/p>\n<p><strong>2.<\/strong> Navigate to the Plugins Section.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13039\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/08\/Competitor_PIC_CMSP-Plugins-Section.png\" alt=\"Plugins Section\" width=\"1888\" height=\"865\" \/><\/p>\n<p><strong>3.<\/strong> Once logged in, go to the &#8220;Admin&#8221; tab in the top navigation bar and select &#8220;Plugins&#8221; from the dropdown menu.<\/p>\n<p><strong>4.<\/strong> Search for a popup plugin in the plugin directory. Some popular options include &#8220;rah_external_output&#8221; for more complex solutions or &#8220;jQuery-based plugins&#8221; for simpler implementations.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13046\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/08\/Competitor_PIC_CMSP-P-plugin-directory.png\" alt=\"plugin directory\" width=\"1888\" height=\"863\" \/><\/p>\n<p><strong>5.<\/strong> Download the plugin file (usually in .txp format).<\/p>\n<p><strong>6.<\/strong> In the &#8220;Plugins&#8221; section, click the &#8220;Install&#8221; button and upload the .txp file you downloaded.<\/p>\n<p>Once uploaded, activate the plugin by clicking the &#8220;Activate&#8221; button.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_2_Creating_a_Popup_Using_Picreel_Popup_Builder\"><\/span>Method 2: Creating a Popup Using Picreel Popup Builder<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Picreel is a powerful popup maker that works across multiple platforms, providing a versatile solution for creating popups. Here&#8217;s how to create a popup using Picreel:<\/p>\n<p><strong>1.<\/strong> Sign up for a free Picreel account\u00a0and log in.<\/p>\n<p><strong>2.<\/strong> Go to the \u201c<strong>Campaigns<\/strong>\u201d menu and click &#8220;<strong>New Campaign<\/strong>&#8221; from the top right. You can select the templates option from the drop-down or start from scratch.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12107\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/04\/PP_PIC_2Campaigns.png\" alt=\"New campaign\" width=\"1313\" height=\"561\" \/><\/p>\n<p><strong>3.<\/strong> Choose the type of popup you want to create from the templates menu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12897\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/07\/PP_PIC_CM-templates-menu-1.png\" alt=\"templates menu\" width=\"1873\" height=\"441\" \/><\/p>\n<p><strong>4.<\/strong> Once you select the design, customize it according to your preferences.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13042\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/08\/PP_PIC_CMSP-design-customizeSize.png\" alt=\"customize design\" width=\"1313\" height=\"607\" \/><\/p>\n<p><strong>5.<\/strong> Configure your targeting and trigger options to specify when and where you want your popup to appear.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12106\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/04\/PP_PIC_2-personalize-targeting.png\" alt=\"configure\" width=\"1308\" height=\"581\" \/><\/p>\n<p><strong>6.<\/strong> Click &#8220;<strong>Save<\/strong>&#8221; to activate your popup.<\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/J1tBmOnBJEA?si=F_4u2sQgNB_AmIWb\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3>Embedding Picreel HTML Code Inside Textpattern CMS<\/h3>\n<p>To embed a Picreel popup on your Textpattern CMS website, follow these steps:<\/p>\n<p><strong>1.<\/strong> Navigate to campaigns and click &#8220;<strong>View Code.<\/strong>&#8221;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12109\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/04\/PP_PIC_5-saving-se.png\" alt=\"save code\" width=\"1629\" height=\"806\" \/><\/p>\n<p><strong>2.<\/strong> Click on the code to copy it.<\/p>\n<p><strong>3.<\/strong> Login to the Textpattern admin panel.<\/p>\n<p><strong>4.<\/strong> Click on Presentation &gt; Pages, as it is shown on the screenshot.<\/p>\n<p><strong>5.<\/strong> Insert the Embed Code.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13044\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/08\/Competitor_PIC_CMSP-Embed-Code.png\" alt=\"Embed Code\" width=\"1888\" height=\"863\" \/><\/p>\n<p><strong>6.<\/strong> Click the \u201cSave\u201d button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13045\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/08\/Competitor_PIC_CMSP-EmbeSave.png\" alt=\"Save code\" width=\"1873\" height=\"856\" \/><\/p>\n<p><strong>7.<\/strong> Create the Notification.<\/p>\n<p><strong>8.<\/strong> Now that your Textpattern website is connected, you can create Magic Widget popup notifications to boost your sales.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Which_Is_a_Better_Method_Method_1_or_2\"><\/span>Which Is a Better Method: Method 1 or 2?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>From a long-term perspective, Picreel is likely the better option because it ensures your popup tool remains functional even if you switch platforms. Textpattern, on the other hand, lacks a dedicated popup builder.<\/p>\n<p>Picreel offers more sophisticated popup options and a more comprehensive range of <a href=\"https:\/\/www.picreel.com\/features\/popup-triggers\/\">triggers<\/a>. It also provides a\u00a0forever-free plan\u00a0for startups and small businesses, allowing the creation of unlimited popups with all premium features. While the free version is quite capable, there are also paid plans starting at just\u00a0<strong>$9.99\/month<\/strong>\u00a0for those who need more advanced features.<\/p>\n<p>Ultimately, the goal is to create compelling popups that drive user engagement and conversions, regardless of your chosen method. The choice is yours, based on your specific needs and preferences.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I have been using Textpattern\u2019s flexible plugin architecture and find its open-source CMS platform handy. Having recently discovered how popups can enhance user engagement, grow your email list, and improve click-through rates (CTRs), I was curious if Textpattern offers popups. It does not, but you can always embed the Textpattern CMS popup codes or use&#8230;<\/p>\n","protected":false},"author":26,"featured_media":13041,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[],"class_list":["post-13033","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-popup"],"_links":{"self":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/13033","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/comments?post=13033"}],"version-history":[{"count":5,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/13033\/revisions"}],"predecessor-version":[{"id":14084,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/13033\/revisions\/14084"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media\/13041"}],"wp:attachment":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media?parent=13033"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/categories?post=13033"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/tags?post=13033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}