Listing Category: Call to action button

Create an Expanding CTA with page scroll

“We are going to show you how to duplicate not only the style of Elegant Theme site’s creative CTA but also the animation functionality. This is accomplished using Divi’s Code Module with some custom CSS and a a few lines of JavaScript. However, you can easily extend the same animated functionality on any of Divi’s modules….”

Microinteractions That Will Make Your Divi Site More Enjoyable

“Today I’m going to show you some simple microinteractions that work seamlessly with Divi. Some of the more advanced microinteractions require more advanced jquery to implement. But, for this tutorial, I’m going to show you how to add some animations using only CSS. I’ll be concentrating on those elements that users normally interact with – buttons, icons, images, and forms….”

Create a Compelling Call to Action That Gets Clicked

This article will explain why you need a CTA, and why it’s important you get it right. We’ll then reveal the three steps you can take to create a compelling CTA that gets clicked. What’s more, we’ll then show you how to style an amazing CTA using the Divi Call To Action module….

Semi-Transparent Background Overlay on CTA Modules

“Here’s a quick Divi Theme tip, for giving your CTA module a “faded out” background image. Step 1: Set up your CTA Module I’ll assume you’re sufficiently familiar with Divi to create a CTA module, adding a title, text, button, etc., as necessary. Go ahead and do that…”

Divi UI Challenge #9 – Product Tiles

Hello and welcome back to another Divi UI Challenge! This week we’re tackling a Product Tiles section, perfect for highlighting three seperate product options. Like always, we’re building with the standard Divi builder settings and have a few additional…

Add a One Click WordPress PDF Download Using Divi

Adding a downloadable Portable Document Format (PDF) file to your WordPress website is ideal for offering all manner of exclusive content designed to help grow your email list. However, the options for adding them to your WordPress website are often lacking. By using Divi’s Call To Action module, you…

Fixed Bar for Divi: how to improve conversions

Many times when building a website, it makes one of the most serious mistakes to focus too much on design and less on what it really is imported: the conversions. Yet in some cases small trick can help increase conversions with minimal effort, and that’s what I will do in this article where I’ll show you how to add a fixed bar to your website to improve conversions and even the user experience….

How to Create a Responsive Image Grid with the Divi Page Builder and the Call to Action Module

Welcome to Day 57 of our Divi 100 Marathon. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the final day of the series! Responsive grids are perfect for showcasing a collection of links to content because they look good on every device….

TUTORIAL AWESOMENESS

TUTORIAL AWESOMENESS

Join our mailing list to receive latest news and updates from Divi theme tutorials directory.

Get inspired once a week with a list of hand-curated tutorials by top experts on how to increase your website building skills. It's quick, it's easy, it's the best way to increase your productivity.

 

You have Successfully Subscribed! Please Confirm the Subscription from your mail