Divi ♥ Licious Divi Theme Button Shortcodes

This plugin creates Divi theme inspired button shortcodes – gives you an easy path to creating a variety of pre-set Divi-esq button styles for extending the capabilities of your pages (or even posts!).  Easy to use by just adding buttons via shortcode instead of Call to Action; where CTA may not be feasible.

  • Ease of Installation 85%
  • Ease of Use 80%
  • Support 95%
  • Fun Factor 90%

The Buttons

Using the shortcodes, you can get any combination of Classic Blue, White, Light, Dark buttons and the newly added Download buttons. Also included is a Click to Call button and custom designed buttons.

Easy to Use

Quickly add buttons to your pages from the editor with an easy to use shortcodes. Divi ♥ Licious Buttons were developed for the Elegant Themes Divi theme; YES, these shortcode buttons will work with ANY theme!

Divi ♥ Licious Button Shortcodes Demo

The Buttons

Updated Nov. 15, 2015

Buttons now accept target parameter, ie. target=”_blank” ( _blank, _self, _parent, _top, framename).

Test Buttons: Orange & Teal, each open a new tab/window.

Light Button

White Button

[dl-buttonLight link="#"]Buy Now[/dl-buttonLight]
[dl-buttonWhite link="#"]Learn More[/dl-buttonWhite]

Usage:
Use shortcode

Usage:
Use shortcode

Sky Button

Fuscia Button

[dl-buttonSky link="http://google.com"]Sky Blue[/dl-buttonSky]
[dl-buttonFuscia link="http://google.com"]Fuscia Button[/dl-buttonFuscia]

Usage: Use shortcode

Usage: Use shortcode

Dark Button

Download Button

[dl-buttonDark link="http://google.com"]Dark Button[/dl-buttonDark]
[dl-buttonDownload link="http://google.com"] Download [/dl-buttonDownload]

Usage: Use shortcode

Usage: Use shortcode

Orange Button

Teal Button

[dl-buttonOrange link="http://bit.ly/1MPLG25" target="_blank"] Flamenco Oranges [/dl-buttonOrange]
Opens new window
[dl-buttonTeal link="http://bit.ly/1MKrhzG" target="_blank"] Classic Cars [/dl-buttonTeal]
Opens new window

Usage: Use shortcode

Usage: Use shortcode

Email Icon

[dl-buttonEmail link="mailto:flash@divilicious.com"]Send Email[/dl-buttonEmail]

Usage: Use shortcode

You Choose Custom Button

[dl-buttonCustom bg="deeppink" border="pink" color="white" link="http://yourwebaddresshere.com"]Custom Button Label[/dl-buttonCustom]

Usage:
Roll your own color scheme.
bg = background color | border = border color | color = label text color | target = open new window or…

Accepts Color: named colors or hexidecimal colors.

Accepts target: _self, _blank, _parent, _top, and framename.

Click to Call

[dl-clicktocall number="9706724401"]970 672-4401[/dl-clicktocall]

Usage:
Where xxx xxx-xxxx is a phone number.

Download Button Shortcodes Plugin

Note: Requires Divi ♥ Licious framework plugin available below.

Changelog

10/9/2015
* Added stylesheet and removed dependency on framwork plugin.
* Added download button.
* Improved click to call button.

10/29/2015
* Added Sky Blue button
* Minor bug fixes

11/14/2015
* Added fuscia button [dl-buttonFuscia…
* Added Email icon button [dl-buttonEmail…

11/15/2015
* added link target
* added orange and teal buttons
* edited styles

mailbox email subscribe

Subscribe for Divi Freebies

Plugin update notifications :: stay abreast of new and or updated items by opting in to my very occasional email newsletter. I swear by all that is right and holy your email address will never be shared, sold, traded or otherwise abused and I seriously doubt you'll see anything more than plugin/code update notifications when they are of the utmost importance.
[mailpoet_form id="1"]

Tip Jar

Send a Gratuity

[fullstripe_payment form="Donations"]

Give a Shout Out

12 + 2 =

Pin It on Pinterest