Lazada Group has become the Top-most online shopping and selling destination in Southeast Asia. It was launched in 2012. As the explorer of e-commerce in south-east Asia, Lazada has more than 1,45,000 local and international sellers, as well as ..

Cedcommerce Team

Lazada Opencart Integration

Displays a timer counting down to a specific date or event

Example 1

Example 2

Example 3

Example 4

The Countdown widget features captivating animations for number transitions, adding a dynamic and engaging element to your timer. Customize the animation style and speed to suit your preferences and make your countdown timer stand out to your website visitors.

Animated Number Transitions

The Countdown widget offers the unique feature of creating an evergreen timer, which sets a personalized countdown for each visitor, beginning the moment they enter the website. This individualized approach fosters a sense of urgency and engagement, as users experience a tailored countdown that directly corresponds to their visit, making your event or promotion even more compelling.

Individualized Countdown for Each Visitor

The Countdown widget offers the flexibility to personalize the titles or labels for days, hours, minutes, and seconds, allowing you to make the timer more relevant to your specific event or promotion. Tailor the labels to your audience and context, ensuring a more engaging and meaningful user experience.

Customizable Titles and Labels in Countdown

Upon reaching the countdown's end, the Countdown widget can showcase a vibrant confetti animation and reveal a tailored message to mark the occasion. This attention-grabbing element amplifies the excitement and engagement, providing users with a memorable experience as they engage with your event or promotion at the culmination of the countdown.

Festive Confetti Animation and Custom Completion Message

With a selection of design skins available, the Countdown widget can easily be tailored to match your website's aesthetic. Choose from different pre-built themes and effortlessly adapt the widget's appearance to blend seamlessly with your site's overall design.

Customizable Countdown Design Skins

The Countdown widget offers various layout options, allowing you to choose the style that best suits your website's design. Select from a range of presentation formats, including horizontal, vertical, or circular timers, to create an attractive and visually appealing countdown display.

Multiple Layout Options

Control the look and feel of your Countdown timer by adjusting colors and fonts to match your brand identity. With a wide array of color options and a vast selection of fonts, you can easily create a countdown timer that complements your website's design language.

Extensive Color and Font Customization

The Countdown widget boasts a responsive design that ensures optimal display and functionality across various devices and screen sizes. Whether your visitors are accessing your website via desktop, tablet, or mobile, the countdown timer will automatically adapt to deliver a seamless and visually appealing experience, keeping your website professional and engaging at all times.

Perfectly Responsive Design

The Countdown widget is incredibly user-friendly, requiring no coding skills or technical expertise to implement on your website. Its intuitive interface and simple setup process make it accessible to users of all experience levels, allowing anyone to create and customize a countdown timer with ease.

Effortless Setup and No Coding Skills Required

For those looking to dive deeper into customization, the Countdown widget provides full CSS control. This feature allows advanced users or web developers to fine-tune the appearance and behavior of the timer, ensuring that it aligns perfectly with their specific design vision and requirements.

Full CSS Control for Advanced Customization

The Countdown widget is designed to work seamlessly with various website builders and platforms, ensuring smooth integration with your site. Its user-friendly setup process allows you to quickly add the countdown timer to your website without any technical difficulties or compatibility issues.

Easy Integration and Platform Compatibility

The Countdown widget generates a sense of urgency and anticipation among website visitors, encouraging them to interact with your content and offers. By creating a real-time countdown, users become more invested in the event, promotion, or deadline, which ultimately increases their engagement with your site.

Boost Engagement and Excitement with Countdown

By displaying a dynamic Countdown timer on your website, you create an engaging element that invites users to return and track the progress of the countdown. This encourages regular site visits and enhances user retention, as visitors are more likely to come back to stay updated on the countdown's progress or to participate in the event or offer when it becomes available.

Increase User Retention and Return Visits using Countdown

Utilizing the Countdown widget can create a sense of urgency, motivating website visitors to take action before time runs out. This can be particularly useful for limited-time offers, promotions, or event registrations, ultimately increasing conversions, sales, and user participation.

Drive Conversions and Sales using Countdown

Use the Countdown widget when a specific date or time defines the importance of your offer or event. A visible timer counting down to a webinar, launch, sale end, or registration deadline makes the time frame concrete and keeps it in front of visitors while they read. This helps turn vague interest into timely action, since people clearly see that waiting carries a cost. You can pair the countdown with a form, purchase button, or calendar link to give a natural next step. It is effective on landing pages, event hubs, pre launch campaigns, and limited bonuses. A well placed countdown creates healthy urgency without relying only on text reminders.

