I hope you like free Divi code snippets and getting the most out of Divi’s code module, because in addition to interviewing our very own front-end developer Andy Tran, that’s exactly what we’ve got for you in today’s episode of Divi Nation.

The Andry Tran Interview – Divi Nation 21

This is the first time on Divi Nation that we’ve interviewed someone from the Elegant Themes staff. I hope you all enjoy learning a bit more about one integral member of the design and development team behind Divi, Extra, and everything else we’re doing right now.

Please be sure to drop any questions you have for Andy down in the comments section! Oh, and enjoy all the freebies he and Mario put together 🙂

If you’d like to make sure you can easily watch or listen to future episodes of Divi Nation (as well as our entire archive), please take a moment and use one of the subscription options we’ve provided below.

Subscribe To Our Youtube Channel

All Subscription Options:

Free Divi Code Snippets by Andy Tran & Mario Maruffi

The snippets below have all been written by Andy so that you can drop them directly into Divi’s code module. If you find them useful, please be sure to thank him and Mario in the comments below as they put some extra time in this week to make sure we could give them away for free in this post.

Team Grid with Hover Animation

Free-Divi-Code-Snippet-Team-Grid

To get this team grid on your website all you have to do is complete the following steps:

1. Use this code generator to build your unique team layout.

2. Create a new page in WordPress that uses the Divi Builder.

3. Create a row.

4. Add a code module to that row.

5. Copy and past the code from the generator into the code module and save/publish.

Call to Action Banner

Free-Divi-Code-Snippet-Banner

To use the above CTA banner on your Divi website, follow these steps:

1. Create a new page using the Divi Builder.

2. Create a row consisting of a code module.

3. Copy and paste the code below into the code module and save/publish.

   
Create a beautiful website. It’s Free.
Get Started

Floating Help Button (Bottom Right Corner)

Free-Divi-Code-Snippet-Help-Button

To get this floating help button for your Divi websites, follow the instructions below:

1. Create a new page using the Divi Builder.

2. Create a row consisting of a code module.

3. Copy and paste the code below into the code module and save/publish.

Help

Simple Pop-Up Modal

Free-Divi-Code-Snippet-Modal

And finally, to get this simple pop-up modal on your Divi website follow the instructions below:

1. Create a new page using the Divi Builder.

2. Create a row consisting of a code module.

3. Copy and paste the code below into the code module and save/publish.

  Modal Trigger 

The Divi GitHub Resource Repo by Andy Tran

All of the code snippets above and a lot more can be found in the Divi Resources GitHub repo that Andy has created. It’s free to access and designed for the whole community to be able to contribute to so that everything Divi related–from articles, tutorials, books, website showcases, news, plugins, snippets, and more–is easily discoverable from a single location.

Wrapping Up

Well that’s all for this edition of Divi Nation. Hope you all enjoyed getting to know Andy a bit more as well as the free Divi code snippets he’s provided. I always feel privileged to be the go-between for such a fantastic community and an in-house team that’s always striving to make the community experience even better.

If you have any questions for myself or Andy (about either his interview or the code snippets he and Mario created) then by all means leave us a comment below and we’ll be happy to reply.


LEAVE A REPLY

Please enter your comment!
Please enter your name here