Divi Plugin Highlight: Divi Pixel

Posted on August 27, 2020 by in Divi Resources | 24 comments

Divi Plugin Highlight: Divi Pixel

Divi Pixel is a third-party plugin for Divi with a set of tools that adds hundreds of options, 20 modules, theme customizations, and a new post type. Divi Pixel makes it easy to customize your website and add lots of new features just by enabling them. In this article, we’ll look a Divi Pixel and see what it can do to help you decide if it’s the right plugin for your Divi website.

Divi Pixel Settings Menu

The settings screen includes over 200 settings that can be enabled or disabled. Many of them can be customized using new controls that are added to the theme customizer. Many of the settings open new options when you enable them. Here’s a look at each of the categories and a few of the settings in each one.

General Settings

General Settings

General settings include general settings, header and navigation, and footer options. The General tab includes a custom login page, browser scrollbar, AVG uploads, back to top button, hide or rename the projects custom post type, hide the admin bar, a custom map marker, preloader, and rename the testimonials custom post type.

Custom Login Page

Custom Login Page

This example shows the login screen. Customizing it opens to the front-end where you can make your adjustments live.

Scrollbar and Back to Top

Scrollbar and Back to Top

This example shows the custom scroll bar and back to top button and settings. Both include lots of options to get any design you want.

Preloaders

Preloaders

Here’s a look at the preloaders. There are 28 preloaders to choose from. You can also upload a custom preloader and choose to only display it on the home page.

Preloaders

You can customize them with the theme customizer. Adjust the preloader color, background color, animation, duration, and delay.

Header Settings

Header Settings

Header lets you customize the styles, hide the shadow, stop shrinking on scroll, change the logo on scroll, and zoon the logo on hover. Styles include a fully customizable CTA button. Add text, an icon, change the colors, etc. In this example above, I’ve added the button and changed the color. I’ve also increased the size of the secondary menu font.

Blog

Blog

Blog settings allow you to customize the page, choose a custom archive page style, add icons to the meta, hide the excerpt text, remove the sidebar or border, add a read more button, author box, blog navigation, related articles, and customize the comments section.

Blog

You have full customization control over every element. This is the archive page. I’ve selected an alternating layout and removed the sidebar. All of the rest are the default settings, but I have access to style the text, icons, buttons, etc.

Blog

This is a post with navigation, author box, and related articles added. Each of these elements can be edited individually.

Social Media

Social Media

Social Media adds lots of networks and new icons. You can determine where they display, how they open, etc. and style them with the theme customizer.

Social Media

I’ve added the social icons to the top bar and customized the colors. I’m hovering over the first icon. You can adjust the icon and background separately and control the border shape.

Mobile

Mobile

Mobile adds custom breakpoints, a fixed header, hide search icon, change the logo, custom mobile styles, hamburger icon animation, and collapse the submenu items.

Mobile

I’ve changed the background color, given it a new icon, and made the dropdown menu not full-screen.

Modules

modules

Divi Pixel adds 20 new modules. This allows you to hide specific custom modules if you don’t want to use them. This helps clean up your Divi Builder module list. This list also shows modules that are coming soon.

Layout Injector

Layout Injecto

The layout injector lets you choose Divi layouts and add them to specific locations on your website and create a custom 404 page. Add them to navigation, the footer, and the blog. You can choose for them to display on the entire website, home page only, or only on specific pages. Simply choose a layout from the dropdown list for the location you want the layout to display.

Settings

Settings

Settings let you reset all of the Divi Pixel settings or just the customizer settings. Other settings allow you to add your ID and API keys for third-party providers and import or export your Divi Pixel settings.

Divi Pixel Modules

Divi Pixel Modules

20 new modules are added to the Divi Builder. They include modules for images, sliders, counters, text, accordions, testimonials, price lists, breadcrumbs, buttons, star ratings, and lots more. Here’s a look at a few of the modules.

Before and After Slider

Before and After Slider

The Before and After Slider lets you display two images and slide between which is showing on the screen. You have control over the direction of the slider and you can customize the overlay, labels, icon color, handle color, etc.

