Jul 30, 2019 | Divi Resources

How to create global CTA buttons for Divi blog posts

Divi theme offers the option to make every section, row or module to be a global item. You can make a Divi item global when you are saving it into the Divi library. You have a checkbox that says “Make this a global item”. So you just need to tick it. After that, whenever you make a change to this particular Divi module, row or section, the change will be applied to all pages (or posts) on which ones you have used it. So you don’t need to make the change individually for each post or page.

In this article, I will explain how you can make a global CTA button for the bottom part of all your blog posts. It is very simple.

Just add a button module below your text module on your blog post page.

Set the text and link for your button. You can also play with its styling in the “Design” tab of this module and choose your custom colors and other styling options for this button. For some more ideas and a more detailed tutorial on how to style your button, you can check this other tutorial.

And remember that whenever you make any change to this module in the future, it will be automatically applied to all places where you will have used it – since we will make it a global item.

So now that our button is ready, the only thing that we need to make it global is to save it to the Divi library and tick the checkbox “Make this a global item”, too. After this, our button module is global.

And now if you want to use this button on a different post, just add a new module to your post and choose the “Add From Library” option and add your button module.

And that’s it. This is all that you need to do to create a global Divi button. For further assistant, you can contact us through our email  “[email protected]” or by visiting our website’s contact us page.

Posted By:
Karan
Karan loves making web beautiful with his keen eyes toward design.

2 Comments

  1. lori ann king

    I saved a button into the library, and want to reuse it for style/layout. But I want to be able to use different links/call to action on each button. Is that possible? To reuse the design/layout but not the link?

    Reply
    • Karan

      All you have to do is right-click on the button module, then “Copy module styles.” After this, go to the button on which you want to use the previous style. Then right-click on the button, and paste the style by clicking the “Paste module styles.”

      Reply

Submit a Comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

2 Comments

  1. lori ann king

    I saved a button into the library, and want to reuse it for style/layout. But I want to be able to use different links/call to action on each button. Is that possible? To reuse the design/layout but not the link?

    Reply
    • Karan

      All you have to do is right-click on the button module, then “Copy module styles.” After this, go to the button on which you want to use the previous style. Then right-click on the button, and paste the style by clicking the “Paste module styles.”

      Reply

Submit a Comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

How to Set Up a Knowledge Base or Wiki Site With WordPress and Divi

How to Set Up a Knowledge Base or Wiki Site With WordPress and Divi

If you have developed a software or SaaS, it's needed you provide your customers with a guide on how to use it. If you don't, the chances are you'd get many support tickets just only for the use of it. To overcome this situation, you can create a knowledge base or...

Divi Travel Agency Child Theme to Showcase Your Travel Services

Divi Travel Agency Child Theme to Showcase Your Travel Services

Travel Agencies, holiday planners, and other tour-travel businesses need something unique to provide an awesome online virtual experience of their travel services. If you also belong to the same business niche running your website on WordPress with Divi, this Travel...

Top Divi Website Examples to Inspire Your Design in 2024

Top Divi Website Examples to Inspire Your Design in 2024

Divi is a renowned name in the web design industry that offers unmatched flexibility to open your creativity.  It doesn’t matter how experienced you are with Divi, finding inspirational design ideas from top Divi websites can be a game-changer. To clarify it more...

Divi WooCommerce Extended

Popular on Divi Extended

Divi Plus WooCommerce Extended Divi Layouts Extended Divi Header Layouts