Source: https://divicake.com/blog/divi-call-to-actions-to-skyrocket-conversions/ [Blog](https://divicake.com/blog/)/[Resources](https://divicake.com/category/resources/) # 6 Divi Call to Actions to Skyrocket Conversions By Divi Cake·20 December 2017·Updated 26 June 2025·4 min read Divi Call to Actions to Skyrocket Conversions We may earn a commission from affiliate links in this post. [Disclosure policy](https://divicake.com/affiliate-disclosure-policy/) On this page - [1. Divi Tutorial – Create a Full Width Call To Action Button](https://divicake.com#1-divi-tutorial--create-a-full-width-call-to-action-button) - [2. Divi CTA Cards Offer Endless Variety to Call To Action Modules](https://divicake.com#2-divi-cta-cards-offer-endless-variety-to-call-to-action-modules) - [3. How to Create an “Expanding” CTA like Elegant Themes](https://divicake.com#3-how-to-create-an-expanding-cta-like-elegant-themes) - [4. Divi Double Button](https://divicake.com#4-divi-double-button) - [5. Customizing Divi’s Secondary Menu Bar with a Call to Action](https://divicake.com#5-customizing-divis-secondary-menu-bar-with-a-call-to-action) - [6. Using the Blurb Module to Make a Fixed Click-To-Call Button for Mobile](https://divicake.com#6-using-the-blurb-module-to-make-a-fixed-click-to-call-button-for-mobile) - [Ending Thoughts](https://divicake.com#ending-thoughts) The Call to Action is one of the most important elements of any website. The CTA’s design can make or break your conversion rate. With this in mind, it’s crucial for a CTA to be designed well. In this article we’ll take a look at 6 unique Divi call to actions to skyrocket conversions on your Divi website. This list mostly consists of [tutorials](https://divicake.com/blog/9-divi-theme-tutorials-transform-divi-site/), which provide a great opportunity to learn how to use CSS, HTML, PHP, or JQuery. Don’t worry if you don’t know how to code though. They provide the code and show you exactly where to place it within your Divi website. ## 1. Divi Tutorial – Create a Full Width Call To Action Button This is a tutorial of how to create a full-width button that changes color on hover. It provides step-by-step instructions to add a button module within a specific column and position it absolutely so that it covers the column. It’s a short tutorial and provides the code so you can copy and paste into the specified fields. You can download the button as a JSON file if you prefer to skip the tutorial. [More Information](https://yatesdesign.com.au/divi-tutorial-create-full-width-call-action-button/) ## 2. Divi CTA Cards Offer Endless Variety to Call To Action Modules This detailed tutorial teaches how to add 5 hover effects, 3 placement options, 2 overlays, 5 background effects, 18 animations, and an AJAX-style spinner to your CTA modules. It also shows how to combine them to create your own unique cards. It provides examples of the standard Divi module, compares that with the new CTA cards created in the tutorial, and gives step-by-step instructions on how to achieve each one. Demos show each effect. The CSS and JQuery code are provided so you can copy and paste. [More Information](https://divicake.com/go/divi-marketplace/) ## 3. How to Create an “Expanding” CTA like Elegant Themes This one teaches how to create Elegant Themes’ new expanding CTA that displays at the bottom of their website and expands when the users scrolls to it. It’s definitely eye-catching- which of course is the point. HTML, CSS, and JQuery are provided so you can copy and paste. One thing unique about this tutorial is it steps you through it using the frontend Visual Builder (although it will work just fine using the regular Divi Builder from the backend). The tutorial also shows how to add the code to any module, although it should only be added to one module per page. [More Information](https://divicake.com/go/how-to-create-an-expanding-cta-like-elegant-themes/) ## 4. Divi Double Button Divi Double Button This one is a layout that adds a button that’s actually 2 buttons side-by-side. It’s the downloadable version of the tutorial from day 82 of the Divi 100. The layout includes the pre-styled button and all of the code. You can change the colors of the button with CSS (so it’s best if you are at least a little familiar with CSS) and customize it with the Divi module settings. It’s a great way to create a double-sided button with contrasting colors that match your website’s branding. Like all Divi buttons, styles can change on hover. The tutorial from day 82 teaches the customization process. [More Information](https://divicake.com/go/creating-unique-divi-button-designs-using-a-text-module/) ## 5. Customizing Divi’s Secondary Menu Bar with a Call to Action Customizing Divi’s Secondary Menu Bar with a Call to Action This tutorial teaches how to customize your top bar by adding a call to action button. The menu area is prime space for a CTA since it’s within the first few elements of your layout your visitors see and can remain on screen during scroll. The tutorial steps through the process using the Theme Customizer, adding PHP to your child theme (if you add it to Divi without a child theme the PHP will get overwritten when Divi updates), and CSS. The code is provided and it shows exactly where to place it. It also shows how to change the position of the top bar elements. [More Information](https://divicake.com/go/customizing-divis-secondary-menu-bar-with-a-call-to-action/) ## 6. Using the Blurb Module to Make a Fixed Click-To-Call Button for Mobile This one shows how to add a clickable call button to the mobile version of your website. The button remains on screen as the user scrolls, making it easy for them to call you when viewing your site on their smartphone. The tutorial steps the reader through using a blurb module, adding the number and icon, styling the icon, and then placing CSS (which is provided). You can even have different phone numbers for different pages. It also shows HTML protocols to create other calls to action including email, Skype, message, and fax. [More Information](https://divicake.com/go/divi-marketplace/) ## Ending Thoughts That’s our list of amazing tutorials to create 6 Divi call to actions to skyrocket conversions. All include step-by-step instructions and all of the code you need. A few even include the downloadable file so you can skip the tutorial if you prefer. Implement one or more of these CTA’s a watch your conversions soar! We want to hear from you! Which of these 6 call to actions is your favorite? Let us know in the comments below! ## Written by Divi Cake Divi 5 tutorials, layouts and fixes from the team that builds Divi sites every week. - [About Divi Cake](https://divicake.com/about/) ## Get the Divi Cake newsletter New Divi tutorials and Divi Cake product news, by email. First name (optional)Email Company website SubscribeSubscribeSubscribe Unsubscribe any time. [Privacy policy](https://divicake.com/privacy/) The sign-up form needs JavaScript for its spam check. Almost done. Click the link in the email we just sent to confirm your subscription. If you are already subscribed, there is nothing more to do. ## Submit a comment Comments are read before they appear. Your email is not published. Comment NameEmail Company website Submit commentSubmit commentSubmit comment The comment form needs JavaScript for its spam check. Thanks. Your comment is waiting for review and will appear here once it is approved. ## Do you need help with … - [Divi 5 migration](https://divicake.com/divi-4-to-divi-5-migration/) - [Divi websites](https://divicake.com/divi-website-development/) - [Divi plugins](https://divicake.com/divi-plugin-development/) - [Fix a site](https://divicake.com/fix-existing-site/) - [Beyond Divi](https://divicake.com/beyond-divi/) - [Technical SEO](https://divicake.com/technical-seo/) - [SEO content](https://divicake.com/seo-content/) ## Newsletter New Divi tutorials and Divi Cake product news, by email. First name (optional)Email Company website SubscribeSubscribeSubscribe Unsubscribe any time. [Privacy policy](https://divicake.com/privacy/) The sign-up form needs JavaScript for its spam check. Almost done. Click the link in the email we just sent to confirm your subscription. If you are already subscribed, there is nothing more to do. ## Save Annually on Divi [Save 69% on Divi VIP](https://divicake.com/go/divi-vip/)[Save 69% on Divi Cloud](https://divicake.com/go/divi-cloud/)[Save 69%, Divi Team](https://divicake.com/go/divi-teams/) ## WordPress Hosting & Tools [100% off on Kinsta for 1 Month](https://divicake.com/go/kinsta/)[Get up to 62% off Bluehost hosting.](https://divicake.com/go/wordpress-hosting-blue-host/)[Save Up to 15% on Rank Math](https://divicake.com/go/rank-math/)[Get 50% OFF on all WPForms plans](https://divicake.com/go/wpforms/) ## More in Resources [ Divi Breadcrumbs Ultimate Resources6 min read ### Divi Breadcrumbs Ultimate A look at Divi Breadcrumbs Ultimate: icon home links and separators, editable category, archive, search, author and 404 text, plus full Divi design settings. 23 October 2026](https://divicake.com/blog/divi-breadcrumbs-ultimate/) [ Best affiliate programs for Divi blogs Resources5 min read ### Best Affiliate Programs for Divi Blogs Nine affiliate programs a Divi blog can actually earn from, what each one pays, and three WordPress plugins for managing the links. 7 October 2026](https://divicake.com/blog/best-affiliate-programs-for-divi-blogs/) [ Best Custom Divi Modules Resources3 min read ### Best Custom Divi Modules Six custom module plugins that still exist and are still sold, and what each one adds to the Divi Builder. 5 October 2026](https://divicake.com/blog/12-best-custom-divi-modules/)