{"id":13180,"date":"2024-08-30T09:18:20","date_gmt":"2024-08-30T09:18:20","guid":{"rendered":"https:\/\/www.picreel.com\/blog\/?p=13180"},"modified":"2025-02-13T06:24:18","modified_gmt":"2025-02-13T06:24:18","slug":"sitecore-popup","status":"publish","type":"post","link":"https:\/\/www.picreel.com\/blog\/sitecore-popup\/","title":{"rendered":"How to Create a Popup in Sitecore?"},"content":{"rendered":"<p>I have been using Sitecore for a while and deployed it for many of my marketing strategies. Its robust features and seamless integrations have made it a cornerstone of my digital strategy.<\/p>\n<p>I\u2019ve heard that popups can help grow your email list and improve click-through rates (CTRs).<\/p>\n<p>I also found that Sitecore also offers popups! There are two ways to create a Sitecore popup:\u00a0<strong>using Sitecore&#8217;s built-in tools and a dedicated popup tool like <a href=\"https:\/\/www.picreel.com\/\">Picreel<\/a>.<\/strong>\u00a0We&#8217;ll also discuss the differences between Sitecore&#8217;s popup builder and Picreel as a standardized popup tool.<\/p>\n<p>In fact, here\u2019s how my Picreel popup looks within Sitecore:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11921 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/05\/PP_PIC_1-Use-Exit-Intent-to-Target-People.png\" alt=\"Sitecore Popup\" width=\"1076\" height=\"659\" \/><\/p>\n<p>Before we get into that, here\u2019s the difference between using Sitecore\u2019s own popup vs. a standardized popup tool.<\/p>\n<div id=\"tablepress-236-scroll-wrapper\" class=\"tablepress-scroll-wrapper\">\n\n<table id=\"tablepress-236\" class=\"tablepress tablepress-id-236 tablepress-responsive\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">Criteria<\/th><th class=\"column-2\">Sitecore Popup<\/th><th class=\"column-3\">Picreel Popup<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-hover\">\n<tr class=\"row-2 even\">\n\t<td class=\"column-1\">Multi-platform support<\/td><td class=\"column-2\">\u274c Limited to use within the Sitecore ecosystem, suitable for users committed to the Sitecore platform.<\/td><td class=\"column-3\">\u2705 Compatible with various website platforms, making it ideal for users who manage multiple sites or plan to switch platforms in the future.<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\">More features<\/td><td class=\"column-2\">\u274c Provides basic features for creating and deploying popups, focusing on essential functions.<\/td><td class=\"column-3\">\u2705 Offers a comprehensive set of advanced features, including A\/B testing, detailed analytics, and personalization options.<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\">Better customization options<\/td><td class=\"column-2\">\u2705 Basic customization options, allowing for simple changes to popup design and content.<\/td><td class=\"column-3\">\u2705 Extensive customization capabilities, enabling users to tailor popups to match their branding and specific needs fully.<\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\">Integrates with various platforms<\/td><td class=\"column-2\">\u274c Primarily integrates seamlessly within the Sitecore environment.<\/td><td class=\"column-3\">\u2705 Integrates effortlessly with a wide range of website platforms and marketing tools, providing greater flexibility and scalability.<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\">Advanced targeting options<\/td><td class=\"column-2\">\u274c Limited targeting options, sufficient for basic user engagement.<\/td><td class=\"column-3\">\u2705 Advanced targeting and segmentation features, allowing for precise audience targeting based on behavior, demographics, and more.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n<\/div><!-- #tablepress-236 from cache -->\n<p>Based on my experience, I recommend using Picreel for the following reasons:<\/p>\n<ul>\n<li><strong>Multi-platform support:<\/strong>\u00a0Picreel works across multiple platforms, making it versatile if you decide to switch from Sitecore in the future.<\/li>\n<li><strong>Better customization options:<\/strong>\u00a0Picreel offers extensive customization options, allowing you to create highly engaging and personalized popups.<\/li>\n<li><strong>Advanced targeting options:<\/strong>\u00a0Picreel provides\u00a0<a href=\"https:\/\/www.picreel.com\/features\/popup-targeting\/\">advanced targeting<\/a>\u00a0and segmentation, ensuring your popups reach the right audience at the right time.<\/li>\n<\/ul>\n<p>Nevertheless, in this tutorial, we will answer the question of how to create a popup using both methods.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_1_Using_Sitecore%E2%80%99s_Built-in_Popup\"><\/span>Method 1: Using Sitecore\u2019s Built-in Popup<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Sitecore offers a built-in popup maker. Here\u2019s how to create it:<\/p>\n<p><strong>1.<\/strong> Navigate to the Sitecore login page and enter your credentials to access your dashboard.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13182 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/08\/Competitor_PIC_SCP-Using-Sitecoret.png\" alt=\"Sitecore login page\" width=\"810\" height=\"415\" \/><\/p>\n<p><strong>2.<\/strong> Once logged in, go to the Experience Editor by selecting it from the main menu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13185 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/08\/Competitor_PIC_SCP-Experience-Editor.png\" alt=\"Experience Editor\" width=\"1275\" height=\"781\" \/><\/p>\n<p><strong>3.<\/strong> Choose the specific page on your website where you want the Sitecore popup to appear.<\/p>\n<p><strong>4.<\/strong> In the Experience Editor, click the\u00a0<strong>&#8216;Insert&#8217;<\/strong>\u00a0option in the top navigation menu.<\/p>\n<p><strong>5.<\/strong> From the dropdown menu, select the\u00a0<strong>&#8216;Promotional Popup&#8217;<\/strong>\u00a0option. This will open the popup creation interface.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13190\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/08\/Competitor_PIC_SCP-Promotional-Popup.png\" alt=\"\" width=\"825\" height=\"736\" \/><\/p>\n<p><strong>6.<\/strong> Use the editing tools to customize the appearance of your Sitecore popup. Add images, text, and call-to-action buttons as needed.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13186 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/08\/Competitor_PIC_SCP-customize-the-appearance.png\" alt=\"customize the appearance of your Sitecore popup\" width=\"1594\" height=\"856\" \/><\/p>\n<p><strong>7.<\/strong> Define when and where the popup will appear. You can set conditions such as time on page, scroll percentage, or exit intent.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13189 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/08\/Competitor_PIC_SCP-popup-will-appear.png\" alt=\"popup will appear\" width=\"1815\" height=\"1017\" \/><\/p>\n<p><strong>8.<\/strong> Choose the audience segments you want to target with your popup. You can select criteria based on user behavior, demographics, or other attributes.<\/p>\n<p><strong>9.<\/strong> After customizing the Sitecore popup to your satisfaction, click on the\u00a0<strong>&#8216;Save&#8217;<\/strong>\u00a0button to save your changes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-13188\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/08\/Competitor_PIC_SCP-popup-Save.png\" alt=\"\" width=\"1815\" height=\"1004\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_2_Using_Picreel_Popup_Builder\"><\/span>Method 2: Using Picreel Popup Builder<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Picreel is a popup maker that works across multiple platforms, providing you with a versatile solution for creating popups. Here&#8217;s how you can create a Sitecore popup using Picreel:<\/p>\n<p><strong>1.<\/strong> <a href=\"https:\/\/www.picreel.com\/signup\/\">Sign up for a Picreel account<\/a>\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> From the templates menu, choose the type of popup you want to create.<\/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 wp-image-13184 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/08\/PP_PIC_SCP-design-customize-ize-1.png\" alt=\"customize design\" width=\"1313\" height=\"607\" \/><\/p>\n<p><strong>5.<\/strong>\u00a0Configure 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=T9rlj6miqqmOxBqk\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3>Embedding Picreel HTML Code Inside Sitecore<\/h3>\n<p>To embed a Picreel popup on your Sitecore 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> Log in to your Sitecore account and select the\u00a0<strong>Experience Editor<\/strong>\u00a0from the main menu.<\/p>\n<p><strong>4.<\/strong> Choose the specific page on your website where you want to add the custom HTML code.<\/p>\n<p><strong>5.<\/strong> Find the location on the page where you want to add the HTML code. Click on the desired placeholder and choose &#8216;<strong>Add here<\/strong>&#8216;. From the available options, select\u00a0<strong>&#8216;Content Block&#8217;<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13187 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/08\/Competitor_PIC_SCP-pAdd-here.png\" alt=\"add the HTML code\" width=\"851\" height=\"563\" \/><\/p>\n<p><strong>6.<\/strong> After inserting the content block, click on it to open the editing interface.<\/p>\n<p><strong>7.<\/strong> In the content block editor, locate the HTML editing option. This is usually represented by an HTML icon or a\u00a0<strong>&#8216;Source&#8217;<\/strong>\u00a0button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13181 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/08\/Competitor_PIC_SCP-Source-button.png\" alt=\"content block editor\" width=\"834\" height=\"404\" \/><\/p>\n<p><strong>8.<\/strong> Paste your custom HTML code into the content block in the HTML editor.<\/p>\n<p><strong>9.<\/strong> After embedding your HTML code, click\u00a0<strong>\u2018Accept\u2019<\/strong>\u00a0to apply the changes.<\/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>Keeping a long-term view, Picreel is probably better because your popup tool remains intact despite changing platforms; you get more sophisticated popup options and more triggers.<\/p>\n<p>Additionally, Picreel comes with a forever-free plan for startups and small businesses and allows you to create unlimited popups with all premium features. The free version does the job, but you can always explore paid options starting as low as\u00a0<strong>$9.99\/month.<\/strong><\/p>\n<p>On the other hand, if you prefer to use the limited options available with Sitecore\u2019s built-in popup without incurring any additional integrations, it can still serve your needs just fine.<\/p>\n<p>Remember, the goal is to create compelling popups that drive user engagement and conversions, regardless of your chosen method. Ultimately, the choice is yours.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I have been using Sitecore for a while and deployed it for many of my marketing strategies. Its robust features and seamless integrations have made it a cornerstone of my digital strategy. I\u2019ve heard that popups can help grow your email list and improve click-through rates (CTRs). I also found that Sitecore also offers popups!&#8230;<\/p>\n","protected":false},"author":26,"featured_media":13183,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[],"class_list":["post-13180","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\/13180","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=13180"}],"version-history":[{"count":3,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/13180\/revisions"}],"predecessor-version":[{"id":14060,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/13180\/revisions\/14060"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media\/13183"}],"wp:attachment":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media?parent=13180"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/categories?post=13180"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/tags?post=13180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}