Making a strong first impression is everything. That’s where the hero section comes in. A large, visually striking area at the top of your page designed to grab attention, instantly communicate your brand, and encourage visitors to take action.
Whether you run a blog, an online portfolio, or an ecommerce site, having an image slider might be essentials in some part of your pages but a well-designed hero section can elevate your site’s appeal and guide users right where you want them next, whether that’s reading an article, subscribing to your newsletter, or checking out a product.
Plus, with the right tools, you don’t need to be a designer or coder to do it. In fact, by using Depicter, you can craft a polished, results-driven hero section in minutes, helping you boost engagement, improve conversions, and make your site look like a pro built it—without the typical marketing fluff or complicated setup.
What Is a Hero Section and Why Does It Matter
Let’s provide a good answer to the question, “What is the hero section of a website?”.
It is the large, eye-catching area at the top of a webpage. Often the first thing visitors see. It usually includes a strong headline, a background image or video, a short message, and a clear call-to-action like a button or link. What makes it so important is that it sets the stage for the rest of your site. In just a few seconds, it helps users understand who you are, what you offer, and what they should do next.
The website hero section is useful for many reasons. If you’re running a blog, it can highlight your latest or most popular post. For businesses, it can showcase a product, a special offer, or a company mission. If you’re building a portfolio, it can give a quick snapshot of your work or skills.
And for e-commerce sites, it’s a great way to promote sales or new arrivals. A strong hero section keeps visitors engaged, makes your message clear, and encourages them to explore further, which can lead to more clicks, more signups, and even more sales.
How to Create a Hero Section in WordPress with Depicter
What is Depicter?
Depicter is a powerful all-in-one tool for building website slider, popups, notification bars, and more — and it makes creating a WordPress hero section simple, even if you don’t write code. With its flexible features, you can catch your visitors’ attention, highlight key messages, or lead users through your content in a clear, visual way.
It supports dynamic content, works great on all screen sizes, and includes smooth animations and a wide range of templates. Depicter helps you build standout visuals without needing a handful of different plugins.
Before you start, make sure that the Depicter plugin is installed on your site.
Just head to the Plugins section in your WordPress dashboard and search for “Depicter” — it’s quick and easy to add.
Check out our full guide and video tutorial on how to install Depicter if you need help doing that.
Here we have a website where, as you can see, the first thing a visitor sees doesn’t really make an impression. It lacks visual impact and doesn’t offer any real value to the site owner. Let’s change that to a hero section website together.
Importing a Template
Once you’ve installed Depicter, open the dashboard and head to the Hero Section area to get started.
To save time, we’ll start with a pre-designed template. It’s the fastest way to build your layout without building everything from the ground up.
With Depicter’s wide range of templates and hero section examples, you can put together a clean, professional hero section in just a few clicks.
Use the menu on the left to explore different categories, or simply type in a keyword in the search bar to quickly find a design that fits your needs.
Once you find a template you like, click Import to get started.
The template will load in a few seconds, and you’ll be taken directly to the Depicter editor.
From there, you can customize everything — just click on any element, and its settings will show up on the right-hand side for easy adjustments.
Alright, once we’ve made our changes, we click the Publish button and move on to adding our new Hero Section to the website.
Add Your Hero Section to Your Page
Since our page was built with Elementor, we’ll click Edit with Elementor to open the editor.
Basically, what we’re doing here is adding an Elementor Hero Section to our site.
Once you’re inside the Elementor editor, use the search bar on the left panel to look for “Depicter.”
You’ll see the Depicter widget designed specifically for Elementor — just drag it into the section where you want your Hero Section to appear.
In the next step, select Hero Section from the list that appears.
It will then be displayed right on your page.
That’s it! Just click Publish to save everything on your page.
As you can see, this is the final result. A smartly designed visual with eye-catching elements that make a strong first impression and help capture your visitors’ attention in those crucial first few seconds.
Conclusion
It isn’t just a nice design touch — it’s a crucial part of how visitors experience your site. It gives them something clear to focus on, sets the tone for what’s ahead, and guides them toward the next step. Whether you’re highlighting a blog post, a product, a service, or your personal story, the hero section helps you say it loud and clear, right from the start.
Thanks to Depicter, creating a website hero section doesn’t require design skills or technical know-how. With a few clicks, you can build a sharp, professional Hero Section that fits your site perfectly — helping you stand out and make a better first impression.
FAQs
Do I need to know how to code to use Depicter?
No. Depicter is fully visual and drag-and-drop. You can create and customize everything without touching a single line of code.
Are there free templates available?
Absolutely. Depicter includes a range of free, professionally designed templates, including ones specifically for Hero Sections.
Will the Hero Section be mobile-friendly?
Yes. All templates in Depicter are fully responsive and adjust automatically to different screen sizes.
What else can Depicter do?
In addition to Hero Sections, Depicter can help you build sliders, popups, notification bars, and more — all in one tool.
Congratulations on choosing the best Popup Builder and Slider plugin! You’re now part of a growing community of over 100,000 happy and satisfied users.
Depicter is built by Averta. We’ve been part of the WordPress community for more than a decade.
Our team is also behind Phlox (50K+ customers on ThemeForest) and Master Slider (30K+ on CodeCanyon, 80K+ active installs on WordPress.org). That same expertise powers Depicter, and we continue our mission to elevate WordPress experiences.
We’re about to begin an exciting journey together starting tomorrow! But before we dive in, I’ve listed a few helpful places below that you’ll want to get familiar with. Throughout this journey, you’ll learn how to create eye-catching content for your website and pick up valuable marketing tips to help grow your business.
Don’t worry, everything will be simple and easy to follow, and we’ll be with you every step of the way. You’re never alone in this.
If you ever have questions or need support, just reach out using the links below.
Depicter Members Area
This is our recommended first stop. It’s a free support portal inside your account where you can manage your subscriptions and get quick help.
We’re available around 14 hours a day to chat with you live. Just head over to depicter.com and look for the chat button in the bottom right corner.
Whether you need quick guidance, have a technical question, or just want to share feedback, we’re here and happy to help. Don’t hesitate to reach out anytime during your journey.
Help Inside the Product
Need help while working inside Depicter? Just click on the highlighted areas to contact our support team directly.
We’ve built support right into your workflow to make sure you never lose momentum.
WordPress.org Support Forum
You can also post your questions on our community forum here:
Our team regularly checks the forum, and you’ll also find answers from other experienced Depicter users. It’s a great place to ask questions, share ideas, or browse existing topics for quick solutions.
Subscribe to Our YouTube Channel
Don’t forget to subscribe to our YouTube channel. We release 1–2 new tutorials every week to help you get the most out of Depicter.
Video popups are a powerful way to grab attention, increase engagement, and drive action, right when it matters most. As studies show, people now spend nearly half their online time watching videos, and the majority prefer learning about products through short, engaging clips.
If you want your visitors to actually watch your videos and take action, putting them in a popup video is one of the smartest moves you can make—it keeps their focus, eliminates distractions, and delivers your message exactly when they’re most likely to engage.
This not only makes the experience smoother but also boosts time on site, click-through rates, and conversions. Simply put, if you want your message to be seen and remembered, a well-timed video popup is one of the most effective tools you can use.
Let’s learn how to create a video popup with everyone’s favorite Free Popup Builder, the Depicter.
This video walks you through the entire process of creating a video popup with Depicter, but if you prefer step-by-step written instructions, just keep reading.
Step 1: Install Depicter Free
Before getting started, make sure you have the Depicter plugin installed. You can easily find and install it by searching “Depicter” in the Plugins section of your WordPress dashboard. For a step-by-step guide with a video tutorial, check our guidelines here.
Step 2: Prepare Your Call to Action Element
Our setup is simple. On the homepage of our website, we place a button. When users click this button, our video popup should open.
To make this happen, we simply assign a CSS selector—either an ID or a class—to the button.
Since the page was built using Elementor, we are creating an Elementor video popup (though the process is the same with any Page Builder). After opening the Elementor editor, open the Advanced tab, and enter a custom class name, let’s say “openpopup” in the CSS Classes field.
That’s all there is to it! We save the changes, and the button is now ready to trigger the popup.
Step 3: Create Your Video Popup with Depicter
After opening the Depicter dashboard, go to the Popup section.
Although Depicter offers over 600 ready-to-use templates that make the process quick and easy, in this case, we want to build a simple popup from scratch. So, click on Create Blank Popup.
Once inside the Depicter editor, click on the Videos tab in the left panel and add the YouTube element.
Note that for embedded videos, we can also use Vimeo, or even upload our own video directly to the website. For this tutorial, we’re using a YouTube video.
After adding the video element, paste the video URL into the Embed Video URL field in the right-hand panel.
Next, to make a full-screen popup video player, we right-click on the video and select Set as step background.
Now, let’s set up the Display Rules so that the popup opens when the user clicks a button with the CSS class we defined earlier.
To do this, we click on Publish, then select Configure under the Display Rules section.
In the Triggers tab, activate the Click option and enter the same CSS class we used earlier, starting with a dot (.) to indicate it’s a class selector.
In the CSS, a class selector is a name preceded by a full stop (“.”) and an ID selector is a name preceded by a hash character (“#”)
Finally, save the changes, and we’re done!
Now, when a user clicks the button on our page, the video popup opens and the video starts playing.
That’s it! This quick tutorial showed you how to create a video popup in just a few easy steps.
If you’d like to get even more out of the Depicter WordPress Popup Builder, make sure to check out the posts below for more simple, powerful tutorials like this one.
When it comes to creating high-converting, visually appealing popups, the tool you choose plays a critical role in both your workflow and your results. While Popupsmart has established itself as a user-friendly popup builder, it’s not without limitations, particularly when it comes to flexibility, customization, and cost. That’s why many users find themselves exploring Popupsmart alternatives that offer more advanced capabilities and better overall value.
For users seeking more creative control, a richer feature set, and better value, Depicter Popup Builder emerges as a compelling alternative. In this article, we’ll take a closer look at the key differences between the two, comparing them across various areas, and examining why Depicter leads the pack among Popupsmart popup builder alternatives.
The Editor
In the Editor section, we compare two user-friendly editors — one offering greater flexibility and advanced features, and the other focusing on simplicity.
Popupsmart uses a basic editor based on a row-and-column structure. You can rearrange elements through a drag-and-drop system to some extent. Standard options for editing content and styling are available when you select each element, providing a simple and straightforward workflow overall.
However, if you try to make a specific change to a template, like adding a new element to a particular spot in the popup, the rigid layout structure can quickly become frustrating. You’ll often find yourself stuck in a loop of excessive, ineffective clicks just to move an element where you want it.
In contrast, Depicter offers a fully visual drag-and-drop editor. With its modern and advanced features, it delivers an experience that is both intuitive and professional when editing visual elements.
You can freely move elements anywhere on the canvas, resize them, align them with each other or the content area — all while snapping guides assist you automatically. You can move multiple elements together, group them, rotate them, and much more. In fact, the capabilities of the Depicter editor are so extensive that they deserve a dedicated article of their own.
Variety of Elements
As the variety of available elements increases, designers gain more creative freedom to craft purposeful and engaging user experiences. These elements can include icons, buttons, animations, diverse typography, and a wide range of color schemes. When options are limited, designs often become repetitive, reducing the overall effectiveness of the messages displayed in the popup.
Looking at Popupsmart, elements are divided into two main categories: Form Elements and Content Elements. These mostly consist of input fields for forms, as well as basic components like text, image, and video, along with a few additional elements. In our Popupsmart review, we found that while the platform offers a clean and intuitive interface, the variety of available design elements is somewhat limited compared to more advanced tools, potentially restricting highly customized experiences for users seeking more flexibility.
On the other hand, Depicter takes it a step further. In addition to offering standard elements like text, image, and video, as well as a full set of form fields specifically designed for lead capture, it also provides a collection of specialized elements, including:
Masks
Stories Progress Bars
Slideshow Play/Pause Controls
Scroll Down Indicators
Lottie Animations
Shortcodes
Coupon Boxes
Number Timers
Before/After Comparison Modules
Each of these elements opens up new creative possibilities for the final output in Depicter. Just imagine, for example, the potential of using the Shortcode element to embed and display content from other plugins directly within your Depicter design — the flexibility this unlocks is remarkable.
Templates
In terms of template offerings, Depicter holds a clear advantage over Popupsmart, both in quantity and design versatility. Popupsmart provides around 500 templates, covering common use cases with a straightforward approach. Depicter, on the other hand, offers a growing library of over 600 templates, including free popup templates, designed with greater visual polish and a broader range of styles and industries in mind.
Notably, Depicter expands its library with 10+ new templates every week, ensuring that users have continuous access to fresh and up-to-date design options. This consistent growth, combined with the professional quality and diversity of its templates, makes Depicter a more scalable and future-ready solution for users seeking both creative flexibility and visual impact.
Visual Effects
When it comes to making a strong visual impact, animations and effects play a crucial role in capturing user attention. These visual enhancements — whether applied to individual elements, popup transitions, or interactive sections — significantly influence how engaging the final experience is. In this area, Popupsmart offers only a basic “Opening Effect” option, with no further support for advanced visual dynamics.
Depicter, in contrast, provides one of the most comprehensive collections of animations available. Users can apply detailed animation settings to each element individually, and take advantage of popular effects like Parallax, Ken Burns, Marquee, and a wide range of transitions and navigation effects for different parts of the popup.
This level of visual control allows for highly dynamic, eye-catching popups that not only stand out but also encourage user interaction.
Such visual richness not only elevates the aesthetic appeal of the popup, but also helps guide user attention toward key messages and call-to-action areas. In fast-scrolling environments where attention spans are short, this can make a measurable difference in performance.
Responsiveness
Responsive design is no longer optional — it’s essential. With users accessing content from a wide range of devices, from desktops to tablets and smartphones, ensuring a seamless and optimized experience across all screen sizes is critical to maintaining engagement and usability. A well-executed responsive layout not only improves user satisfaction but also directly impacts conversion rates and overall performance.
In this area, Popupsmart offers only limited functionality. It supports just two responsive modes — desktop and mobile — and simply auto-resizes the content to fit smaller screens, with no real control over layout or design customization per device.
Depicter, however, takes responsive design to the next level with a set of dedicated features that provide exceptional flexibility. You can create fully customized layouts for three distinct modes: Desktop, Tablet, and Mobile. For each screen size, you can adjust typography, swap images, change backgrounds, show or hide specific elements, and even rearrange their order to best suit the viewing context.
This allows you to deliver truly tailored and optimized designs for every device your audience may be using — a level of control that ensures both visual consistency and user experience remain top-notch across the board.
Dynamic Content
One of Depicter’s standout capabilities is its support for dynamic popups, allowing content to be pulled directly from your website in real time. For example, you can automatically display your best-selling products or items from a specific category inside a popup, without needing to update the design manually each time. This is especially powerful for e-commerce sites, where showcasing live product data such as prices, stock levels, or new arrivals can significantly boost engagement and conversions.
And it’s not limited to products — Depicter supports any post type defined on your site, from regular blog posts to custom post types built with tools like ACF (Advanced Custom Fields). Whether you want to highlight a new blog article, feature testimonials, or display dynamic event listings, Depicter gives you full control to create personalized, data-driven popups.
In contrast, Popupsmart WordPress lacks this level of dynamic content integration, offering only static elements with no native support for real-time data. This makes Depicter a far more flexible and scalable solution for websites that need to stay fresh, relevant, and personalized.
The Assets panel
Another valuable feature that sets Depicter apart is its built-in Asset Panel, which provides users with direct access to a vast library of stock images and videos — all ready to use within their popups. This integrated resource eliminates the need to search for visual assets on external websites or worry about licensing and file compatibility. Having high-quality media at your fingertips streamlines the design process and allows users to focus on creativity rather than logistics.
Whether you’re building a product showcase, an announcement banner, or a lead capture popup, the ability to instantly browse and insert relevant visuals saves time and enhances the overall quality of your designs. It also ensures visual consistency, since everything is accessible from within the same platform.
Popupsmart, by contrast, does not offer a built-in media library, which means users must manually upload all images and videos — a process that can slow down production and limit creative flexibility. For anyone looking to produce professional-looking, media-rich popups quickly and efficiently, Depicter’s Asset Panel is a game-changing advantage.
Price
When evaluating popup builders, pricing is often a key factor, especially for small businesses, startups, or individual creators working within a limited budget. In this regard, Depicter offers a far more accessible solution, with its premium plan starting at just $39, compared to Popupsmart’s entry-level plan priced at $390. This significant price gap — a key point in Popupsmart pricing — makes Depicter an appealing option for users who want professional-grade features without committing to a high upfront cost.
Despite its affordability, Depicter doesn’t compromise on capabilities, offering advanced design tools, dynamic content support, responsive editing, and a growing library of templates and assets.
Conclusion
While Popupsmart may be a solid choice for simple use cases, it quickly shows its limitations for users who need more creative freedom, design flexibility, and advanced functionality. Depicter Popup Builder clearly stands out as a more modern and powerful popup builder, offering a professional-grade editor, dynamic content integration, visually stunning effects, a richer template library, and a responsive design system that adapts to every screen.
Add to that its built-in stock asset panel and an unbeatable price point — starting at just $39 compared to Popupsmart’s $390 — and it becomes clear why Depicter is the best among today’s Popupsmart alternatives. Whether you’re a designer, marketer, or business owner, Depicter empowers you to build popups that not only look great but also perform.
Understand what sales campaigns are and how they help achieve specific business goals.
Learn how to set measurable objectives and align your strategy with your audience’s needs.
Follow a structured approach to launching campaigns with compelling content and timing.
Discover proven promotional tactics like flash sales, referrals, and loyalty programs.
Get practical guidance on using Depicter to build effective popups and notification bars.
Capturing your audience’s attention and converting interest into action is more important than ever. That’s where sales campaigns come in. Whether you’re launching a new product, clearing out seasonal stock, or simply trying to drive more traffic to your website, a well-planned campaign can make all the difference.
But creating a campaign is just the beginning. The real challenge lies in promotion. How do you promote sales in a way that actually drives results? That’s where strategy comes in, and tools like popups and notification bars can be powerful ways to boost visibility and conversions.
In this guide, you’ll learn what makes a successful sales campaign, how to plan one strategically, and how to amplify your results using Depicter.
1. What Is a Sales Campaign?
A sales campaign or sales promotion is a short-term, focused effort that businesses use to boost interest in their products or services and drive more sales within a specific period. It’s a step-by-step plan that helps reach the right people, often through methods like emails, calls, ads, or social media, and encourages them to take action.
Whether the goal is to launch a new product, clear out extra inventory, or hit sales targets before a deadline, these campaigns are designed to make an impact quickly.
A good sales campaign not only brings in new customers but also keeps existing ones engaged.
It’s more than just pushing a product—it’s about offering something that feels timely, useful, and even exciting for buyers, while giving the sales team clear goals and tools to succeed.
For example, an online clothing store might run a “Summer Flash Sale” where everything is 30% off for 48 hours to clear out seasonal stock. They promote it through email and social media, driving urgency with a countdown timer.
Another case could be a tech store launching a “Back to School” campaign, offering student discounts on laptops and free shipping for a limited time. These kinds of campaigns use specific timing, clear offers, and targeted communication to increase engagement and sales quickly.
2. Planning for a Successful Campaign
Launching a sales or promotional campaign that truly delivers results takes more than just a good idea — it requires thoughtful planning, a clear direction, and a deep understanding of your audience. Below is a step-by-step guide to help you organize a campaign that not only catches attention but also drives meaningful results.
Set Specific and Measurable Goals
Start by defining what you want to achieve. Are you looking to clear out seasonal inventory, increase revenue during a slow period, bring in new customers, or simply get your brand more exposure? Avoid broad goals like “increase sales.” Instead, choose measurable targets such as “increase website purchases by 20% over the next three weeks.” These clear benchmarks help you and your team stay focused and assess how well the campaign is working.
Know Your Audience Inside Out
Understanding who you’re targeting is just as important as what you’re offering. Start by creating detailed customer profiles based on real data, such as age, interests, buying habits, and location. Segmenting your audience allows you to customize your offers. For example, young parents might respond well to baby product bundles, while frequent online shoppers might be more interested in free shipping. Use tools like surveys, purchase history, and social media analytics to gather insights that shape your approach.
Choose the Right Promotional Strategy
The method you choose to deliver your offer can greatly affect your campaign’s impact. There are three common strategies:
Push Strategy: Offer incentives to retailers or distributors to stock your product — ideal for B2B and retail-focused campaigns.
Pull Strategy: Focus on end customers by creating demand directly through promotions like flash sales or giveaways.
Hybrid Strategy: Combine both push and pull methods — for instance, give your distributors a bonus while also offering a buy-one-get-one deal to consumers.
Match your strategy to your product’s lifecycle. New products often benefit from pull tactics like samples or influencer promotion, while well-established ones may perform better with a push approach.
Develop a Detailed Campaign Plan
A structured plan ensures smooth execution. Lay out your campaign elements in advance, including:
Timeline: Set start and end dates to build urgency. Short durations (like 48-72 hours) can motivate quicker responses.
Budget: Decide how much to invest in areas such as ads, discounts, influencer fees, or giveaways.
Channels: Choose where to promote — email, social media, website banners, or even physical displays — based on where your audience is most active.
A well-timed offer aligned with holidays or shopping seasons can also increase relevance and boost performance.
Craft a Compelling Launch
How you present your offer can make or break the campaign. Pay attention to:
Messaging: Use clear, catchy headlines and action-driven phrases like “Ends Soon” or “Grab Yours Now.”
Visuals: Eye-catching graphics and clean design help your message stand out on crowded platforms.
Multi-Channel Distribution: Don’t rely on just one outlet. Combine social media posts, email blasts, website banners, SMS alerts, and influencer collaborations to maximize visibility.
It’s also smart to test variations of your content, such as different images or headlines, to see what performs best before scaling it across all platforms.
A successful campaign doesn’t happen by chance. It’s the result of clear goals, audience awareness, a solid strategy, and strong execution.
When all these pieces work together, you’re more likely to see results that matter — whether it’s more sales, new customers, or stronger brand presence.
3. Proven Campaign Promotion Strategies
Running effective promotions helps online stores attract new customers, increase sales, and build brand loyalty. While there are many ways to do this, here are five of the most popular strategies:
1. Buy One, Get One Free (BOGO)
Why it works: Shoppers love getting something for free—it feels like a reward. BOGO promotions also help move excess stock quickly.
Example:
Kraft Heinz used BOGO offers to increase sales of slower-moving products. This helped clear out their inventory while giving customers extra value for their money.
2. Flash Sales
Why it works: These limited-time offers create urgency. People don’t want to miss out, so they’re more likely to buy right away.
Example:
Amazon Prime Day is a huge flash sale event. For a limited time, customers get deep discounts on popular products, resulting in a massive spike in purchases and engagement.
3. Email Marketing
Why it works: Email lets you talk directly to your customers. You can send targeted messages, offer discounts, and follow up on abandoned carts.
Example:
Grammarly’s Black Friday campaign offered a “55% Off” deal exclusively through email. The urgency and savings pushed many free users to upgrade to paid plans.
4. Referral Programs
Why it works: People trust recommendations from friends. Offering a reward for sharing your brand encourages loyal customers to spread the word.
Example:
Many brands use the classic “Give $5, Get $5” offer. It motivates customers to invite others while earning a bonus themselves, growing the customer base through word of mouth.
5. Loyalty Programs
Why it works: Customers who get rewarded are more likely to come back. Points, discounts, and special perks help build long-term relationships.
Example:
LEGO’s Insiders program gives points for every purchase. Customers can use points for rewards, access members-only content, and feel like part of a special club.
While these five strategies are widely used and highly effective, there are many others worth exploring, like giveaways, cashback deals, product bundles, free trials, and even charitable donations linked to purchases.
4. Use Popups and Notification Bars to Maximize Reach
Popups: Timed and Targeted Engagement
Popups are effective for delivering timely messages, such as special offers or email sign-up prompts. To ensure they enhance rather than hinder user experience, consider the following best practices:
Timing Is Crucial: Deploy popups based on user behavior. For instance, use exit-intent popups to retain visitors about to leave, or display them after a certain time on the page to engage interested users.
Clear and Concise Messaging: Keep the content straightforward, highlighting the value proposition and including a compelling call-to-action (CTA).
Design for Clarity: Ensure the popup is visually appealing but not overwhelming. Use contrasting colors for visibility and make it easy to close to respect user autonomy.
Notification Bars: Subtle Yet Effective
Notification bars, also known as sticky bars or announcement bars, sit at the top or bottom of a webpage and provide persistent, unobtrusive messaging. They are ideal for:
User Experience Stack Exchange
Announcing Promotions: Highlight ongoing sales, discounts, or special offers. For example, a bar stating Offering free shipping on orders over $50 can encourage customers to spend more to qualify for the deal.
Sharing Important Updates: Inform visitors about new product launches, upcoming events, or changes in service.
Encouraging Sign-Ups: Prompt users to subscribe to newsletters or join loyalty programs with concise messages and clear CTAs.
Design Tips:
Keep It Simple: Use brief, impactful text to convey your message without clutter.
Use Contrasting Colors: Ensure the bar stands out against your site’s background to grab attention.
Strategic Placement: Place the bar in a spot that’s easy to see, usually at the top of the page, without covering up any important content.
5. How to Create Campaign Popups with Depicter
Depicter is a visual Popup builder and Notification Bar builder for WordPress that provides many features as part of marketing or promotional campaigns. It offers a user-friendly interface with a range of pre-designed templates, allowing users to quickly implement customized messages without writing code. Depicter’s tools include flexible display rules, responsive design options, and behavior-based triggers, making it suitable for creating targeted interactions such as limited-time offers, email capture forms, and general site announcements.
We will be creating a simple popup-based sales campaign designed to quickly boost sales through a pull strategy and a flash sale. The goal is to create urgency and excitement by offering a limited-time discount to all website visitors. The popup will appear based on user behavior to avoid interrupting the browsing experience and will include a countdown to drive fast action.
[The website full image]
Campaign Details
Campaign Goal: Increase purchases by 25% within 48 hours by promoting summer clothing through a time-sensitive offer.
Strategy:
Pull Strategy: Reaching out directly to customers visiting your website
Flash Sale: Creating urgency with a two-day discount event
Target Audience: All visitors to the website, with no special segmentation for this general campaign
Depicter Popup Content
Headline: Summer Sale
Body Text: 25% Off
Get your Discount with our coupon code
Countdown Timer
Call to Action Button: Achieve code
Popup Settings:
Trigger Timing:
Show popup after 10 seconds on the homepage
Or on scroll (30% down the page)
Frequency Control:
Show once per session to avoid annoying users
Design Notes:
Colors: Use brand-aligned and eye-catching colors that draw attention without overwhelming the user.
Appropriate Images: Include visuals that reflect the user’s interests to increase relevance and engagement.
Responsive Design: Ensure the popup adjusts smoothly across all devices and screen sizes.
Close Button: Always provide a clear and accessible close button so users can easily dismiss the popup.
Install Depicter
Before getting started, make sure the Depicter plugin is installed on your site. You can quickly find it by searching for “Depicter” in the Plugins section of your WordPress dashboard. Need help? Check out our step-by-step guide with a video tutorial here.
Importing a Template
After going to the Depicter dashboard, click on the Popup section.
There are two ways to create our desired popup:
One is to start from scratch with a blank popup and build everything manually, or we can use one of the ready-made templates provided by Depicter.
Depicter offers a large and diverse collection of popup templates, covering everything from newsletter signups and promotions to exit-intent messages and seasonal offers.
Having access to such a wide variety is a huge advantage for any popup builder — it saves you a significant amount of time, ensures professional design quality, and helps you get started quickly without the need to build layouts from scratch.
Even better, every template is fully customizable, so you can easily apply your own design, branding, and content to make it truly your own.
You can browse these templates, use the targeted categories on the left side, or filter the popup list using the search bar at the top with relevant keywords.
After selecting the desired popup, simply click the Import button. Within a few seconds, the template will be imported and you’ll be taken to the Depicter editor.
It’s worth noting that our popup has two steps. You can switch between them by clicking on the Steps Panel.
Visitors can click the CTA button on the first step to be directed to the second step, where the campaign’s discount code is displayed.
Customizing the Popup
Here, using the tools and features provided by Depicter, you can customize every aspect of the popup — from how it looks to how it functions.
For example, we’ve added a Countdown Timer element to the popup here.
When it comes to responsive design, although all of Depicter’s ready-made templates are fully responsive by default, you still have access to all the tools and options needed to fine-tune the popup’s appearance for standard responsive sizes.
The next step is configuring how the popup is displayed. This section includes all the settings that determine
under what conditions the popup will appear to make sure that it displays at the right time and in the right place. After clicking the Publish button, go to the Display Rules section and click on Configure.
Configuring the Display Rules
Based on what we decided in the details of our campaign, the popup should appear after the user has scrolled down 30% of the page. To do this, go to the Triggers section, activate the “Scroll percentage” option, and set the value to 30 seconds.
Also, for the popup to reappear, it should only show up again if the visitor returns to the site, and not more than once during the same session. To set this up, go to the After Close section and select the “Show again after return” option.
Everything is done, and the result will be that when a user scrolls through 30% of the webpage, our popup will appear.
According to our design, when the user clicks the specified CTA button, the discount code will be
6. Adding Notification Bars with Depicter
When deciding between popups and notification bars, it’s important to consider the nature of your message and how intrusive it should be.
Notification bars are ideal for subtle, ongoing promotions or general announcements, like highlighting free shipping thresholds, new product launches, or seasonal hours.
They sit quietly at the top or bottom of your page, making them perfect for keeping users informed without disrupting their experience.
On the other hand, popups are more attention-grabbing and should be used when you need to drive action, like collecting emails, promoting a limited-time offer, or re-engaging users about to leave the site.
In short, use notification bars when you want to inform, and popups when you want to convert.
We’re not going to go over all the campaign scenario details here—instead, we’ll just walk through how to create a notification bar.
Here is a video that shows the whole process of creating a Notification Bar with Depicter:
In the Depicter dashboard, click on the Notification Bar option.
From the available templates, choose one and click Import to start the import process.
After a few seconds, it’s done and you’ll be taken into the Depicter dashboard, where you can make any changes you want before finalizing your notification bar.
To configure how it’s displayed—similar to what we did for the popup—go to the Display Rules section.
This time, for the notification bar, we’ll set it to appear a few seconds after the visitor lands on the page by enabling the Spend time on page option and setting it to 10 seconds.
Finally, once a visitor has spent 10 seconds on our site, the notification bar will appear like this.
Conclusion
A sales promotion is an essential tool for any business looking to drive results in a competitive market. But without the right promotional tactics, even the best campaign ideas can go unnoticed. By combining smart planning with high-converting tools like popups and notification bars, you can maximize reach, create urgency, and guide visitors toward taking action.
Depicter makes it easy to launch visually appealing, behavior-based popups and subtle yet effective notification bars—no coding required. Whether you’re running a flash sale, collecting emails, or announcing new products, using these tools strategically can dramatically increase your chances of campaign success.
Remember: Good timing, targeted messaging, and clear design are the keys to getting the results you want.
Let me know in the comments if this article helped you start a campaign.
FAQs
1. What’s the difference between a sales campaign and a regular promotion?
A sales campaign is typically a more structured and time-bound initiative with a clear goal, such as increasing revenue or clearing out inventory. A promotion is one part of a campaign—like offering a discount, running a giveaway, or launching a flash sale.
2. When should I use a popup instead of a notification bar?
Use popups when you want to grab immediate attention or drive a specific action, like collecting email sign-ups or promoting limited-time deals. Notification bars are best for subtle messaging that doesn’t interrupt the user experience, like announcing free shipping or a product launch.
3. How often should I show a popup to users?
To avoid annoying users, limit the frequency. Best practice is to show a popup once per session or only when specific behavior triggers it (e.g., after scrolling or before exit). Depicter allows you to control this easily with built-in display rules.
4. Can I customize popup templates in Depicter?
Yes! All templates in Depicter are fully customizable. You can change the colors, text, layout, and even add features like countdown timers or multi-step flows to match your brand and campaign goals.
5. Do popups and notification bars work on mobile devices?
Absolutely. Depicter templates are responsive by default, and you can fine-tune their appearance on different screen sizes to ensure a seamless mobile experience.
6. What makes a popup effective?
An effective popup is:
Timed well (not shown too early)
Visually appealing
Clear in its message
Action-oriented (strong CTA)
Easy to dismiss
When done right, it adds value without disrupting the user’s journey.
A Scroll popup is a powerful tool for delivering the best content at the best time to your website visitors without being intrusive. Unlike standard popups that appear immediately when someone lands on a page, scroll popups are designed to show up only after a user has scrolled to a specific point. This allows you to target users who are already engaged, making them more receptive to your message.
You should use a scroll popup when visitors have shown genuine interest by scrolling through your content, especially on long pages like blog posts or product descriptions. This is the moment when they are more likely to take action, such as signing up for your newsletter or exploring a special offer. Aligning your popup with the user’s engagement level to not only improve the experience but also increase conversions.
Step 1: Install Depicter Free
Before we start, just double-check that you’ve installed the Depicter plugin. It’s super easy — just search “Depicter” in the Plugins menu in your WordPress dashboard. Want a full walkthrough with video? Take a look at our guide here.
Step 2: Import a Template
To start building your popup, head to the dashboard and click on the “Popup” tab in the top navigation menu. Depicter makes the process fast and seamless by offering a wide selection of professionally designed templates, including many free options to choose from.
Find your perfect template by typing keywords into the search bar or exploring the categories listed on the left. When you see one you want, just click “Import.”
Your popup will be ready in seconds, taking you directly to the Depicter editor. There, you can customize every detail.
To explore all the tools and learn to build a popup from scratch, check out this video:
Step 3: Activate Scroll Trigger
The last step to ensure your popup appears at a chosen scroll percentage is enabling the Scroll option in the Display Rules. You’ll find this setting by clicking Publish and then Configure within the Display Rules section.
Now, navigate to the Triggers section and enable the Scroll percentage option. Define the percentage at which you want the popup to appear, save your adjustments, and that’s it!
Now, whenever a visitor scrolls down your website to the specified percentage, the popup will be shown to them.
Be sure to explore additional tips to maximize the impact of your popups with Depicter:
If you’re not using exit-intent popups yet, you’re missing a valuable opportunity to retain visitors who are moments away from leaving your site. Exit-intent technology allows you to make a final, well-timed offer — whether it’s a discount, exclusive content, or a simple feedback request — that can turn lost traffic into leads or customers. It’s an easy, non-intrusive way to increase conversions, reduce bounce rates, and gain insights into visitor behavior, all without disrupting the user experience.
Let’s start setting up exit-intent popups in just three easy steps with Depicter Popup Builder!
Step 1: Install Depicter Free
To get started properly, ensure that the Depicter plugin is already installed. You can install it by going to Plugins → Add New and searching for “Depicter”. For detailed instructions and a video tutorial, see our guide here.
Step 2: Import a Template
Depicter provides a wide range of professionally designed templates, including many free popup templates, to make the creation process fast and hassle-free. Once you’re in the dashboard, simply head to the top navigation bar and click on the “Popup” section to begin building your design.
You can use the preset categories on the left side or search through the ready-made templates using keywords. Once you find a template you like, hover over it and click Preview to see how it looks. If it fits your needs, click the Import button to load it into your project.
After a short moment, the import will be complete and you’ll be taken to the Depicter editor. Here, you can customize every detail of how your popup looks and functions using the powerful features Depicter offers.
For a step-by-step walkthrough, watch the video below.
Step 3: Activate Exit-intent
Once that’s done, all that’s left is to enable the Exit-Intent option under Display Rules, so your popup appears right when a visitor attempts to leave the page. To do this, click the Publish button, then hit Configure in the Display Rules section to open the settings panel.
Next, go to the Triggers section, enable Exit-Intent, save your changes, and you’re done!
This is the result of our work:
Make sure to check other tips to get the most out of your Popups with Depicter:
Slide-in popups offer a less intrusive way to engage website visitors. Appearing from the side or corner, they present a brief call to action without disrupting the browsing experience. This allows you to capture leads, boost sales, and increase conversions politely.
Slide-ins are versatile and suitable for many purposes. They can replace most other popup types when you want a lower impact on your site’s metrics and avoid blocking conversion pages or the user interface.
With Depicter Free Popup Builder, creating these effective slide-ins is a quick three-step process.
Step 1: Install Depicter Free
Log in to your WordPress dashboard.
Go to Plugins > Add New.
Search for “Depicter” then click Install and Activate.
Here is a video showing the whole process:
Step 2: Import a Template
Depicter offers an extensive, high-quality selection of templates, including a variety of free popup templates, designed to help you create popups quickly and efficiently. After entering the Depicter dashboard, navigate to the top menu where the feature categories are listed, and select the “Popup” option to get started.
You can search through the ready-made templates using keywords or browse through the categories on the left side. Once you’ve found the template you like, simply click the Import button.
After a few seconds, the import process will finish, and you’ll be taken to the Depicter editor. Here, you can customize every detail of your popup using the wide range of features Depicter offers. To get a better understanding of the editing process, watch the video below.
Step 3: Configuring Display Rules
That’s all there is to it! Now, the only thing left is to set your preferred Display Rules, which determine where, when, and to whom your popup will appear.
To do this, click the Publish button, then hit Configure under the Display Rules section to open the settings window.
In this example, we want the Slide-in Popup to appear for everyone, but only on the Shop page. We’ll set this up in the Display Condition section, just as shown in the image.
Once you save the settings, your Slide-in Popup will be displayed on your website’s Shop page like this.
If you’d like to learn to do more with your Popups, we recommend checking out these articles:
What are the Reasons to Consider an Alternative to Popup Builder?
When it comes to choosing a Popup builder plugin for WordPress, having the right tools, flexibility, and user experience can make all the difference. A good Popup builder should make the process of creating and managing Popups easy, efficient, and enjoyable, helping you engage visitors and boost conversions without unnecessary frustration.
While Popup Builder (the plugin) has been around for a while, it falls short in several important areas that modern website owners expect. Throughout this article, we’ll take a closer look at where Popup Builder struggles and why exploring a stronger alternative like Depicter could be a smarter move for your site.
Lack of Editor
Having a built-in drag-and-drop editor is very important for any WordPress Popup Builder plugin. It helps users quickly design and customize Popups without coding, making the process faster, easier, and more flexible. A good editor also improves the user experience by giving full creative control.
However, the Popup Builder plugin does not include a built-in editor. This is a big downside because users have less freedom to design Popups easily and may need extra tools or plugins, which can slow down their workflow and website.
You might think that because the default WordPress editor opens up, anything you add there will show up in your Popup — but that’s not the case. Whatever you enter in that editor has no connection to your Popup and won’t be displayed.
On the other hand, Depicter offers an advanced drag-and-drop editor along with professional design tools, giving you a high level of customization over every Popup element. It includes powerful features like free resizing and positioning of elements on its editor canvas, various layout options such as full-width, fullscreen, or boxed designs, auto-snapping for easier arrangement, and flexible group, grid, and flex structures. On top of that, it provides auto-responsive capabilities, rich design customization options, and a wide selection of animation effects to make your Popups stand out.
With these kinds of tools at your fingertips, creating polished and personalized Popups becomes faster and much more enjoyable.
Considering that Popup Builder doesn’t even have its own editor, Depicter clearly comes out on top and delivers a much better experience, especially for users who are looking for a more modern and professional solution.
No Templates
Another key feature that greatly improves user experience is having ready-to-use templates. Templates allow users to start with professional designs and simply tweak them, instead of building every Popup from scratch. This saves time, ensures better design quality, and makes life much easier, especially for beginners. However, the Popup Builder plugin does not offer any pre-made templates, making it harder and more time-consuming for users to create polished Popups quickly.
Depicter excels in this area by offering over 500 professional, ready-made templates across various categories and with a wide range of functionalities. Right from the Depicter dashboard, you can browse through these templates, and with just one click, import any of them to start building immediately.
This huge collection of templates not only saves time but also inspires creativity, giving users a strong starting point for almost any type of design they need.
Almost No Responsive Options
Having professional responsive options in a Popup Builder means that Popups automatically adjust to look perfect on different devices like mobiles, tablets, and desktops. It includes settings for custom sizes, positions, visibility controls, and design tweaks for each screen type. You should consider these features based on your website audience because a large portion of visitors might come from mobile devices, and delivering a smooth, optimized Popup experience can greatly impact engagement and conversion rates. Now, can we say that the Popup Builder has these options? Absolutely not. Take a look at the following image. This is all you get for the responsive options.
Depicter addresses this perfectly with fully responsive design options. You can easily create device-specific layouts, control visibility per device, and tweak sizes, positions, and designs for mobiles, tablets, and desktops individually.
No matter what device your visitors use, Depicter ensures a seamless, professional-looking Popup experience.
Pricing
A fair and reasonable price is important for a Popup Builder plugin because it makes the tool accessible to a wider range of users and ensures good value for the features offered.
Popup Builder offers three pricing plans, which mainly differ based on the number of websites you can use the plugin on. The cheapest plan costs $49.95 per year and allows usage on up to two websites.
However, considering that Popup Builder lacks some important features and feels outdated compared to many modern alternatives, its overall value for money is quite low.
Price often plays a major role when people are deciding which plugin or service to choose. Even if some features are available for free, one of the first questions users ask is, “How much does the full version cost?”
Depicter offers a free version that covers all your basic Popup-building needs, and when you’re ready to upgrade, the Pro version for a single website costs just $39 per year. Best of all, Depicter unlocks all premium features at once — no gradual access or hidden paywalls. When you buy the Starter plan, you get everything you need right away for one website.
Having clear, fair pricing without confusing tiers creates a better experience and shows that Depicter truly values its users.
Depicter Offers Even More
With a variety of powerful tools like exit-intent Popups and smart triggers, Depicter helps you grab your visitors’ attention right when they’re about to leave.
It makes it easy to create highly effective Popups that deliver personalized messages and special offers tailored to your audience.
Instant Feedback
When working with visual design tools, getting immediate feedback is key to making the creative process faster, easier, and more enjoyable.
Depicter offers a powerful live preview and an interactive editor that allows users to see their changes in real time. User experience is crucial for WordPress plugins, and a good plugin should not only be easy to use but also let users instantly see the results of their work. That’s where Depicter really shines. With its live preview feature, you can see exactly how your Popup or page will look as you edit it, without needing to constantly save, refresh, or switch between tabs.
Whether you’re browsing templates inside the dashboard or actively designing a Popup in the editor, Depicter gives you one-click access to live preview, making the design process smoother and more intuitive. Thanks to its interactive editor, all your changes are auto-saved and immediately reflected when you open the live preview, creating the shortest and most seamless visual feedback loop possible.
While speed and efficiency matter, having real-time feedback through a live preview and an interactive editor is a game-changer for anyone serious about building great websites.
The Powerful Visual Output Suite
Having a versatile set of output options is essential for anyone who wants to create engaging and dynamic content on their website.
One of Depicter’s biggest strengths is the wide range of visual outputs it offers. Both during the creation process—inside its powerful editor—and at the final display stage, Depicter provides users with more tools, more options, and more flexibility than many other plugins. Whether you’re designing a simple slider or a complex Popup, the experience stays smooth and professional.
Here are some of the visual output types Depicter supports:
Slider
Popup
Carousel & Testimonials
Notification Bar
Product & Dynamic Sliders
Hero Section
Beyond these, Depicter also packs an impressive range of advanced features that help users build even more powerful and customized content. A truly flexible plugin should empower users to create whatever they imagine, and Depicter does exactly that with options like:
Flexible Layouts and Position Settings
Various Layers and Elements
Advanced Animations, Transitions, and Navigation Controls
Multi-Step Popups for deeper interaction
Fully Responsive Design Modes
Built-in Form Element for capturing leads and boosting conversions
Dynamic Content integration with Blog Posts and Shop Products
A massive library of premium-quality Image and Video assets
Advanced Call to Action features that can be attached to any Popup element
Having all these options in one place gives creators the freedom to design stunning visuals without the need for multiple plugins or complicated setups.
When flexibility and creativity come together in a single tool, it unlocks endless possibilities for building better, more engaging websites—and Depicter delivers exactly that.
Support and Community
Good support can make a huge difference when you’re using a tool to build and grow your website.
Depicter shows a strong commitment to its users by offering 24/7 support across several channels. Whether you run into a quick question or need more detailed help, there’s always a way to get assistance. You can reach out through live chat for fast answers from the Depicter team, explore the detailed Help Center filled with articles, tutorials, and a ticketing system, or post your questions on the WordPress Forum, where the Depicter team actively responds. Plus, the team stays connected through their YouTubeand Facebook communities, where users can ask questions, share feedback, and get helpful tips.
Having multiple support options means you’re never left figuring things out on your own, and it really helps create a stronger, more helpful user community.
Tutorials
Providing video tutorials is a smart way for any plugin or service to help users understand features, master the tools, and discover new possibilities. Depicter does a great job in this area with its active YouTube channel, where it regularly uploads videos. Every week, they release fresh content to introduce new features, explain existing options, showcase templates, and guide users step-by-step through different capabilities. These videos help users get more out of Depicter and create better results faster.
Conclusion
Choosing the right Popup Builder can make a big difference in how your website connects with visitors and drives results. After seeing where Popup Builder falls short — and how Depicter shines with its powerful editor, rich templates, advanced features, great support, and fair pricing — the decision becomes easy. Depicter not only covers everything that Popup Builder lacks but also takes the experience to a whole new level.
If you’re serious about building beautiful, effective Popups without unnecessary headaches, Depicter is hands down the better investment for your website’s future.
Shopping Basket
Privacy Overview
We use cookies and similar technologies to improve your browsing experience on our site. while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience. To learn more about our privacy practices, please see our Privacy Policy.
Essential Cookies
These cookies are always on, as they’re essential for making Depicter work, and making it safe. Without these cookies, services you’ve asked for can’t be provided.
Performance Cookies
These cookies help us analyze how many people are using Depicter, where they come from and how they're using it. If you opt out of these cookies, we can’t get feedback to make Depicter better for you and all our users.
Please enable Strictly Necessary Cookies first so that we can save your preferences!
Targeting Cookies
These cookies are set by our advertising partners to track your activity and show you relevant Depicter ads on other sites as you browse the internet.
Please enable Strictly Necessary Cookies first so that we can save your preferences!
