CSS3 Button Creator/Generator, Create Buttons, Call-To-Action (CTA), Share Buttons & Twin Buttons anywhere in wordpress using button shortcode [wp …

WooPrali

veeran24

<blockquote>
<p>WPi Designer Button Shortcode plugin is good CSS3 Button Generator, Anyone can create Buttons, Call-To-Action (CTA) & Share Buttons in WordPress. It has small designer studio where you can style buttons & other elements using simple user interface. This plugin conists of below features.</p>
<ol>
<li>Creating beautiful buttons.</li>
<li>Creating twin buttons.</li>
<li>Creating call-to-action buttons.</li>
<li>Creating Share buttons.</li>
<li>Creating reusable button styles for buttons, CTA buttons & Share buttons.</li>
<li>Creating buttons with popup window where you can insert shortcodes.</li>
<li>Creating buttons with Dropdown Menu.</li>
<li>Creating Single Enquiry button for multiple products or Services using Contact Form 7 plugin.</li>
</ol>
</blockquote>
<p>Please support this plugin by leaving a review! <a href="https://wordpress.org/support/view/plugin-reviews/wpi-designer-button-shortcode" rel="ugc">here</a>. A huge thank you from WooPrali in advance!</p>
<blockquote>
<ul>
<li><a href="http://designerbutton.prali.in/showcase-buttons/?&utm_source=wordpress&utm_medium=banner&utm_term=designer%20button&utm_content=demo&utm_campaign=db#db" rel="nofollow ugc">Buttons Demo</a>.</li>
<li><a href="http://designerbutton.prali.in/showcase-twin-buttons/?&utm_source=wordpress&utm_medium=banner&utm_term=designer%20button&utm_content=twin_demo&utm_campaign=db#db" rel="nofollow ugc">Twin Buttons Demo</a>.</li>
<li><a href="http://designerbutton.prali.in/showcase-cta-buttons/?&utm_source=wordpress&utm_medium=banner&utm_term=designer%20button&utm_content=cta_demo&utm_campaign=db#db" rel="nofollow ugc">CTA Buttons Demo</a> .</li>
<li><a href="http://designerbutton.prali.in/showcase-share-buttons/?&utm_source=wordpress&utm_medium=banner&utm_term=designer%20button&utm_content=shate_demo&utm_campaign=db#db" rel="nofollow ugc">Share Buttons Demo</a> .</li>
<li><a href="http://designerbutton.prali.in/enquire-now-button/?&utm_source=wordpress&utm_medium=banner&utm_term=designer%20button&utm_content=EnquiryButtonDemo&utm_campaign=db#db" rel="nofollow ugc">Enquiry button</a>.</li>
<li><a href="http://wooprali.prali.in/category/help/wpi-designer-button-shortcode/?&utm_source=wordpress&utm_medium=banner&utm_term=designer%20button&utm_content=help&utm_campaign=db" rel="nofollow ugc">WPi Designer Button Help</a> .</li>
<li><a href="http://designerbutton.prali.in/contact-us/?&utm_source=wordpress&utm_medium=banner&utm_term=designer%20button&utm_content=contact&utm_campaign=db" rel="nofollow ugc">Support</a>.</li>
</ul>
</blockquote>
<h4>Designer Button Studio Contains below features::</h4>
<ul>
<li>Icons Collection.</li>
<li>Styles collection which are professionally designed.</li>
<li>Color Themes collection.</li>
<li>Google Fonts collection.</li>
<li>Given more importance to UI & UX in this plugin.</li>
<li>Dynamic Help section for Plugin’s guide and getting any support.</li>
</ul>
<h4>Extra features::</h4>
<ul>
<li>Button Creator/Generator/Maker</li>
<li>Shortcode generator</li>
<li>CSS3 Buttons, Share Buttons, CTA Buttons</li>
</ul>
<p>.</p>
<h4>Creating Buttons::</h4>
<ul>
<li>You can apply styles to button from Styles collection or your own created styles.</li>
<li>You can add any Icon from the Icons collection. </li>
<li>You can add link url to the button and also set new tab or new window for link.</li>
<li>Once you create the button, you can use created button unlimited times and its easy to use anywhere in the wordpress using simple shortcode.</li>
<li>Shortcode looks like [wpi_designer_button id=256]</li>
<li>You can use the shortcode even without creating the button or style.</li>
<li>User can also generate shortcode directly inside wordpress visual editor( TinyMCE).</li>
<li>Please read plugin’s <a href="http://wooprali.prali.in/category/help/wpi-designer-button-shortcode/" rel="nofollow ugc">documentation </a> before creating any style or button. Its a best practice to read documentation first.</li>
<li>Note:: In next version we will add more icons in icons collection.. </li>
</ul>
<h4>Creating Styles::</h4>
<ul>
<li>You can create unlimited number of reusable styles for buttons.</li>
<li>You can change the button’s font from the fonts collection.</li>
<li>You can change the button’s Color.</li>
<li>You can change the button’s font-weight.</li>
<li>You can change the space around the text inside button.</li>
<li>You can add the shadow to the text inside button.</li>
<li>You can add the shadow to the button.</li>
<li>You can change the button shape like rectangle, little rounded rectangle, full rounded rectangle or circular(without button text).</li>
<li>You can add the glow to the button with any color and from small size to big size glow.</li>
<li>You can set the button icon from the Icons collection.</li>
<li>You can set the button border with any color, any thickness and style like normal, dotted, double etc.</li>
<li>You can set the texture from the texture collection.</li>
<li>If you dont know the color codes then you can use colors from our color pallete with so many predefined colors.</li>
<li>this plugin also consists of beauticul color themes collection for buttons.</li>
<li>In next version of this plugin we will add more items in all collections like fonts, icons, preset styles etc.</li>
</ul>
<h4>Creating Call-To-Action (CTA) Buttons::</h4>
<ul>
<li>Every call-to-action button contains Heading, Sub-heading, Button & Footer Text.</li>
<li>You can create beautiful & awesome CTA buttons with small effort.</li>
<li>You can select from professionally designed CTA buttons Styles from Styles collection.</li>
<li>You can change the heading text font.</li>
<li>You can change the heading text size.</li>
<li>You can change the heading text color.</li>
<li>You can change the heading text border.</li>
<li>You can change the heading text border color.</li>
<li>You can change the heading text background color.</li>
<li>You can change the heading text top & bottom margin.</li>
<li>You can change the heading text padding.</li>
<li>Above setting can be done on sub heading also with limited settings.</li>
<li>We will update and add more styles to styles collection regularly.</li>
<li>You can check latest Styles and its settings in plugin’s website.</li>
<li>In next version we will add Export & Import Styles settings. which is good feature to extend this plugin’s power.</li>
<li>You can also add multiple headings with ticker animation.</li>
</ul>
<h4>Creating Share Buttons::</h4>
<ul>
<li>You can change the gap between Share buttons.</li>
<li>You can change the space around all Share buttons.</li>
<li>You can set the position for Share buttons like above/below the content.</li>
</ul>
<h4>Creating Twin Buttons::</h4>
<ul>
<li>Provide user a option to choose or click any one of a Twin Buttons.</li>
</ul>
<p>Note:: WE ARE DOING OUR BEST TO MAKE THIS PLUGIN PERFECT. If you face any problem in using this plugin or you need some more features or any support please dont hesitate to contact us. You can contact us from here.</p>
<blockquote>
<p><a href="http://designerbutton.prali.in/showcase-buttons/?&utm_source=wordpress&utm_medium=banner&utm_term=designer%20button&utm_content=demo&utm_campaign=db#demo" rel="nofollow ugc">Buttons Demo</a> | <a href="http://designerbutton.prali.in/showcase-cta-buttons/?&utm_source=wordpress&utm_medium=banner&utm_term=designer%20button&utm_content=demo&utm_campaign=db#demo" rel="nofollow ugc">CTA Buttons Demo</a> | <a href="http://designerbutton.prali.in/showcase-share-buttons/?&utm_source=wordpress&utm_medium=banner&utm_term=designer%20button&utm_content=demo&utm_campaign=db#demo" rel="nofollow ugc">Share Buttons Demo</a> | <a href="http://designerbutton.prali.in/showcase-twin-buttons/?&utm_source=wordpress&utm_medium=banner&utm_term=designer%20button&utm_content=twin_demo&utm_campaign=db#db" rel="nofollow ugc">Twin Buttons Demo</a> | <a href="http://wooprali.prali.in/category/help/wpi-designer-button-shortcode/?&utm_source=wordpress&utm_medium=banner&utm_term=designer%20button&utm_content=help&utm_campaign=db" rel="nofollow ugc">WPi Designer Button Help</a> |  <a href="http://designerbutton.prali.in/contact-us/?&utm_source=wordpress&utm_medium=banner&utm_term=designer%20button&utm_content=contact&utm_campaign=db" rel="nofollow ugc">Support</a></p>
</blockquote>
<h4>Watch how to videos of this plugin</h4>
<p>How to change Colors<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/BoI-cXtTh5k?version=3&rel=0&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent&listType=playlist&list=PLhhetWyvvPIZHCJBYdFPrP03ETp6QRKH5" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation"></iframe></span></p>
<p>How to change Fonts<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/yXpZoD2pfj8?version=3&rel=0&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation"></iframe></span></p>
<p><strong>Coming soon</strong><br />
* Video Backgrounds in Call To Action<br />
* (Got more ideas? Tell me!)</p>
<p>If you have suggestions for a new add-on, feel free to <a href="http://designerbutton.prali.in/contact-us/?&utm_source=wordpress&utm_medium=banner&utm_term=designer%20button&utm_content=contact&utm_campaign=db" rel="nofollow ugc">contact us</a>.<br />
Want regular updates?  follow my sites on Twitter!</p>
<p><a href="https://twitter.com/DesignerButton" rel="nofollow ugc">https://twitter.com/DesignerButton</a></p>
<h3>Arbitrary section</h3>
<h3>A brief Markdown Example</h3>
<ol>
<li>Create Designer Buttons anywhere in wordpress using button shortcode [wpi_designer_button]</li>
</ol>


WPi Designer Button

Hi Prali,

I really appreciate you from my heart for such great, neat and clean plugin.

I have some idea to make it more functional. While I have created button with pop up functionality. while I want to use that button in CTA. But to use that button I need to use short code. Can you do something by which new buttons can available internally in CTA.

Please add one more functionality for write and add custom css.

Thanks 
Aniket

Alternatives to WPi Designer Button

Top alternatives