Divi Switch: a multifunctional plugin that's good for you!

Updated on 06/06/2019 | Published on 10/05/2019 | 11 comments

Every time I create a new site with Divi, I often change the same things: remove the grey line under the menuWhy didn't I discover Divi Switch before?

This multifunctional plugin allows you to correct and customize Divi without having to worry about the code and the creation of a child theme. It allows you to focus on what is most important: content and design.

I've tested Divi Switch and I'd like to show you all its features...

Divi Switch plugin

Announcement: this article contains affiliate links that you will easily recognize. The classic links are in purple and sponsored links are in pink.

The list of possibilities offered by Divi Switch is long! Here's what you can do with this multifunctional plugin...

  1. Editing the Divi Header (header and menu)
  2. Editing the Divi Footer
  3. Act on the main content
  4. Customize the responsive
  5. Act on the comment section
  6. Customize archive pages
  7. Integrate layouts at specific locations
  8. Download SVG files
  9. Export a plugin
  10. Add options in the customizer

Before going further, note that Divi Switch is a premium plugin that you can purchase as a yearly or lifetime license from Aspen Grove Studios or Divi Space.

obtenir Divi - get Divi

1 - Editing the Divi Header

We have already seen, in a previous article, that you can do cool things with the Divi's header (site header).

But some options remain unavailable in Divi.

And I don't blame them, it's a good choice thatElegantThemes the fact that it does not offer hundreds of options and does not become a gas factory like Ocean WP for example.

But that means you'll have to do some customization to get the design you want...

Here's how Divi Switch will help you:

Divi Switch personnalise le Header
Divi Switch allows you to customize the "Header" part
  1. Go to the Divitab > Theme Options > Divi Switch > Header
  2. With one click, you can remove the grey line under the main menu.
  3. You will also be able to make the phone number clickable: the one you make appear in the Top Menu (the menu above the main menu).
  4. If you display your social network icons in the Top Menu, you can open them in a new window (see also how to open the footer icons in a new window)
  5. If you want to center the items of your Top Menu, you can do it in 1 click.
  6. If you want your logo to look different when the user scrolls down your site (when they go further down a page), you can upload a different logo here.
  7. You will be able to add a text next to the mobile menu icon (hamburger).
  8. You can even decide to display a different logo on each page of your site.
  9. And what's more, if your menu doesn't suit you, you can replace it with a layout saved in your library. A layout must be created and saved in your library.
  10. Don't forget to save your changes.

2 - Editing the Divi footer

A custom footer is often an essential element in the design of a site. We have already seen how to create a footer that is revealed on scroll or even manual addition of new icons.

Here's what you can do here:

modifier le footer de Divi
Modify the footer
  1. Go to the Divitab > Theme options > Divi Switch > Footer
  2. With one click, you will be able to remove the "bullets points", i.e. the bulleted list that may appear sometimes in the footer widgets.
  3. You can completely remove the bottom of the footer, the one where the credits appear or the social network icons.
  4. An interesting option here: allow the footer to be placed completely at the bottom of the screen when the page content is too short.
  5. Finally, you can replace the footer widget area with a layout previously saved in your library.

3 - Act on the main content

This tab provides options for various Divi modules or content.

Options pour personnaliser le Main Content
Options for customizing the Main Content
  1. Go to the Divi tab > Theme Options > Divi Switch > Main Content.
  2. Remove the grey line that separates the main content from the sidebar
  3. Add a preloader (pre-loading icon) that allows the user to wait.
  4. Add an animation to the preloader.
  5. Choose the color of the preloader.
  6. Choose the portfolio image ratio (squares, rectangles etc.).
  7. Do not allow images from the Divi Gallery to open in a lightbox.
  8. Change the animation of the slider description.
  9. Change the animation of the slide module and the Video Slider module.
  10. Delete the custom post type "Project" (Projects Post Type).
  11. Add a custom maintenance page: you can choose from your creations saved in your Divi library.
  12. Add a custom 404 error page: choose a layout from your library.

4 - Customize the responsive

Go to the Divi tab > Theme Options > Divi Switch > Mobile.

Options pour personnaliser le responsive de Divi
Options for customizing Divi's responsive

Here you can simply change the level of responsive. That is, if you find that the tablet (or mobile) version doesn't launch fast enough or the opposite, you can easily change the width of the content in pixels. This is the "breakpoint ".

You will be able to specify a value for each screen type.

5 - Act on the commentary part

Nothing very interesting here... Too bad!

options pour les commentaires
Options for comments
  1. Go to the Divitab > Theme Options > Divi Switch > Mobile
  2. You will be able to place the comments in a toggle.
  3. Save it.

6 - Customize the archive pages

Here, on the other hand, you will be able to get a feature that the theme lacks: the ability to customize the archive pages.

Archive pages are dynamic pages that are automatically generated in WordPress. For example, these are category pages, tag pages, author pages etc.

These pages have a specific URL like: mywebsite.com/category/the-name-of-your-category.

Divi Switch makes those archive pages sexy:

options pour les pages d'archive
Options for customizing archive pages
  1. Go to the Divitab > Theme Options > Divi Switch > Archives
  2. You will be able to display the title of your category at the top of the page.
  3. You will be able to remove the sidebar on the archive pages.
  4. Add the words "read more" below each item.
  5. Add a line to separate each item on the archive.
  6. Save

7 - Integrate layouts at specific locations

This is ideal if you need to display promotional elements in strategic locations, which you can change later with just one click.

Possibilité d'insérer un layout
Possibility to insert a layout at the beginning or end of a post
  1. Go to the Divitab > Theme Options > Divi Switch > Integration
  2. You will be able to add a pre-saved layout above the main content.
  3. The same goes for placing content after the main content (before the comments)
  4. The same goes for adding a layout before the content of your articles.

Note: these layout additions will be done on all pages identically.

8 - Download SVG files

Divi Switch - Onglet Avancé
Divi Switch - Advanced tab

The Divi > Theme Options > Divi Switch > Advanced tab will allow you to allow SVG files to be uploaded to your media library.

9 - Export the settings as a plugin

Here is a brilliant idea! The Import/Export tab allows you to create a plugin on the fly. It will contain all the options you have set up with the Divi Switch plugin.

This means you could create a "basic" plugin that adds a lot of pre-saved customizations and you can install it on all your sites. Without having to install Divi Switch and set it up again.

Also, if you install this plugin within your customers' sites, they will not be able to change the Divi Switch options since they have been embedded in the extension itself.

Divi Switch - Onglet Import Export
Divi Switch - Import Export tab
  1. Go to Divitab > Theme options > Divi Switch > Import-Export
  2. You will be able to use the import feature which will save you time in setting up. This means that you already have a plugin created from Divi Switch and that it is also installed.
  3. Otherwise, you can export your own settings by entering the name of your plugin.
  4. The description of the plugin.
  5. The author of the plugin.
  6. The URL of the author's website.
  7. The version of the plugin.
  8. Then you can click on Export Plugin to download it locally and install it on another site.

10 - Adding options in the customizer

In addition to all the options listed above, you will find additional options in the customizer (in the Appearance > Customize tab):

Options supplémentaires dans le customizer
Additional options in the customizer
  1. You can change the Mobile Menu icon (the famous Hamburger).
  2. Add a background image to your header.
  3. Customize the "back to top" button.
  4. Change the colors and design elements of your archive pages.

Need more resources on Divi? Visit the ElegantThemes blog which is full of ideas and tutorials!

In conclusion...

Divi Switch is a plugin that intervenes at various levels of customization. Many of them can be done "by hand" if you know a bit about CSS and PHP. Others are a bit more complex... However, if getting your hands in the code doesn't thrill you, this premium plugin is truly a must-have for Divi users. It's also a significant time saver!

Customiser Divi avec Divi Switch
Divi Switch - plugin pour Divi
plus d'astuces pour Divi
Divi Switch to customize Divi Theme

1,571 words


You should like it too:

Product Carousel pour Divi et WooCommerce

Product Carousel for Divi and WooCommerce

If you're looking for a way to scroll through your WooCommerce store's products in a stylish carousel, the "Product Carousel" extension can help. It's quick and easy to use, and the results live up to expectations.

Popups for Divi : un plugin gratuit très malin !

Popups for Divi: a smart free plugin!

Free plugins for Divi are pretty rare, but "Popups for Divi" is pretty effective and easy to use. This plugin converts any Divi section into a popup. I explain how to use it.

11 Commentaires

  1. valeriemersiervalerie

    Merci pour ce condensé d’infos sur Divi Switch.
    Est-ce que dans le temps avec les multiples MAJ Divi, le plug ne sera pas, très vite, obsolète ? C’est une question sûrement bête, mais celui-ci regroupe tellement de fonctions différentes que je me dis que s’il bug, le site entier bug.
    Quel est votre avis sur la question ?
    Merci de votre retour,

  2. Lycia Diaz

    Hello Valerie ! C’est une bonne question ! Je pense que ce plugin est maintenu par une équipe sérieuse. Et comme c’est un plugin premium, c’est dans leur intérêt de le maintenir correctement. Si c’était un plugin gratuit, j’aurais un peu plus de doute… Mais tu peux peut-être leur poser la question…

  3. valeriemersiervalerie

    Merci Lycia… je vais les interroger à ce sujet.

  4. Pascal

    Bonjour Lycia et merci pour votre site.

    Lors de l’installation de ce plugin ma page par Accueil ( la seule pour l’instant) à complètement bugger.

    Le logo est énorme, le menu prend la moitié de la page, le bouton de recherche ce retrouve en dessous du header et impossible de modifier le header. En désactivant le plugin tous reviens correctement. Avez vous une réponse à cela ?

  5. Lycia Diaz

    Salut Pascal.
    J’ai pas trop de réponse à te donner… J’ai testé ce plugin avant la version 4.0.x de Divi, est-ce que cela pourrait venir de là ? Sinon, je pense plutôt à un paramétrage. As-tu paramétré le plugin lui-même ? Cela pourrait rentrer dans l’ordre, je suppose…

  6. Pascal


    J’ai trouvé la solution. Cela venait du plugin ithemes security. Pour cela il faut decocher la protection php des plugins.

    Bonne soirée

  7. Lycia Diaz

    Ah super Pascal pour le tuyau !
    Bonne soirée.

  8. amandine chanson

    J’aimerai supprimer les puces mises automatiquement dans mon footer!
    A ce jour, je ne trouve pas la partie divi switch dans mon divi « option du thème ».
    Avez-vous un autre chemin svp? J’ai beau chercher je ne trouve pas 🙁

    Merci beaucoup par avance.

  9. Lycia Diaz

    Salut Amandine,
    Divi Switch est une extension tierce qui ne fait pas partie de Divi, c’est donc pour ça que tu ne la trouves pas.

  10. Juliette Douguedroit


    J’ai acheté le plugin Divi switch pour l’option. Page specific logo. J’ai réussi à changer le logo pour chaque page mais 2 problemes : le logo apparait petit peu importe la taille du fichier. Et surtout, je dois changer l’url de destination (par exemple sur la page http://ppfranchise.ada.fr/ada-bikes j’ai besoin que le logo redirige sur celle-ci et non sur la home page. Savez-vous comment faire ? C’est très urgent, pour un client. Merci

  11. Lycia Diaz

    Salut Juliette, il faudrait demander au support du plugin Divi Switch.

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Je souhaite recevoir les news du blog Astuces Divi !

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pin It on Pinterest

Share This