Countdown

Boost Sales

E-Commerce

A simple slider that lets visitors compare before and after images to see visual changes clearly.

Example 5

The Before & After Slider widget features the option to create horizontal or vertical sliders, enabling you to unleash the full power of your creativity. With the option to create either horizontal or vertical sliders, you'll have the flexibility to tailor your sliders to fit the needs of your project whether you're a designer, photographer, or business owner, the Before & After Slider widget is the perfect tool to help you showcase your work uniquely and engagingly.

Horizontal & Vertical Slider Direction

With the Before & After Slider widget, you can create as many sliders as you desire, giving you the ability to tell a complete visual story that is tailored to your needs whether you want to showcase the progression of a construction project, the transformation of a home renovation, or the change in the appearance of a person or animal over time.

Multiple Sliders

The Before & After Slider widget comes with full customization options, giving you the ability to easily edit the design to match the aesthetic of your website. You can change the colors of the slider, buttons, and labels to match your branding. You can also choose from different font options and adjust the font size, style, and color to create a cohesive and professional look. In addition to these design options, you can also customize the spacing of the widget to ensure it fits seamlessly into your website layout.

Fully Customizable

The Before & After widget is a valuable tool for any website. Not only is it fully responsive, meaning it will adjust seamlessly to fit the screen size of any device, but it also has a sleek and modern design that will enhance the overall look of your site. In a world where more and more people are accessing the internet through their phones and tablets, it is crucial to have a website that is optimized for mobile viewing. The Before & After widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive Before & After

The Before & After Slider widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Before & After widget. 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.

Before & After Custom CSS

To embed the Before & After widget on your 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 Before & After Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed Before & after

You have the ability to adjust the positioning of the labels on the Before and After Slider widget. This allows you to customize the location of the labels to fit best the design and layout of your website or application.

Label's Position

Regardless of whether your image is in the landscape, portrait, or square format, you have the ability to define the image ratio for optimal display.

Image Ratio

With the Before & After Slider, you can increase engagement on your website by offering an interactive feature for your users to interact with. More engagement increases interest and, subsequently, improves the decision-making process that will convert curious visitors into paying customers.

Increased Engagement Through Interaction

With the Before & After Slider widget you can convey a compelling story by using the right images. Demonstrate the changes global warming has on nature, show the powerful transformations of people, present interesting item restoration results and much more!

Compelling Visual Storytelling 

The Before & After Slider allows you to showcase the benefits of your product or service in the most effective way — visual, side-by-side comparison. Show how you’ve restored a mouthful of crooked teeth, or how your product has cleaned the same item, only better, or how you’ve restored a decrepit house into a glorious abode — the options are limitless!

Effective Showcase Presentation

Use the Before & After Slider widget when your value is best shown through transformation. It is ideal for design work, renovations, cosmetic results, editing, restoration, and any service where the difference between the starting point and final outcome matters. Visitors can drag the slider and see both states in the same frame, which is far more convincing than two separate images. This interaction keeps attention on your results and answers a common question: what does the change actually look like. By placing these sliders on portfolio pages, landing pages, or case studies, you give prospects a quick, visual proof of impact that words alone cannot provide.

Before & After Slider

Website Components

Images & Galleries

Image Slider Hover Effect

The Image Slider widget comes with the option to choose from color effects to make your images more unified in style, and to add the “wow” effect to them.

Image Slider Color Effects

The Image Slider widget comes with two layout styles — carousel and grid. You can choose from these to make the widget fit your website’s design.

Image Slider Layout Styles

You can transform the Image Slider into a powerful conversion tool with the option to make the images clickable.

Clickable Images

The Image Slider widget is designed to be fully customizable, allowing you to adjust the design to match the look and feel of your website. With various customization options at your fingertips, you can easily change the colors, fonts, spacing, and other elements to create a button that fits seamlessly into your website design. Whether you're looking to match your brand colors, create a unique look, or personalize your website, the Image Slider widget provides you with all the tools you need to get the job done. With the ability to preview your changes in real-time, you can easily experiment with different styles and design elements until you find the perfect combination that fits your needs and enhances the user experience on your website.

Fully Customizable Image Slider Widget

