10 brilliant Divi tutorials to try today

Divi is an innovative and exciting WordPress theme and visual page builder, like nothing you have used before.

Using Divi, you can build absolutely anything in a dynamic and visual way. Since it runs through the Divi Builder, it is incredibly fast, and the intuitive design gives you a unique front end editor that is an absolute pleasure to use. It’s so simple that you can just click and then start typing, dragging widths and heights to suit your design.

 

You can even use Divi for responsive editing, switching seamlessly between mobile and tablet views of the site. Drag, drop, zoom in and zoom out in a way that makes editing your site design absolutely effortless. Fully customizable and with instant content that can be added in seconds, you really need to try it for free yourself to see what we’re talking about.

If you need help getting started with Divi here are some fantastic tutorial articles that will make things simple and keep you on the right track.

1

Replace the Default Footer with a Divi Builder Footer Saved in Your Divi Library

With Divi, it’s possible to create fantastic footers by utilising the Page Builder, and since there are Global templates, you can make changes in once place. However, you’re still going to need to add a footer to individuals pages. You need to do this because there’s no other way to ensure it appears on post pages, category pages and archive pages but this tutorial provides a full guide on how to set about this task.

2

How to Add an Animated Google Style Button to Main Menu Navigation in Divi

If you want to catch a user’s attention right away, you need to think about introducing a Call to Action on your homepage. You can do this by adding an animated button. These can change colours, pulse and give your site a unique aesthetic that will make users want to proceed. Use this awesome tutorial to discover how to add one through Divi on your site.

3

How to Create a Promo/Notification Bar in Divi

Slide in promo/notification bars are the perfect, sleek, stylish way to provide your users with the information they need to find other areas of your site. Since it is a dynamic feature, it attracts the interest of the customer immediately. This tutorial offers a great guide on how to add one to your site as seen in the ad for the arrival of Divi 3.0.

4

Fixed Bar for Divi: how to improve conversions

Slide in promo/notification bars are the perfect, sleek, stylish way to provide your users with the information they need to find other areas of your site. Since it is a dynamic feature, it attracts the interest of the customer immediately. This tutorial offers a great guide on how to add one to your site as seen in the ad for the arrival of Divi 3.0.

5

How to Create Gradient Buttons in Divi

Gradient buttons are becoming incredibly popular in the online design world, and they can be added to your Divi site. Gradient buttons offer colour and variety to your site while their innovative design makes users want to click. The tutorial from BeSuperFly will show you how easy it is to create and add these to your site.

6

How to Create an “Expanding” CTA like Elegant Themes

In this tutorial you will learn how to duplicate the Elegant Themes call to action (CTA). This CTA is located at the bottom near the footer of the Elegant Themes website. What is special about this CTA is the added functionality that triggers animation once the user scrolls to the element.

7

Custom Divi Blurbs – Part 1

Blurbs are a great way to provide key information that users need to know about your site straight away. These need to be eye-catching and standout from the rest of your site, with a clear design that is simple and the point. This tutorial from B3 Multimedia will show you how to add these to your site to create a homepage that will impress.

8

8 new style for a mobile menu of Divi

Mobile has now taken over desktop as the most popular platform that customers use to view a website. Divi users always want to make sure that they have different design styles for each menu on their website, particularly on mobile platforms. This tutorial will demonstrate how you can get one design on mobile while keeping your menu design on the desktop completely separate.

9

Creating Full-Width Dropdown Menus with Icons in Divi

You have probably noticed that there are drop-down menus on most Divi websites and they all look exactly the same. If you want your drop-down menus to stand out, take a look at this tutorial. It will show you how to create sexy, stylish and stunning drop down menus that are guaranteed to catch the attention of users.

10

How To Create A Stylish Inline Bloom Optin

Bloom is known to be notoriously tricky to style. This tutorial will show you how you can transform an inline Bloom optin into a beautiful and compact email sign up form for your website.

Using these tutorials, you’ll have the tools and information you need to find success with Divi, creating unique, brilliantly designed web pages.

Maciej Ekstedt

Maciej Ekstedt

Creative Director

Create amazing websites in minutes.

Polygon is a multipurpose Premium Divi Child Theme perfect for creatives & professional agencies.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Shares

Pin It on Pinterest

PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL2VtYmVkL1N6X0ZpNGh6bFdvP2F1dG9wbGF5PTEmc2hvd2luZm89MCZ2cT1oZDcyMCZjb250cm9scz0wIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3dmdWxsc2NyZWVuPjwvaWZyYW1lPg==
PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL2VtYmVkL0l4NDZjTmNPMFlvP2F1dG9wbGF5PTEmc2hvd2luZm89MCZ2cT1oZDcyMCZjb250cm9scz0wIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3dmdWxsc2NyZWVuPjwvaWZyYW1lPg==
Are You Ready To Succeed?
If you have any questions or would like to find out more about our services please fill out this form and we will get back to you as soon as possible.
Your Information will never be shared with any third party.
Your Information will never be shared with any third party.
Hi there! We’d love to help you out. Leave us a message and we’ll get back to you as soon as possible.
Write a review
We would love to hear your feedback. Please take a moment and fill out this form.
Your Information will never be shared with any third party.
PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL2VtYmVkL2ZrcURZbVRZVVowP2F1dG9wbGF5PTEmc2hvd2luZm89MCZ2cT1oZDcyMCZjb250cm9scz0wIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3dmdWxsc2NyZWVuPjwvaWZyYW1lPg==
Your Information will never be shared with any third party.
Thank you!
Your message has been sent.
We will get back to you in the earliest convenience.
FOLLOW US
Server settings:
Requirements
  • PHP 5.6 or later
  • upload_max_filesize (256M)
  • max_input_time (300)
  • memory_limit (256M)
  • max_execution_time (300)
  • post_max_size (512M)
PHP.ini Settings:
  • php-xml or/and php-dom
  • XMLReader
  • PHP CURL module
PHP Modules:
  • allow_url_fopen
  • allow_url_include
A regular license allows an item to be used in one project for either personal or commercial use by you or on behalf of a client. The item cannot be offered for resell either on its own or as a part of a project. Distribution of source files is not permitted.
Extended license
An extended license allows an item to be used in unlimited projects for either personal or commercial use. The item cannot be offered for resell either on its own or as a part of a project. Distribution of source files is not permitted.
Regular license
License details
Subscribe Now
Join our mailing list to receive the latest news directly to your inbox.
    
DiviEstate
Premium WordPress Divi Child Theme for real estate professionals, experts & agencies.
Testimonial Slider
Testimonial Slider is a highly customizable Divi Plugin that will help you add a slider of various testimonials received from customers, partners or valuable users.
Bruno
Premium Divi Child Theme
BRUNO is perfect for various business domains such as web design, online courses, coaching, agency, finance and many more.
Adventure: A Free Divi Layout