DKOATED CTA Buttons WordPress Plugin


Posted on June 20th, by David Klein in Blog, Plugins. 146 comments

DKOATED CTA Buttons WordPress Plugin

Today’s freebie is a marvelous little WordPress plugin that adds some pretty call to action buttons to your WordPress blog/CMS. OK, I know. There are many similar plugins out there, but I have yet to find one that is cross-browser compatible, uses no graphics and is as extensible as this one (not that I am tapping myself on the shoulder here).

Download the latest “DKOATED CTA Buttons” plugin from WordPress.org

Latest plugin version: 1.5.0 (Updating the plugin to this version is highly recommended!)
Latest plugin release: 20th June 2012
Total downloads: 3.720+

DEMO
Live-Demo of the DKOATED CTA Buttons plugin (latest release)

Features

  1. Pre-defined button colors: Black, White, Grey, Red, Blue, Green, Yellow, Pink, Brown and Orange
  2. Specify your own colors! Unlimited color combinations!
  3. Beautiful and easy to use admin panel!
  4. Button styles! Choose between Normal, Gradient and Stitched styled buttons!
  5. Awesome conversion focused button Headlines and Sub-Headlines (optional)!
  6. No javascript and no external libraries needed (such as jQuery, Modernizr, etc.)!
  7. No images needed, just pure CSS!
  8. Search engine optimized buttons: Fully crawlable, W3C valid code, Nofollow or Follow links and Link-Titles!
  9. Dynamically sets height and width according to your theme’s link font and base size.
  10. Possibility to manually override the height and width of the button.
  11. Open your links in a new window (or tab) or have them open links in the same browser window.
  12. Simple usage, but with optional advanced settings.
  13. Admin panel to set your own custom fallbacks with dropdowns and colorpicker. No need to specify all your buttons with the same attributes anymore!
  14. Add the shortcode in posts, pages and widgets (through the text-widget)

Installation

  1. Install the plugin (either manually through WordPress.org or through your built-in plugins menu)
  2. Activate the plugin
  3. Done

Usage of the plugin
[DKB url="http://dkoated.com/" text="Main Button Text" desc="Sub-headline of button" title="SEO title" type="large|normal|small|extrasmall" style="normal|gradient|stitched" color="black|white|grey|red|green|blue|orange|yellow|pink|brown" textcolor="#000000|#ffffff|#ff0080|#424242" width="100" opennewwindow="yes|no" nofollow="yes|no"]

Copy/Paste the above code. Of course, you wouldn’t want to add all the options at once (it wouldn’t work anyway), so if you’d like to add a green button with a sub-headline to a page, post or text-widget, you’d add this:

[DKB url="http://dkoated.com/dkoated-cta-buttons-wordpress-plugin" text="Button Title" desc="This is your sub-headline" color="green"]

The above code outputs this

Button Title
This is your sub-headline

Same applies if you’d like to add blue CTA buttons

[DKB url="http://dkoated.com/dkoated-cta-buttons-wordpress-plugin/" text="Button Title" desc="This is your sub-headline" type="large" color="blue"]

[DKB url="http://dkoated.com/dkoated-cta-buttons-wordpress-plugin/" text="Button Title" desc="This is your sub-headline" type="small" color="blue"]

[DKB url="http://dkoated.com/dkoated-cta-buttons-wordpress-plugin/" text="Button Title" desc="This is your sub-headline" type="extrasmall" color="blue"]

The attribute “extralarge” outputs this

Button Title
This is your sub-headline

The attribute “large” outputs this

Button Title
This is your sub-headline

The attribute “small” outputs this

Button Title
This is your sub-headline

The attribute “small” outputs this

Button Title
This is your sub-headline

If you’d like to add a orange button with no sub-headline

[DKB url="http://dkoated.com/dkoated-cta-buttons-wordpress-plugin/" text="Button Title" color="orange"]

That would output this

Button Title

Or if you’d like to add a yellow button with a fixed width

[DKB url="http://dkoated.com/dkoated-cta-buttons-wordpress-plugin/" text="Button Title" width="250" color="yellow"]

That code would output this

Button Title

Or with a fixed height

[DKB url="http://dkoated.com/dkoated-cta-buttons-wordpress-plugin/" text="Button Title" height="150" color="yellow"]

Button Title

You get the point.

Download