Breadcrumbs

Breadcrumbs

The breadcrumbs module gives you control over the home page, separator, active item, and items individually or all together. I’ve increased the size of the text and separator, changed the color of the separator, and added a box shadow to the home page.

Button Grid

Button Grid

The button grid module lets you add as many buttons as you want and style them independently. You can display them as a column or as a row.

Blog Slider

Blog Slider

The blog slider module gives you lots of control over how the blog posts are displayed. I’ve added a box shadow, which adds the shadow to the individual cards. I’ve also set the featured image height, made the image clickable, added a read more button, and adjusted the font color for the author. The date displays in the upper right corner. You can adjust the position, add a border, make it a circle, and lots more. You can also add custom navigation icons.

Countdown

Countdown

The countdown module gives you three styles for displaying the countdown: flip clock, block clock, and custom. For custom, you can create your own format, similar to customizing your permalinks. You can also choose what it does when the countdown is finished. Have it to stop, forward to a URL, execute JS, or replace it with HTML. This example shows the flip clock.

Fancy Text

Fancy Text

Fancy Text lets you add a prefix and suffix, and then the fancy text is placed with submodules. Each can be styled independently. The fancy text is animated, changing from one submodule to another. I’ve adjusted the fonts for each of the types of text in this example.

Image Accordion

Image Accordion

The image accordion module places images as submodules. The images are placed next to each other in a box. The more images you add the less of each image is visible. When you hover over an image, all of the other images are pushed away so you can see that image.

Star Rating

Star Rating

Star Rating provides you with fields to add a title, the number of stars to display, and a description. You have full control over the styling for each. I’ve added 4.5 stars, a title, and a description, and adjusted the size of each.

Testimonials

Testimonials

Divi Pixel adds a testimonials custom post type. This includes categories, the post type editor, etc.

Testimonials

The Testimonials module will display the testimonials that you’ve created or just the categories you’ve selected. They display as cards. Display them in a slider or as tilted cards with animation. Adjust the colors, fonts, image size, border, position, and lots more. I’ve adjusted the background, image shape, added a box shadow to the images, changed the color of the star rating, changed the size of the description text, and reduced the space between the cards. You can also add navigation and a popup.

Tilt Image

Tilt Image

Tilt Image will tilt an image based on the mouse’s hover location. It lets you add an image and adjust the tilt settings. The tilt includes a 3D effect, glare, an overlay to show icons, images, and an overlay color, and lots of adjustments. The overlay image or icon can be placed in the center, top, or bottom with a left, center, or right alignment.

Typing Effect

Typing Effect

Typing Effect types your text onto the screen. Place the text with a prefix and suffix if you want. You can adjust all of the text together or independently. Typing settings include loop, cursor, speed, back speed, and back delay. I’ve changed the colors and increased the size for all three, and added a shadow to the typing text.

Price

Divi Pixel is available from the publisher’s website. It has 3 plans available:

  • Single site – €49 per year
  • 3 sites – €99 per year
  • Unlimited sites – €149 per year

Each plan includes 1 year of support and updates.

Ending Thoughts

That’s our look at Divi Pixel. It seems like several large plugins combined. You can do a lot with just this one plugin. It’s simple to use and the amount of features don’t feel overwhelming. The customizer controls don’t include up and down arrows, a field to enter the number, or a button to reset to default. I’d like to see these added, but that’s the only thing that felt missing.

It’s an easy way to make your site pretty and add lots of little things that are useful and improves UX. I especially like the blog post options, preloader, testimonials, custom scrollbar, breadcrumbs, and star ratings. There are so many features that it’s hard to choose. If you’re interested in adding tons of useful features to Divi with a single plugin, Divi Pixel is a great choice.

We want to hear from you. Have you tried Divi Pixel? Let us know what you think about it in the comments.

Featured Image via mrwebhoney / shutterstock.com

Looking For More Great Divi Extensions? Check These Out!

Divi Carousel Module 2.0

Robust and extremely customizable carousel module for divi.

View Product

328 Sales

Divi Supreme Pro

