Integration tab and Updates tab: How to configure them?

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

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?

Here is the program for this article:

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

Announcement: this article contains affiliate links that you will easily recognize. 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'll 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 useless because this theme offers you to activate this feature and insert the code you need. You can, for example, add a new font to your site or do more complex things.
  2. "Enable 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 a Google Analytics tracking code. You can then activate this feature and add the code you need. To learn more, here is how to link Google Analytics with Divi.
  3. "Activate the code Top of page goes hand in hand with "Add code at the top of the articles ". This is more or less the same as the previous functionality (code in the body) with the particularity that the code will be used only on your articles and not on all the pages of your site.
  4. "Enable footer code goes hand in hand with "Add code at the bottom 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 in the footer. Most of the time, it is this place that is recommended.
  5. Save: Don't forget to save your changes.

See what you can do with the Divi theme

2 - The Updates tab

Onglet Mises à jour
Updates tab

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

Remember, in a previous article, I explained to you how to install the Divi theme on your sitewe saw then that it was necessary to obtain the license proposed by Elegantthemes.

You must 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 will insert your username with which you will connect to your ElegantThemes account.
  2. API Key: The API key is located 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 updating 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 feature 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 Divi theme's Layout tab ?
  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
Divi tutorial : integration tab

713 words

3

You should 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 *

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

Shares
Share This