Download the latest “DKOATED CTA Buttons” plugin from the WordPress.org Plugin Directory

Donations are super welcome!

Donations are welcome, funds my coffee intake and helps the continuous development of the plugin. Thank you.

Ok, that’s it actually. Feedback, questions and rants in the comment section below, please.





146 thoughts on “DKOATED CTA Buttons WordPress Plugin

  1. Plugin works nice and easy. Only thing is I need two buttons linking to different places. I could only get it to do one thing at a time. Am I missing something? Thanks.

  2. Love the plugin. Just thought I’d like you know about a bug I found. In firefox, it won’t open in a new window when the opennewwindow setting to Yes or No, although it does open in a new window when I leave it blank (reverting to the default). Just an FYI for other users and future updates :)

  3. I was wondering if there’s an easy way to get this to work in an ajax gallery like found in this theme.

    The CTA button works fine in on the single page, but shows up only as the code in the ajax slider preview area on the homepage (the title and text if you click on the owl for example).

    Thanks in advance.

  4. Pingback: Heart of Berlin | Rentals Point

  5. Pingback: Good Progress / Vamos Para Frente | Casarão Penedo

  6. Help
    I want to add a small blue button to several pages which will link when pressed to a google drive form.. I have tried several times copy and paste, but can’t even get the button to show…:(

  7. [DKB url=”http://casterguys.com” text=” Click Here” title=”RFQ” type=”button” style=”small” color=”red” height=”200″ width=”400″ opennewwindow=http://google.com >
    what is my problem????

    • Im levaing the mess there for you to check out. If I can get this plugin to work I will gladly make a donation as I will be able to use this one a lot of my sites. Help

  8. Pingback: Presupuestos.com | Aumentar la vida de nuestros electrodomésticos

  9. Pingback: freestyle | ibledhiphop.com

  10. Pingback: Retail Real Estate Investments of the Week

  11. Pingback: Mental Mint |

  12. Pingback: JUAL MESIN PENGERING | JUAL MESIN PENGERING | JUAL MESIN PENGERING

  13. Pingback: Polaroid Kamera - Polaroid 300 MineGadgets.dk

  14. Pingback: Shiatsu massage Tasters - Open day | The Kings Rooms

  15. Pingback: Roosters' 20 Best Gaming WordPress Themes • Theme Rooster

  16. This article is novel, I really love it. I also have some ideas written in my article, you can have a look if you have the interest. We can also discuss different topics.

  17. How do I get your beautiful plugin as a widget in my wordpress widget page so that I can use it in the sidebars?

    Right now it is only available in the dashboard under ‘instellingen’.

    Thanx for your reply
    Tanja

  18. Hi, This button does noet want to go to the website that I want. Can anyone tel me why?

    [DKB href="http://www.news.com.au" text="Test" desc="testtttt” type="large" style="gradient" color="#00b6f0" textcolor="#000000" width="100" opennewwindow="no" nofollow="yes"]

    grts

    Bas

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

« Older Comments


News from the blog!

Get the freebies, design resources, tutorials, online related information and gems of pure awesomeness here. Hopefully you'll learn something new or just save some time. Interested? Click me ...

DKOATED CTA Buttons WordPress Plugin

Today’s freebie is a marvelous little WordPress plugin that adds some pretty call to action buttons to your WordPress blog/CMS. OK, I know. There...

White Hover State Buttons (PSD)

Today’s freebie is a white edgy button, with an intriguing hover state adding screen estate to the button, allowing you to place sub-headlines and...

Sweet Bubbly Ratings (PSD)

Today’s freebie is a sweet and bubbly looking five star rating element. It’s tiring to see sharp star ratings everywhere. It’s time for something...

Embossed Navigation Menu (PSD)

Today’s freebie is a classy, yet simple, navigation menu made up of a sunken navigation bar and a highlight to show the user where...

Handdrawn Arrows (PSD)

Today’s freebie is a simple design element to draw attention to certain areas of your design. Best part is that these are easily integrated in...

Responsive Web Design by Ethan Marcotte

Veerle Pieters from veerle.duoh.com wrote an awesome review about Ethan Marcotte’s new book “Responsive Web Design”, which summarizes the latest craze in web development...

User Experience Geeks Will Drool Over These Presents

Just in time for this years holiday season comes a new installment of presents and gifts that makes the User Experience Geek such as...