{"id":13367,"date":"2024-09-23T06:37:59","date_gmt":"2024-09-23T06:37:59","guid":{"rendered":"https:\/\/www.picreel.com\/blog\/?p=13367"},"modified":"2025-02-13T06:41:07","modified_gmt":"2025-02-13T06:41:07","slug":"vercel-popup","status":"publish","type":"post","link":"https:\/\/www.picreel.com\/blog\/vercel-popup\/","title":{"rendered":"How to Create a Popup in Vercel?"},"content":{"rendered":"

Integrating popups into your Vercel-hosted website is a great way to engage visitors and boost conversions. While Vercel does not offer built-in popups, third-party tools like\u00a0Popupsmart<\/strong>\u00a0provide an easy and powerful solution.<\/p>\n

In this guide, I\u2019ll show you how to create a popup in Vercel using a\u00a0Popupsmart<\/strong>\u00a0extension as well as specialized popup tools like\u00a0Picreel<\/a>.<\/p>\n

Here\u2019s what my Picreel popup looks like in Vercel.<\/p>\n

\"Vercel<\/p>\n

Let\u2019s look at the key differences between a Popupsmart extension and Picreel:<\/p>\n

\n\n\n\n\n\t\n\n\t\n\t\n\t\n\t\n\t
Criteria<\/th>Popupsmart Extension<\/th>Picreel Popup<\/th>\n<\/tr>\n<\/thead>\n
Multi-platform support<\/td>\u2705 Supports multiple platforms, making it versatile for different website environments.<\/td>\u2705 Compatible with multiple website platforms, including WordPress, Shopify, and custom-built websites, providing broader compatibility.<\/td>\n<\/tr>\n
Feature set<\/td>\u274c Basic features include AI-backed targeting and analytics but lack CRM integration and cart abandonment recovery.<\/td>\u2705 Rich feature set including advanced functionalities like A\/B testing, exit-intent technology, geolocation targeting, and detailed analytics.<\/td>\n<\/tr>\n
Customization options<\/td>\u274c Provides standard customization options like text, images, and basic styling.<\/td>\u2705 Extensive customization options with a drag-and-drop editor, pre-designed templates, and the ability to add custom HTML, CSS, and JavaScript for greater flexibility.<\/td>\n<\/tr>\n
Integration capabilities<\/td>\u274c Integrates with various third-party tools but lacks the extensive CRM integration offered by Picreel.<\/td>\u2705 Seamless integration with various website platforms and CMS systems like Magento, Joomla, and more, allowing for easier management across different sites.<\/td>\n<\/tr>\n
Targeting capabilities<\/td>\u2705 Offers smart targeting, traffic source targeting, and device-based targeting.<\/td>\u2705 Advanced targeting options enable highly specific audience targeting, including geolocation, referral source, user behavior tracking, device type, and time-based triggers.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n<\/div>\n

<\/span>Method 1: Using the Vercel Popupsmart Extension<\/span><\/h2>\n

Here\u2019s how to set up a popup in Vercel using the Popupsmart extension:<\/p>\n

1.<\/strong>\u00a0Register with Popupsmart<\/a>\u00a0and sign into your account.<\/p>\n

\"Register\u200d<\/p>\n

2.<\/strong> Click the “Embed Code” to get your unique code.<\/p>\n

\"<\/p>\n

\u200d3.<\/strong> A modal will display the embed code for Popupsmart. Copy your code to the clipboard.<\/p>\n

\"Copy<\/p>\n

\u200d4.<\/strong> Go to your Vercel website. Then, paste your embed code to the code insertion section of the site deployed with Vercel.<\/p>\n

5.<\/strong> Afterward, go to your Popupsmart dashboard and select the \u201cWebsites\u201d area under your profile.<\/p>\n

\"Popupsmart<\/p>\n

\u200d6.<\/strong> Add your Vercel website\u2019s domain by clicking the \u201cNew website\u201d button.<\/p>\n

\"Add<\/p>\n

\u200d7.<\/strong> Type in your URL and press the \u201cSave\u201d button in the \u201cAdd a new website\u201d section.<\/p>\n

\"Add\u200d<\/p>\n

8.<\/strong> Build your conversion-ready popup by going to your dashboard and selecting the \u201cNew Campaign\u201d option.<\/p>\n

\"New<\/p>\n

\u200d9.<\/strong> Develop your popup campaign and customize it as much as you like. Next, click the \u201cPublish\u201d button on the left-hand panel when done.<\/p>\n

\"popup<\/p>\n

\u200d10.<\/strong> Then, you will see a modal showing your popup is published successfully.<\/p>\n

\"\"<\/p>\n

<\/span>Method 2: Using Picreel Popup Builder<\/span><\/h2>\n

Picreel is a popup maker that works across multiple platforms, providing a versatile solution for creating popups. Here’s how you can create a popup using Picreel:<\/p>\n

1.<\/strong> Sign up for a Picreel account<\/a>\u00a0and log in.<\/p>\n

2.<\/strong> Go to the \u201cCampaigns<\/strong>\u201d menu and click “New Campaign<\/strong>” from the top right. You can select the templates option from the drop-down or start from scratch.<\/p>\n

\"Campaigns\"<\/p>\n

3.<\/strong> From the templates menu, choose the type of popup you want to create.<\/p>\n

\"templates<\/p>\n

4.<\/strong> Once you select the design, customize it according to your preferences.<\/p>\n

\"customize<\/p>\n

5.<\/strong> Configure your targeting and trigger options to specify when and where you want your popup to appear.<\/p>\n

\"personalize<\/p>\n

6.<\/strong> Click “Save<\/strong>” to activate your popup.<\/p>\n