The Image Slider widget is designed to provide a seamless user experience on any device. With its fully responsive design, the button will look great and function smoothly on desktop computers, laptops, tablets, and smartphones. This is especially important in today's mobile-first world where more and more people are using their smartphones and other mobile devices to browse the web. By ensuring that your website is optimized for all devices, you'll improve the user experience for your visitors and stay ahead of your competitors in terms of functionality and design. With the Image Slider widget, you'll be able to provide your visitors with a fast, easy, and intuitive way to navigate your website no matter what device they use.

Perfectly Responsive Image Slider

The Image Slider widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use Widget

In addition to the built-in customization options, the Image Slider widget allows you to add your custom CSS to enhance the button further and make it truly unique. Whether you're a seasoned developer or simply looking to get creative, the ability to add custom CSS gives you the power to take your website design to the next level. With custom CSS, you can change the button's size, shape, and positioning, or even create entirely new styles from scratch. The possibilities are endless, and with some creativity, you can make the Image Slider widget your own. This level of customization allows you to create a button that fits perfectly with the look and feel of your website and enhances the overall user experience for your visitors. Whether you're looking to create a sleek, modern design or a more traditional, classic look, the Image Slider widget and its custom CSS capabilities give you the tools you need to make it happen.

Image Slider Custom CSS

You can easily embed the Image Slider widget on your website by copying a single line of code. The Image Slider will also be updated automatically with every change you make.
Copy the code for the button and paste it into your website's HTML code. The code should be placed in the appropriate section of your website, such as the footer or header.

Easy To Embed Image Slider

With the Image Slider widget and animation effect, you’ll easily draw the users’ attention to your images. .

Draw Attention with Image Slider

Once you’ve drawn the users’ attention, you’ll be able to showcase your work, products, or services, in a visually appealing manner. This way, you can increase the chances of converting them into customers.

Showcase Your Products or Services

The Image Slider widget provides powerful customization options that will enable you to customize the widgets as you desire and make them complement your overall website design. The intuitive interface makes it easy for even beginners to create stunning widgets with minimal effort.

Use an Image Slider to Enhance Design

Use the Image Slider widget when you want to tell a visual story step by step in one location on the page. Each slide can show a feature, stage, or variation, and visitors move through them using arrows or controls. This is useful for showcasing product sets, process explanations, or campaigns that unfold in several scenes. The slider keeps the layout clean while still allowing you to present multiple images with context. On mobile, it lets users swipe instead of scrolling endlessly through large photos. Overall, it is a flexible way to combine design and narrative, helping visitors understand more while keeping your layout structured and easy to follow.

Image Slider

Present your team members in a dynamic, shape-based animation

With a simple design, it’s easy to deliver the right information clearly, and in a stylish manner. 


Simple. Informative. Elegant.

Style 2

Sometimes there’s a need to add more information. Long pieces of text can be daunting, but by using the right layouts, icons, fonts, and colors, it’s easy to add a lot of information in an easy-to-understand manner. 


Detailed Information — Easy Navigation

Style 4

Style 5

Some information doesn’t need to be long, it needs to be presented in a visually appealing manner, with little text and navigational buttons. 


Clear, Concise & Stylish

The Team Members app features a selection of different blob shapes that you can choose from to make your pages truly unique. 

Multiple Blob Types

The Team Members app features various layouts for you to choose from to better customize the blobs to fit your website and its design needs.

Various Layouts

The Team Members app features different color filters that you can use and match with your team members to make them stand out or, on the contrary, to present a unity.

Vivid Color Filters

The Team Members app features a whopping 16 blend modes so that you can customize your blobs even more and make your team members' page truly unique.

Extensive Blend Modes

The Team Members app features gentle blob animation, the speed of which can be regulated and adapted to complement the page’s design.

Gentle Animation

The Team Members app enables you to add links to the following: a personal website, an email address, LinkedIn, Facebook, Twitter & GitHub. Once you add a link, a relevant icon will automatically appear under the portrait.

Social Media Link & Icons

The Team Members app features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing and anything else!

The Team Members app is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

Perfectly Responsive

The Team Members widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the app any way you’d like to with just a few simple clicks.

Easy To Use team Members Widget

As with all of Common Ninja’s apps, you can add custom CSS to customize the Team Membersapp and be even more creative.

Custom CSS

You can embed the Team Members app on your website easily by copying a single line of code. The app will also be updated automatically with every change you make.

Easy To Embed 

With features like color filters, layouts and animation, the Team Members app can make your team members stand out in a visually appealing way.

Make Your Team Members Stand Out