With 40+ Divi premium modules and extensions to choose from. Take ...

View Product

331 Sales

Divi Events Calendar

Easily display and style the The Events Calendar feed with custom ...

View Product

233 Sales

Table Maker

Brings beautiful responsive tables to the Divi Builder.

View Product

166 Sales

Divi Blog Extras

A powerful & highly customizable Divi blog layout plugin with ...

View Product

156 Sales

Divi Plus

A power-packed multipurpose plugin enclosed with multiple ...

View Product

124 Sales

Divi Modal Popup

Divi Modal Popup plugin allows you to create popups & lightboxes for ...

View Product

103 Sales

Divi Essential

All in one set of 40+ design modules with 500+ layouts for all Divi ...

View Product

38 Sales

Premade Layouts

Check Out These Related Posts

Get a FREE Tarot Layout Pack for Divi

Get a FREE Tarot Layout Pack for Divi

Posted on September 21, 2020 by in Divi Resources

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new, free Divi Layout Packs from our design team to you. This time around, Kenny and his team have created a beautiful Tarot Layout Pack that’ll help you...

View Full Post

24 Comments

  1. All of this should be part of the divi core product.

    • Wouldn’t it be great if every commercial WordPress plugin and theme was also a free part of WordPress. Unfortunately commercial products aren’t free because it’s the money generated from the products that allows the creators to spend their time creating them. Conversely, it’s this time and dedication spent by the creators, allowed for by their customers, that makes the products worth buying. We should be celebrating the fact that these creators exist in the Divi community, just like Divi exists in the WordPress community. The alternative is not getting them for free, it’s not getting them at all.

      • “If you think education is expensive, try ignorance.” (Derek Bok)

    • I disagree with Martin that all of what that plugin includes should be in the DIVI core…

      The Before and After Slider and Flipbox should imo as new modules. The Masonry gallery could be apart of the gallery module.

      I fully agree with Nick that a plugin like this has to be premium so that the developer can get paid and continue to make the product better.

    • Exactly! This is why I say Divi is unfortunately dead.
      ET has too much reliance on the third-party providers and it will kill divi.
      Divi is not an operating system. Please update you core.
      I’m already collaborating with another theme which is already 50 times better than divi.
      The only thing is that that one uses elementor and I am very used to the divi builder.
      But that I can work on very quickly.

      Before we used to say divi doesn’t need 10 plugins to keep the site afloat. Now I have to install 10 plugins.
      It doesn’t even have ajax loading in 2020 for God’s sake.

      Please get it together!

      • Unfortunately I have to agree with you friend. Did DIVI allow itself to be overtaken perhaps by vanity, or by unexpected growth ?? I have already installed several themes and community plugins, free and premium, and there is no perfect sync between “top” developers recommended by the divi marketing place for example … I agree that many third party features, which I consider basic, could be part of DIVI core. Reflect this #NickRoach, because I believe in your project, and I would not like to migrate my sites to other systems …

        Note * WOOCOMMERCE leaves a lot to be desired. There is no truly complete and functional child theme in the DIVI community.

  2. Awesome plugin with so many features! I purchased the lifetime license a few months ago and I’m using it on all websites I do for clients! The support is also great.

  3. Nice but expensive – compare price of Divi to this plug-in and you’ll see what I mean!

    Sell for less and sell more for a greater turnover.

  4. I’m done buying plugins that require a renewal every year. Done. If I really like a plugin I may consider it… ONLY if it offers a one and done price point for lifetime use on all my sites and client sites. Otherwise as soon as I see anything else it’s a hard NO.

    • +1

    • Im also super upset with all this. This plugin looks horrific. and again with the injections.. jeez. all injection plugins give PHP issues eventually everytime ET changes anything. plugins break, so NAH skipping all of them. Unless I can buy them once off for life or ET figures out that we are only willing to buy lifetime DIVI with plugins coming in cheaper per year / month – They will have 100x sales if each plugin is limited to between 5 – 10 dollars a year. Right now I bet sales numbers are way low. and returns / refunds are HIGH.

    • +1 as well

  5. I mean its ridiculous, how much money do you think entrepreneurs have. And sorry, no corporate big bucks companies use Divi on mass and will buy lifetime as well as all the little plugins yearly pricing. Its so insane.

    • There is Lifetime License available for a limited time.

  6. Completely agree about subscription burn out and over-pricing. I’m pretty much done with subscriptions and with overpriced plugins, especially ones that largely duplicate existing theme functions, but have a few new features. Even DiviPixel’s limited time “Founders” offer for a lifetime/unlimited sites licence is a whopping 358.80 Euros, including 20% tax (not mentioned before the cart checkout) or $556.45 CDN ($424.29 USD) based on today’s rates. Their unlimited sites annual license is $178.80 EUR/yr or $277.52 CDN/yr ($211.43 USD/yr). Recalling a line from the Who song, Magic Bus – “No! Too Much!”

    • The tax is only for EU residents. If you are not from the EU you don’t have to pay any taxes. Just change the country when entering your address 😉

  7. I am a big fan of Divi and ET who “bought in” (to them both) for a single, solid, supported, and continually expanding custom builder framework for my WordPress sites. For the most part, I’m very satisfied that’s what I’ve received for my investment.

    It’s also true that different people (developers, clients, etc.) will always want different things (features, functions, etc.) so trying to make Divi itself a 100% comprehensive “does it all” solution really isn’t feasible in the end.

    However, I along with others are very concerned about turning Divi into a marketplace – especially if that ends up being an excuse to do less development on Divi itself, which it’s beginning to feel like.

    From my standpoint (using ET before Divi arrived and using Divi since v1) there are still LOTS of errors, omissions, limitations and inconsistencies in the existent Divi environment that require time-consuming workarounds or simply aren’t usable in practice.

    If Nick and ET were focused on REALLY polishing up the existent Divi environment so that it was sparkling clean, tight, fast and stable, then I’d be MUCH happier about paying extra for specialized options (via a Divi marketplace) if and when I need them.

    But with all the known E&O and half-baked functionality still in place (some items for years now) it’s really hard to stomach announcements like this one, encouraging Divi users like me to spend more money (which is harder than ever to come by right now) for features and functions that are not being added to Divi.

    JM2C

    • For a while, I felt like you’re talking about another theme, not the Great DIVI. I’m specifically referring to the negative part about DIVI features.
      ET keeps surprising us with their innovative features and how they’re transforming WordPress environment into a SAAS design tool.

    • Well The Image Doctor we did get a major feature update this week with that sticky items update. I do not think that ET is going to be marketplace only as the DIVI builder gets constant updates.

      The theme has gone through speed updates before and the next update could be another speed update that Nick says is coming.

  8. I’m really willing to pay for good plugins as they mean a great plus of comfort for me. In this case I need 6 of them . So the question is: why should I buy 200 fancy functions and take the risk of slowing down my websites with 194 unneeded functions? Topic pricing: as soon as a single plugin gets more expensive than the theme – there’s something wrong. For Divi Pixels, the only option would be the “one time lifetime license” but this is €358.80 and therefore too much for the needed 6 functions.

    At Nick: maybe you know the Envato Marketplace. Each license is one time payment with lifetime updates while support is charged separately. This is fine as it is a yearly, passive income for the developers. Envato Market is getting a fee also yearly. And for me as customer, it is fine as I can test the plugin, get used to it with a small “starting price” plus a yearly support fee.

    By the way: such a support fee should be considered for Divi too. I mean, getting this really awesome ET support for free for lifetime is a great present – but why not charge 60 € per year?

  9. Great plugin. Using it for couple of months now. Everyone that finds it to expensif doenst know how much time it takes to make these kind of plugins

  10. Very nice plugins. But very expansive. Most people don’t like licenses.
    Make it lifetime license and then I will buy it.

    • Hi Ed 🙂 There is Lifetime License available now!

  11. I love some of the third party products which are available including this one but I am getting a bit “gun shy” about spending extra dollars as it all adds up which means thinking hard about the cost/benefit.

    I look forward to future enhancements of Divi

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today

Pin It on Pinterest