Try for free!

Slide-In Panel for Modx

Slide in panel that appears from the top or bottom to highlight offers, capture attention, and guide visitors toward more conversions.

Create a Slide-In Panel

loved by 500K+ businesses

Modx
plugineditoreditor

Why Should You Use the Slide-In Panel Widget+?

Increase Conversions with Modx Slide-in panel

With the Slide-In Panel widget for Modx, you can greatly increase conversions by making your promotional information clearly visible. This is so that there is a greater chance that website visitors will take action and convert since the Slide-In Panel widget grabs their attention and conveys a clear and concise message.

Draw Attention to your Modx website

The Modx Slide-In Panel widget’s animation is attention-drawing and is sure to divert the users’ attention to the promotional message you are trying to convey. Using the Slide-In Panel widget to draw attention to your marketing message can boost user interaction and, as a result, your Modx website's conversion rates.

Improve User Experience

With the Slide-In Panel widget for Modx, you can improve your users’ experience by offering them valuable information that will save them money, and improve their experience. This Modx widget can be easily integrated into your website or application, allowing you to enhance user engagement and drive conversions.

Different Panel Types

The Modx Slide-in panel widget comes with three different panel types that you can choose from to better fit your design and needs. Furthermore, each panel type is customizable, enabling you to match your brand's colors, fonts, and other visual elements for a cohesive and on-brand user experience.

Slide-In Panel - Different Panel Types

Various Button Animations

The widget has various button animations that are sure to draw the user’s attention and encourage them to click on the button. To make it more appealing to your consumers, you can also alter the button animations in accordance with the design language of your website or brand.

Slide-In Panel - Various Button Animations

Two Positions To Choose From

You have the freedom to tailor the user experience with the slide-in panel widget by choosing the location from which the panel will slide in, either at the top or bottom of your website, depending on your particular design and marketing requirements. This feature not only enables you to seamlessly integrate your new layout, but it also makes sure that the slide-in panel's promotional material is clearly displayed, grabbing visitors' attention and boosting the effectiveness of your marketing campaign.

Slide-In Panel - Two Positions To Choose From

Multiple Skins

The Modx Slide-in Panel widget has a selection of beautiful skins that you can use to add to it and enrich its visual appearance. The widget offers a selection of skins that you can use to alter the panels' style to fit your Modx website's identity. By using these options, you can quickly and easily construct a Slide-in Panel that matches the general style of your Modx website and has a professional appearance without having to spend hours designing it from scratch.

Slide-In Panel - Multiple Skins
Slide-In Panel - Multiple Button Layouts

Multiple Button Layouts

The Slide-in panel widget for Modx features different button layouts that can further help you customize your panel to fit your requirements. The various button layouts offer a versatile and efficient method to interact with visitors to your Modx website, whether you want to draw attention to a limited-time deal or highlight a new product.

Slide-In Panel - Customizable Display Rules

Customizable Display Rules

The Slide-In Panel widget for Modx features advanced display rules — like when or where to display the widget — that you can set and customize. The rules include action triggers like “on exit”, “time delay”, “page scroll” and more.

Slide-In Panel - A Selection of Beautiful Button Icons

A Selection of Beautiful Button Icons

The Slide-In Panel widget for Modx comes with a selection of beautiful icons that you can use to add to it and enrich its visual appearance.

Slide-In Panel - Easy To Use Slide-in panel widget

Easy To Use Slide-in panel widget

The use of the Slide-In Panel [app_type for Modx is simple and doesn't require any coding expertise. With only a few mouse clicks, you can modify the widget however you wish using our user-friendly interface. As a result, even people without coding knowledge can quickly and easily develop designed elements with a professional appearance that interact with their Modx website and increase their online visibility and audience engagement.

Fully Customizable widget for Modx

You may fully customize the Modx Slide-in Panel widget to change the style to suit your needs. Customize anything you want, including the fonts, spacing, and colors! In order to create a unified and polished appearance, you may also select from a variety of font choices and modify the font's size, style, and color. You can alter the spacing in addition to these style choices to make sure it blends in with the rest of your Modx website's design.

Slide-In Panel - Fully Customizable widget for Modx

Perfectly Responsive Slide-in panel for Modx

Any Modx website would benefit from the Slide-In Panel widget. It has a clean and contemporary style that will improve the overall appearance of your Modx website in addition to being fully responsive, which means it will shift fluidly to fit the screen size of any device. Having a website that is optimized for mobile viewing is essential in a world where more and more people are accessing the internet through their phones and tablets. You may use the widget to accomplish just that, providing you an advantage over rivals.

Slide-In Panel - Perfectly Responsive Slide-in panel for Modx

Modx Slide-in panel Custom CSS

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Modx Slide-In Panel. With this feature, you can easily customize every aspect of the widget's look and feel, from the colors and fonts to the layout and positioning. But if you're feeling particularly creative, you can take your customization to the next level by editing the CSS directly. This gives you the ability to make even more advanced changes to the widget, allowing you to make it your own. Whether you want to make a few simple tweaks or go all out with advanced customizations, our advanced editor has you covered.

Slide-In Panel - Modx Slide-in panel Custom CSS

Easy To Embed on Modx

To embed the Slide-In Panel widget on your Modx website, simply copy and paste the provided code snippet into the HTML of your webpage. Additionally, the widget is designed to be self-updating, meaning that any changes you make to the Slide-In Panel editor will be reflected automatically on your Modx website without the need for any additional manual updates.

Slide-In Panel - Easy To Embed on Modx

Compatible With All Site Builders, E-Commerce Platforms and Websites

webflow logoshopify logowix logowordpress logobigcommerce logosqurespace logoweebly logojoomla logoduda logojimdo logomagento logoshift4hsop logounbounce logocarrd logo
View all supported platforms

FAQ

An element of the graphical user interface (GUI) known as a slide-in panel widget is frequently used in web and mobile applications to show consumers marketing messages, alerts, notifications, or other forms of material. The widget, as its name suggests, often slides in from the edge of the screen and momentarily covers the primary content.


This kind of widget is frequently used to draw users' attention and present crucial information or calls to action without interfering with their browsing experience. To make the slide-in panel widget more visually appealing and engaging, many design elements can be included, such as colors, icons, fonts, and animations. Both marketers and developers favor it because of its adaptability and simplicity of use.

There are several benefits of adding a slide-in panel to your website. Here are a few:

  • Grab users' attention: The slide-in panel widget is an effective way to grab users' attention and communicate important messages or offers.
  • Increase engagement: By displaying personalized and relevant content to users, the slide-in panel widget can increase user engagement and encourage them to interact with your website.
  • Improve user experience: With the ability to display valuable information that will save users money and improve their experience, the slide-in panel widget can enhance user satisfaction and retention.
  • Drive conversions: By promoting special offers, discounts, or other incentives, the slide-in panel widget can motivate users to make a purchase or take other desired actions, thus increasing conversions and revenue.
  • Customizable: The slide-in panel widget is highly customizable, allowing you to tailor its appearance and messaging to your brand identity and target audience, and thus improving your website's overall aesthetic and user experience.

Yes, you can. Go to the “Display Rules” tab, and choose your desired triggers. You can learn more about the different triggers & rules here: https://help.commoninja.com/hc/en-us/sections/6900365183517-Display-Rules-Triggers 

Yes, you can easily do so from the “Templates” tab. 



Yes, there are lots of beautiful skins that you can choose from to save time and start using the widget as quickly as possible. 

Yes, you can either upload an image, or select an icon from a large selection of available icons to add to your Notification Bar, or, alternatively, you can leave it all blank. 

It’s simple. All you need to do is to sign up and start using the free version.

Common Ninja’s Slide-In Panel widget is free to use. It is limited to a certain amount of views, however.

Common Ninja’s Slide-In Panel widget is compatible with ALL current and future website builders.

Yes, the Slide-In Panel widget is GDPR-compliant.

No. Using our Slide-In Panel widget is very simple. The widget comes with an intuitive drag-and-drop interface and fully customizable options. Once you’ve finished editing the widget to your liking, all you need to do is copy the provided code and add it to your website.

Yes. We are eager to hear your request. Please visit our Feature Request page