By showing the team behind the company, and by adding social buttons with links to their social media profile you can easily increase trust in your company.

Increase Trust

The Team Members app enables you to create beautiful team member pages by offering you a wide range of customization options that you can employ. Make your page stand out and set the right tone — professional, fun, glamorous, or anything else!

Enhance Design

Use the Team Members Blobs widget when you want visitors to connect with the people behind your brand in a way that feels modern and friendly. Instead of a plain grid, the animated blob layout adds personality and draws attention to faces, names, and roles without adding clutter. This helps humanize your business, builds trust fast, and reinforces transparency, especially for agencies, startups, service providers, and community driven products. A clear team section also answers common buyer questions about credibility and expertise. By presenting your staff in an engaging format, you increase time on page and make it easier for visitors to feel they are working with real, approachable professionals.

Team Members Blobs

Display the latest posts from your YouTube channel

Example

The YouTube Feed widget comes with a “ticker” animation that imitates an old news ticker and adds a sense of action to your page. Use it to immediately grab the user’s attention.

Ticker Animation

There are various options for displaying the date and time of the feeds — an option that will enable you to further customize the YouTube Feed widget according to your needs, and the preferences of your visitors.

YouTube Feed Date & Time Display Settings

The YouTube Feed widget has the “auto-refresh” option which, when toggled, keeps refreshing and updating the feed with new posts.

Auto Refresh

Two different feed types are available in the YouTube Feed widget — Tabs and Mixed. The Tabs type keeps all your tabs organized by order of feed, while the Mixed type, mixes the various YouTube feeds to create a diverse feed.

Different Feed Types

You can easily customize the characters' length to save space and make the YouTube Feed widget more compact.

Customize Character Display Length

The YouTube Feed widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.

YouTube Feed Multiple Layouts

The YouTube Feed widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization.

YouTube Feed Multiple Skins

The YouTube Feed widget provides full RTL support for those who write from right to left. Make your news accessible to more users from all over the world.

Full RTL Support

The YouTube Feed widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing and anything else!

The YouTube Feed widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors. 

Perfectly Responsive YouTube Feed

The YouTube Feed widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use YouTube Feed Widget

As with all of Common Ninja’s widgets, you can add custom CSS to customize the YouTube Feed widget and be even more creative.

You can embed the widget on your website quickly by copying a single line of code. The YouTube Feed widget will also be updated automatically with every change you make.

Easy To Embed YouTube Feed

The YouTube Feed widget allows users to choose between Tabs and Mixed feeds. In the Tabs type, you arrange all your tabs according to their feed order, whereas in the Mixed type, you mix different YouTube feeds to create a diverse feed.

Different YouTube Feed Types 

The YouTube Feed widget has an "auto-refresh" option that keeps refreshing and updating the feed when toggled.

YouTube Feed Automatic Refresh

Using the YouTube Feed widget, you can add an animated "ticker" to your page to simulate an old news ticker. Grab the user's attention immediately with it.

Use the YouTube Feed widget when your YouTube channel is a key asset and you want that content to drive engagement on your own site. The feed displays your latest videos automatically, so visitors always see fresh uploads without you rebuilding sections. This is perfect for tutorials, interviews, product demos, and ongoing series. Structured previews help users scan quickly and choose what to watch, which increases play rates. Keeping the viewing experience embedded reduces distractions and lets you pair videos with clear next steps like signups or product links. A strong YouTube feed also signals consistency and authority because visitors see a steady stream of real content rather than a static showcase.

YouTube Feed

Social Feeds

Keep Videos in View as Users Scroll Through Your Site

The Sticky Video widget supports a wide range of media sources, including direct video uploads, YouTube, Vimeo, and more. This versatility ensures that you can easily integrate your preferred video content into your website, regardless of its original platform. 

Versatile Media Support for the Sticky Video Widget

The Sticky Video widget provides the ability to position the minimized video player in any corner of the screen. This flexibility allows you to choose the best location that suits your website's layout and design. Whether you prefer the player in the bottom-right corner for a subtle appearance or the top-left for maximum visibility, the choice is yours to enhance user experience and maintain a clean, organized page.

Flexible Positioning for the Sticky Video Player

The Sticky Video widget offers a variety of beautiful design skins, enabling you to choose a look that seamlessly aligns with your website’s branding and style. These pre-made skins help you quickly create a visually appealing video player without the need for extensive customization. Whether your site has a modern, minimalist, or vibrant design, you’ll find a skin that enhances your user interface and complements your overall aesthetic.

