Affiliate Disclaimer

Please note, some links contain affiliate links.  All this means is that I may receive a commission of the sale if you click on a link and purchase.  These are all my own opinions - money will not sway me!

Z

Tools Used:

How to Add Code to ElegantThemes Post

When I first started with ElegantThemes, I was confused on how to add code.

I thought for sure since ElegantThemes has tons of cool modules + plugins that they’d already have a code module.. but surprisingly, they don’t at this time!

That’s where I did some Google research and stumbled upon Code Snippet Module by Divi Booster.

This is a super affordable third-party module which adds tons of convenience to your life – especially if you share code often on your blog.

There’s over 70 colors/styles to choose from and DiviBooster offers lifetime unlimited updates!

code-snippet-module-review-styles

Purchase Code Snippet Module by Divibooster

This is the perfect solution to share code snippets on your blog if you use ElegantThemes.

Divibooster offers lifetime updates and a super affordable price-point to this module.

Code Snippet Module by DiviBooster Overview:

I was a little confused on how to get the code module working, but after figuring it out, it’s really simple!

Here’s a step-by-step on how to get started with it:

Step 1:

After purchasing Code Snippet Module, you are given a plugin .zip file. Just simply install this as a normal plugin!

Step 2:

Go to a post/page where you’d like to add the code module.

Make sure to select the Divi Builder. (Currently, Divibooster says you cannot use the Code Snippet Module on the Visual Builder, but would like to add this feature at a later date.)

Insert a new module, and from the pop-up menu, you will find Code Snippet !

Step 3:

Inside the Code Snippet Module’s Settings is where you have access to the title of your code, your actual code itself, the visibility to share the code on different devices, as well as the styling of how your code looks with lots of additional features (shown below.)

Content:

Under the content tab, I’ve given my code module a title and a little code example.

code-snippet-module-review-content

Design:

This is where all the features are in the Code Snippet Module plugin.

Ranging from:

  • Auto-detecting your code’s language
  • Background color and style of your code
  • Whether to show line numbers or not
  • Tons of font-styling options like font-family, weight, style, size, alignment, text shadow, line-height, and even letter spacing!

code-snippet-module-review-design

Here’s a code example using the Agate style:

Purchase Code Snippet Module by Divibooster

This is the perfect solution to share code snippets on your blog if you use ElegantThemes.

Divibooster offers lifetime updates and a super affordable price-point to this module.

Conclusion of Code Snippet Module

Overall this is a really affordable solution to easily add all different types of code languages.

It offers tons of customizability in regards to styling and is really easy to use!

Check out the Code Snippet Module over at Divibooster.com!