{"id":11163,"date":"2024-02-07T10:20:35","date_gmt":"2024-02-07T10:20:35","guid":{"rendered":"https:\/\/www.picreel.com\/blog\/?p=11163"},"modified":"2025-10-14T07:00:32","modified_gmt":"2025-10-14T07:00:32","slug":"carrd-popup","status":"publish","type":"post","link":"https:\/\/www.picreel.com\/blog\/carrd-popup\/","title":{"rendered":"How to Create a Carrd Popup? (Code &#038; No-Code Method)"},"content":{"rendered":"<p>Have you ever created popups on the Carrd website?<\/p>\n<p>Well, I have been using Carrd for the past few months and have created some amazing designs. But recently, I discovered that I could use popups on the landing pages to get better attention and leads.<\/p>\n<p>Sounds exciting, right?<\/p>\n<p>Yeah, and when creating popups, I&#8217;ve got two options in mind. First, there&#8217;s the Serviceform Widget for Carrd, and then, there&#8217;s an exciting tool called\u00a0<a href=\"https:\/\/www.picreel.com\/\">Picreel<\/a>\u00a0that creates aesthetic popups hassle-free.<\/p>\n<p>Let me show you how my Picreel popup appears on the Carrd website:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11168\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/PP_PIC_-Bigcommercep-opup.png\" alt=\"Carrd Popup\" width=\"1076\" height=\"659\" \/><\/p>\n<p>In this blog, I will show you how to create popups in Carrd using the Serviceform extension for Carrd and Picreel, a popular popup tool, and compare both methods.<\/p>\n<p>But before we get into the details of creating popups, let\u2019s first see what makes the Serviceform extension popup builder different from a popup tool like Picreel.<\/p>\n<p>This helps you look at both options from various angles and choose the better option. Here are the factors we will consider:<\/p>\n<div id=\"tablepress-203-scroll-wrapper\" class=\"tablepress-scroll-wrapper\">\n\n<table id=\"tablepress-203\" class=\"tablepress tablepress-id-203 tablepress-responsive\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">Feature<\/th><th class=\"column-2\">Serviceform Widget for Carrd<\/th><th class=\"column-3\">Picreel Popup Tool for Carrd<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-hover\">\n<tr class=\"row-2 even\">\n\t<td class=\"column-1\">Ease of Use<\/td><td class=\"column-2\">\u2705This platform has a drag-and-drop interface for building popups without any code requirements.<\/td><td class=\"column-3\">\u2705It has a similar drag-and-drop interface for popups, but it comes with advanced customization options.<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\">Popup Triggers<\/td><td class=\"column-2\">\u2705It contains various triggers, including page load, scroll depth, exit intent, and time delay.<\/td><td class=\"column-3\">\u2705It has more advanced triggers such as click-throughs, device targeting, and inactivity to assist the users.<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\">Analytics<\/td><td class=\"column-2\">\u274cIt offers only basic analytics on conversions and engagement.<\/td><td class=\"column-3\">\u2705It has detailed analytics on impressions, clicks, conversions, and audience behavior.<\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\">Integrations<\/td><td class=\"column-2\">\u274cIt integrates only with basic email marketing tools and CRMs.<\/td><td class=\"column-3\">\u2705It has a wider range of integrations, including marketing tools and platforms.<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\">Pricing<\/td><td class=\"column-2\">\u274cIt comes with a free plan with limited features, and paid plans start at $19\/month, which is slightly expensive.<\/td><td class=\"column-3\">\u2705It comes with a free plan with all premium features, and paid plans start at just $9.99\/month.<\/td>\n<\/tr>\n<tr class=\"row-7 odd\">\n\t<td class=\"column-1\">Overall<\/td><td class=\"column-2\">\u2705This is great for beginners and those who wish to create basic popups.<\/td><td class=\"column-3\">\u2705The platform is more powerful and feature-rich for advanced users and complex popup designs.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n<\/div><!-- #tablepress-203 from cache -->\n<p>Based on my experience with both these tools, I recommend using Picreel to create Carrd popups for the following reasons:<\/p>\n<ul>\n<li><strong>Various Integrations<\/strong>: Picreel supports\u00a0<a href=\"https:\/\/www.picreel.com\/integrations\/\">over 700 integrations<\/a>\u00a0and third-party tools such as Salesforce, Mailchimp, Google Sheets, and others to ensure better functionality.<\/li>\n<li><strong>Superlative Features<\/strong>: Picreel offers a wide range of advanced features like exit-intent triggers, A\/B testing, and analytics to <a href=\"https:\/\/www.picreel.com\/blog\/how-to-create-pop-up-ads\/\">create popups<\/a> that are effective and engaging.<\/li>\n<li><strong>Advanced Analytics and Reports:<\/strong>\u00a0Picreel offers in-depth analytics and detailed reports to help track popup performance and improve operational efficiency.<\/li>\n<\/ul>\n<p>But let\u2019s not judge these tools based only on this.<\/p>\n<p>Here, I will show you the process of using the Serviceform Widget to add popup to Carrd website and with the Picreel popup tool.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Method_1_Using_Serviceform_Widget_for_Carrd\"><\/span>Method 1: Using Serviceform Widget for Carrd<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>1.<\/strong> Create your Serviceform account and create a Serviceform pixel, as shown below. After this, enter the website URL (carrd.co) and select &#8220;START NOW&#8221;. You will get an HTML code that you can copy.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11170 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/Serviceform_PIC_-Using-Serviceform-Widget-for-Carrd.png\" alt=\"Create your Serviceform account\" width=\"1076\" height=\"824\" \/><\/p>\n<p><strong>2.<\/strong> Go to the &lt;head&gt; tag on your Carrd dashboard and paste the copied Serviceform pixel code. Save your changes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11164 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/carrd_PIC_head.png\" alt=\"Carrd dashboard\" width=\"1900\" height=\"1012\" \/><\/p>\n<p><strong>3.<\/strong> Go back to your Serviceform account and navigate to Popups. Click on Create Popup. Design your popup using the available options and settings, and click Publish.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11171 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/Serviceform_PIC_he-navigate.png\" alt=\"navigate to Popups\" width=\"1900\" height=\"515\" \/><\/p>\n<p><strong>4.<\/strong> In the popup&#8217;s settings, find the Trigger section. Select Run on Carrd Page Load. Choose the desired Carrd page where the popup should trigger and save your changes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11172\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/Serviceform_PIC_hpopup-should-trigger.png\" alt=\"popup's settings\" width=\"1900\" height=\"1001\" \/><\/p>\n<p>And you are ready to go.<\/p>\n<p>By following these steps, you can create a popup using Serviceform Widget on Carrd and customize it according to your preferences and needs.<\/p>\n<p>Let\u2019s check out our second method.<\/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>Other than the above method, let us know how to create popup in Carrd using Picreel, a feature-rich popup tool that works excellently across various platforms, including Carrd.<\/p>\n<p>Watch this video tutorial on how you can create a popup using Picreel:<\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/J1tBmOnBJEA?si=y4vGytgZY4TDo7gy\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Here are step-by-step instructions on creating a carrd popup using Picreel:<\/p>\n<p><strong>1.<\/strong> Sign up for a Picreel account and 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-10754\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/PP_PIC_New-Campaign.-2.jpg\" 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-9859\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/PP_PIC_templates-menu.jpg\" alt=\"templates menu\" width=\"1313\" height=\"243\" \/><\/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-11169 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/PP_PIC_customize-popup-customizes.png\" alt=\"customize popup\" width=\"1313\" height=\"619\" \/><\/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-9861\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/PP_PIC_Configure.jpg\" alt=\"Configure\" width=\"1313\" height=\"558\" \/><\/p>\n<p><strong>6.<\/strong> Click &#8220;<strong>Save<\/strong>&#8221; to activate your popup.<\/p>\n<h3>Embedding Picreel HTML Code Inside Carrd<\/h3>\n<p>Here\u2019s a step-by-step guide on how to add a Carrd popup made with Picreel:<\/p>\n<p><strong>1.<\/strong> Navigate to campaigns and click on\u00a0<strong>&#8220;View Code.&#8221;<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10760\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/PP_PIC_View-Code-2.jpg\" alt=\"View Code\" width=\"1601\" height=\"344\" \/><\/p>\n<p><strong>2.<\/strong> Click on the code to copy it.<\/p>\n<p><strong>3.<\/strong> Go to the Carrd dashboard and click on Add Element. Click Embed to create a new element and set Type to Code.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11165\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/Plausible_PIC_Add-Elemen.png\" alt=\"Add Element\" width=\"1600\" height=\"1170\" \/><\/p>\n<p><strong>4.<\/strong> Choose the embed&#8217;s Style. It can be<strong>\u00a0Inline<\/strong>\u00a0to insert your code exactly where the embed appears on the site or\u00a0<strong>Hidden<\/strong>\u00a0to insert your code in one of three specific locations: Head for the site&#8217;s &lt;head&gt; element, Body Top for just after the site&#8217;s opening &lt;body&gt; tag, or Body End for just before the site&#8217;s closing &lt;\/body&gt; tag.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11167 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2024\/02\/Plausible_PIC_Add-Hidden.png\" alt=\"embed's Style\" width=\"810\" height=\"1929\" \/><\/p>\n<p><strong>5.<\/strong> Save the changes, and you are ready to go.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Which_Method_is_Better_Method_1_or_Method_2\"><\/span>Which Method is Better: Method 1 or Method 2?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>When considering the better method, it is important to use the right tool for your job, which aligns with your overall picture. Picreel contains more advanced popup features, such as\u00a0<a href=\"https:\/\/www.picreel.com\/features\/popup-triggers\/\">extra triggers<\/a>, and supports various third-party integrations at a lower cost, making it a great fit for a wide range of needs.<\/p>\n<p>Also, Picreel comes with a forever-free plan for startups and small businesses and allows you to create unlimited popups with all premium features. I feel the free version does the job. However, you can always look for paid options\u00a0<a href=\"https:\/\/www.picreel.com\/pricing\/\">starting at $9.99\/month<\/a>.<\/p>\n<p>But if you wish to have only the basic features that the Serviceform widget offers, you can always go with the tool.<\/p>\n<p>No matter which way you go, you need to keep in mind that the ultimate aim is to create great popups that attract your audience and drive conversions. Keep track of your specific needs and follow the path that best aligns with your goals.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Have you ever created popups on the Carrd website? Well, I have been using Carrd for the past few months and have created some amazing designs. But recently, I discovered that I could use popups on the landing pages to get better attention and leads. Sounds exciting, right? Yeah, and when creating popups, I&#8217;ve got&#8230;<\/p>\n","protected":false},"author":21,"featured_media":11166,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[],"class_list":["post-11163","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\/11163","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\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/comments?post=11163"}],"version-history":[{"count":9,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/11163\/revisions"}],"predecessor-version":[{"id":15245,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/11163\/revisions\/15245"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media\/11166"}],"wp:attachment":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media?parent=11163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/categories?post=11163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/tags?post=11163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}