Multiple Design Skins for the Sticky Video Widget

The Sticky Video widget provides extensive customization options, allowing you to modify the design to perfectly suit your website’s needs. You can easily adjust colors, fonts, sizes, and other elements to create a video player that aligns with your brand’s unique style. This high level of customization ensures that the widget not only functions effectively but also integrates seamlessly with your website’s visual identity.

Fully Customizable Sticky Video Widget

The Sticky Video widget is fully responsive, ensuring that your videos display flawlessly on any device. Whether your users are on desktops, tablets, or smartphones, the video player will adjust to fit the screen size, providing a consistent and engaging viewing experience. This responsiveness is crucial for maintaining user engagement across all platforms, especially in a mobile-first world.

Perfectly Responsive Sticky Video Widget

The Sticky Video widget is designed with ease of use in mind, requiring no coding skills to customize and implement. Its intuitive interface allows you to adjust settings and design elements with just a few clicks, making it accessible for users of all technical levels. This simplicity ensures that you can quickly integrate and tailor the video player to your website, enhancing your site’s functionality without any hassle.

Easy-to-Use Sticky Video Widget

For those looking to add a personal touch, the Sticky Video widget supports custom CSS, allowing for deeper customization. This feature is perfect for developers and designers who want to fine-tune the widget’s appearance and functionality to match their specific requirements. With custom CSS, you can create a truly unique video player that fits seamlessly into your website’s overall design and user experience.

Custom CSS for Enhanced Creativity

Embedding the Sticky Video widget on your website is straightforward, requiring just a single line of code. This easy integration makes it simple to add the widget to any website, regardless of the platform you’re using. Plus, any changes you make to the widget are automatically updated, ensuring your site always displays the most current version without any extra effort on your part.

Effortless Embedding on Any Website

The Sticky Video widget keeps your content accessible as users scroll through your site, ensuring that the video remains visible. This persistent visibility helps maintain user engagement, as visitors can continue watching your video while exploring other parts of your website, increasing the overall time spent on your site.

Boost User Engagement with the Sticky Video Widget

By using the Floating Video Player, you can enhance content retention by ensuring your videos stay in view. This feature is particularly valuable for educational or instructional videos, as it allows users to follow along with the content without needing to stop and start as they scroll.

Enhance Content Retention with the Floating Video Player

The Scroll Video Widget can help drive conversions by keeping promotional or call-to-action videos constantly visible. Whether you’re showcasing a product demo or an explainer video, this feature ensures that your key messages are always front and center, encouraging users to take action.

Increase Conversions with the Scroll Video Widget

Use the Sticky Video widget when you want a key video to remain visible while users scroll through related content. As visitors move down the page, the video shrinks into a corner and keeps playing, making sure your explanation, demo, or talk track stays with them. This is useful for long sales pages, tutorials, product documentation, and news articles where the video sets context for what follows. Sticky playback increases completion rates, keeps your message in view, and reduces the chance that users forget or abandon the video once they start reading. It creates a more immersive, connected experience between text and media.

Sticky Video

Media

User Engagement

Integrate WhatsApp, Telegram, Messenger, and Email for seamless website communication and support.

The All in One Chat widget supports integration with WhatsApp, Telegram, Messenger, and Email. This feature allows you to offer multiple communication channels directly from your website, catering to your customers' preferred methods of contact. By providing various platforms, you ensure a more accessible and convenient customer service experience, enhancing overall user satisfaction.

Multi-Platform Support for All in One Chat

Use the All In One Chat widget when your customers contact you through different channels and you want to bring them together in a single, simple entry point. Instead of showing separate buttons for WhatsApp, Messenger, Telegram, and email, you present one clear launcher that lets visitors choose their preferred method. This keeps your design cleaner and reduces confusion about how to reach you. It is especially useful for global audiences where channel preferences vary by region. Centralizing chat options helps you look organized and customer friendly, and ensures that no matter which tool people use, they feel that support is easy and accessible directly from your site.

Lazada Opencart Integration

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Countdown

Before & After Slider

Image Slider

Team Members Blobs

YouTube Feed

Sticky Video

All In One Chat

Coupon Bar

Age Gate

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Lazada Opencart Integration

OpenCart extension

App Details

Pricing

Check Out the Countdown Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Countdown

Before & After Slider

Image Slider

Team Members Blobs

YouTube Feed

Sticky Video

All In One Chat

Coupon Bar

Age Gate

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine