divi tips 10

Integration tab and Updates tab: How to configure them?

Updated on 30/08/2019 | Published on 12/01/2018 | 6 comments

713 words

3

The Divi theme options settings are quite simple. In this article, I propose to focus on the last two tabs of this option screen: Integration tab and Updates tab.

What are they for? What are the configurations to be made?

The programme for this article is as follows:

  1. The Integration tab
  2. The Updates tab
  3. In conclusion

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

1 - The INTEGRATION tab

Onglet Intégration
Integration tab

TheIntegration tab is a very important tab if you want to bring advanced customizations to your Divi theme.

It will allow you to perform them, in a simplified way, without putting your hands in the code in depth.

On Divi Tips, you will find several tutorials that make use of this Divi feature.

options d'intégration
Integration options
  1. <strong><em>« Activer le code d’En-tête »</em></strong> va de paire avec <em><strong>« Ajouter une ligne de code à la Head de votre blog »</strong></em>. La <strong>balise <head></strong> est nécessaire à tous les sites. Elle détient quelques lignes de code très importantes. Vous pourriez avoir besoin d’ajouter des lignes de code à cet emplacement mais généralement, vous aurez besoin d’une extension comme Insert Headers and Footers. With Divi, this plugin becomes unnecessary because this theme offers you to activate this functionality and insert the code you need. You can, for example, add a new font to your site or do more complex things.
  2. "Activate Body Code goes hand in hand with "Adding code to the body. The "Body" tag is present on all pages of your site (including articles). This tag can be used to inject code for good use, such as Google Analytics tracking code. You can then activate this functionality and add the code you need. To find out more, here is how to link Google Analytics with Divi.
  3. "Enable code at top of page goes hand in hand with "Add code to the top of items. This is more or less the same as the previous functionality (code in the body) with the difference that the code will only be used on your articles and not on all the pages of your site.
  4. "Enable footer code goes hand in hand with "Add code to footer of articles. This option offers the same functionality as the previous one (code at the top of the articles) except that the code (Javascript) added here will be injected into the footer. Most of the time, this is the recommended location.
  5. Save: Don't forget to save your changes.

Find out what you can do with the Divi theme

2 - The Updates tab

Onglet Mises à jour
Updates tab

This Updates tab is very important as it will allow you to install future updates to the Divi theme with a single click!

Remember, in a previous article, I explained how to install the Divi theme on your siteWe saw then that it was necessary to obtain the licence offered by Elegantthemes.

You must therefore have an Elegantthemes account if you want to benefit from theme and plugin updates.

Options du Thème Divi : onglet updates
  1. Username: this is where you insert your username with which you log in to your ElegantThemes account.
  2. API key: the API key can be found in your ElegantThemes account.
  3. Save: Don't forget to save the information you have just entered.

To better understand, I invite you to read this tutorial dedicated to the update of the Divi theme.

Did you know that you can test Divi for free? Go to this page and click on "TRY IT FOR FREE

3 - In conclusion...

The "Integration" and " Updates" tabs available in the Divi theme options are, in my opinion, the most important tabs along with the General tab.

This is where most of the theme's functionality settings are located.

If you want to know the other options of this theme in detail, here is the list of articles in this series:

  1. How to set up the General tab of the Divi theme ?
  2. How to set up the Navigation tab of the Divi theme ?
  3. How to set up the Divi theme creator tab
  4. How to set up the Layout tab of the Divi theme ?
  5. How to set up the Ads tab of the Divi theme ?
  6. How to set up the SEO tab of the Divi theme ?
  7. How do I set up the Integration tab and Updates tab of the Divi theme? (you are on this article)
onglet intégration et update de Divi
obtenir divi bouton
quizz divi bouton
newsletter bouton
formation divi bouton
guide divi pdf bouton
bouton support divi

You might like it too:

Utilisez les couleurs globales de Divi pour plus de productivité !

Use Divi's global colours for more productivity!

🚀 Do you create your clients' websites with WordPress and Divi and are looking for productivity?
🥳 Perfect, I explain how to use Divi's global colours to avoid wasting time with multiple actions when you want to change a colour on your entire site...

6 Commentaires

  1. Zakaria

    Bonjour,
    Merci pour tes articles, je les trouve utiles et très explicites, ça me donne envie de travailler avec DIVI, déjà ma décision est prise en lisant tes 10 bonnes raisons… 🙂
    sinon j’ai une petite question, est ce que en ajoutant du code dans l’onglet intégration, on a plus besoin de créer un thème enfant ??

  2. Lycia

    Bonjour Zakaria. Tout dépend du niveau de customisation dont tu as besoin. L’onglet « intégration » ne remplace pas le fichier functions.php d’un thème enfant. Donc selon ce que tu souhaites faire tu devras toujours faire un thème enfant.

  3. fiorio

    Bonjour pouvez vous m’aider.
    J’ai commencer à travailler des modules avec DIVI 3.0 sous WordPress 4.9. Avant cela je ne connaissais pas, j’ai pris la main sur cette version et ensuite j’ai suggérer à mon client de mettre à jour DIVI pour avoir accès à toutes les nouvelles fonctionnalités.
    Le site n’est pas en ligne et je ne travaille pas en local :/

    Depuis j’ai un message d’erreurs sur tous le textes présents dans n’importe quel module :
    et_pb_text could not be displayed
    hide error message
    TypeError : Cannot read property ‘iframeContainer’ of undefined in TinyMCE in div in ETBuilderTinyMCE in div in div in t in ETBuilderModule in t in div in t in ETBuilderColumn in div in t in ETBuilderRow in div in t in ETBuilerSection in div in t in div in ETBuilderRoot in t

    Merci de votre aide.

  4. Lycia

    Bonjour Fiorio,
    Je ne vais pas être d’une grande aide. Peut-être que vous devriez prendre une capture d’écran et l’envoyer au support de ElegantThemes ?

  5. Raphaëlle Petitjean

    Merci pour tous ces articles! En particulier, je viens de (enfin) trouver où entrer mon code API…

  6. Lycia

    Super Raphaëlle !

Soumettre un commentaire

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

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