integration bg light
New Logo

Free Craft Popup Integration

With Plum, generating popup campaigns that are fully compatible with Craft CMS is a breeze. Simply create your Craft popup, seamlessly integrate them into your website, and witness a consistent growth in conversions.

Reasons to Consider Plum for Craft CMS

How To Create A Craft Popup


Create an account on Plum


Choose the purpose of your popup design for your business


Tailor the popup to align with your digital marketing objectives


Insert the embed code of Plum into a tag within Google Tag Manager


Complete the process by publishing the tag on your Google Tag Manager



Best Practices for Designing Effective Website Popups

1 Craft an attention-grabbing Call-to-Action (CTA):

Create a captivating Call-to-Action (CTA) that compels users to take action and engage with your pop-up. Here's how to craft an attention-grabbing CTA:

Use clear and concise language: Your CTA should deliver a straightforward message that clearly communicates what users can expect by clicking or interacting with it. Avoid ambiguity and make it easy for users to understand the purpose of the CTA.

Highlight the value proposition: Clearly state the benefits or value that users will gain by responding to the CTA. Focus on what problem your offer solves or how it enhances their experience.

Use action verbs: Incorporate strong action verbs to create a sense of urgency and motivate users to take immediate action. Words like "Get," "Discover," "Join," "Try," or "Unlock" can instill a sense of excitement and encourage engagement.

Create a sense of exclusivity: Make users feel special by using words like "Exclusive," "Limited Time," or "VIP Access." This fosters a feeling of exclusivity and can entice users to respond to the CTA to access unique offers or content.

Design visually striking CTAs: Use contrasting colors, bold typography, and compelling graphics to make your CTA visually appealing and easily noticeable. It should stand out from the rest of the page to capture users' attention.

Position strategically: Place the CTA prominently within the pop-up, ensuring it is easily visible and accessible. Consider using larger font sizes, buttons, or icons to make the CTA more clickable and engaging.

Test and optimize: Experiment with different CTAs to determine which ones yield the best results. A/B testing can help you identify the most effective wording, design, and placement for your CTAs.

2 Timing is crucial

Timing plays a crucial role in the effectiveness of your website pop-ups. Here are some key considerations to ensure you serve your pop-ups at the right time:

Avoid immediate pop-ups: Bombarding users with a pop-up the moment they land on your website can be intrusive and may result in a negative user experience. Give users a chance to familiarize themselves with your content before presenting a pop-up.

Trigger based on user behavior: Set triggers based on specific user actions or behaviors to display pop-ups when they are most relevant. For example, you can set a trigger to display a pop-up after a user has scrolled through a certain percentage of the page or spent a specific amount of time on your website.

Exit intent pop-ups: Utilize exit intent technology to detect when a user is about to leave your website. Display a pop-up at this critical moment to capture their attention and provide an enticing offer that may convince them to stay or take a desired action.

Time-delayed pop-ups: Implement a time delay before showing a pop-up to allow users to engage with your website's content. This ensures that the pop-up appears after users have had the opportunity to explore and become interested in what you have to offer.

Test and analyze: Continuously monitor and analyze user behavior and engagement metrics to determine the optimal timing for your pop-ups. Conduct A/B testing with different timing variations to identify the most effective timing strategy for your target audience.

By considering the timing of your pop-ups and aligning them with user behavior and preferences, you can enhance the user experience, increase the relevance of your pop-ups, and maximize their effectiveness in capturing attention and driving conversions.

3 Utilize eye-catching visuals

Make use of visually appealing elements to capture users' attention and enhance the effectiveness of your website pop-ups. Here are some strategies to utilize eye-catching visuals:

High-quality images: Choose high-resolution images that are relevant to your pop-up's message or offer. Ensure the images are visually appealing, professional, and align with your brand's aesthetic.

Vibrant colors: Opt for bold and attention-grabbing colors that stand out on the page. Use contrasting color schemes to make your pop-up visually striking and easily noticeable.

Engaging animations: Incorporate subtle animations or motion effects to add visual interest to your pop-ups. Consider animations that highlight key elements or draw the user's attention to the CTA button.

Iconography and illustrations: Implement icons or illustrations that visually represent your pop-up's purpose or convey its message in a concise and engaging manner. These visual elements can help communicate information quickly and effectively.

Typography: Choose fonts that are visually appealing and align with your brand's style. Use font sizes and styles that are easy to read and draw attention to important text or headlines within the pop-up.

Consistent branding: Ensure that the visual elements in your pop-up align with your overall brand identity. Use consistent colors, fonts, and imagery to create a cohesive and recognizable visual experience for users.

Minimalistic design: Avoid cluttering your pop-up with excessive visual elements. Opt for a clean and minimalistic design that allows the key message and call-to-action to stand out.

4 Keep copy concise and impactful

When designing website pop-ups, it's important to keep your copy concise and impactful to effectively convey your message. Here are some tips to achieve this:

Clear and concise headlines: Craft a headline that grabs attention and clearly communicates the purpose of your pop-up. Keep it short, compelling, and aligned with your offer or message.

Use bullet points or short sentences: Break down your content into easily scannable and digestible chunks. Bullet points or short sentences help deliver information quickly and keep the reader engaged.

Focus on benefits: Highlight the key benefits or value proposition of your offer in a concise manner. Clearly explain how users will benefit from taking the desired action, such as subscribing to a newsletter or making a purchase.

Use persuasive language: Choose impactful words that create a sense of urgency or excitement. Use action-oriented verbs and strong adjectives to compel users to take action.

Avoid jargon and complex language: Keep your copy simple and easily understandable. Avoid using technical terms or industry jargon that may confuse or alienate your audience.

Emphasize key points: Use formatting techniques such as bold or italicized text to draw attention to important information. This helps users quickly grasp the most relevant details.

5 Make enticing offers to new visitors

To attract and engage new visitors, it's crucial to make enticing offers through your website pop-ups. Here are some strategies to create compelling offers:

Exclusive discounts or promotions: Provide new visitors with a special discount or promotional code that they can use for their first purchase. Make the offer time-limited or limited to a specific product or service to create a sense of urgency.

Free trials or samples: Offer a free trial period for your product or service, allowing new visitors to experience its value before committing. Alternatively, provide free samples or demos to showcase the quality and benefits of your offerings.

Valuable content or resources: Offer valuable content such as e-books, guides, templates, or industry reports that are relevant to your visitors' interests. Make them accessible by signing up or subscribing to your newsletter.

Personalized recommendations: Provide personalized recommendations based on visitors' preferences or browsing history. Tailor the offer to their specific needs and showcase how your products or services can address their pain points.

Contest or giveaway: Run a contest or giveaway exclusively for new visitors, where they can enter to win a desirable prize. This not only attracts attention but also encourages engagement and sharing on social media platforms.

VIP access or membership: Offer new visitors exclusive access to VIP benefits or membership perks. This could include early access to new products, special events, or additional discounts.

Bundled packages or upsells: Create attractive bundled packages or upsell offers that provide added value and savings to new visitors. Highlight the benefits of purchasing multiple items or upgrading to a premium version.

Personalized incentives: Use dynamic pop-ups to offer personalized incentives based on visitors' behavior or preferences. For example, if they've abandoned their shopping cart, offer a special discount to encourage them to complete the purchase.

Our team round-the-clock to assist you

Our dedicated support team is always available to help you with any queries or issues you may encounter.