williampatton

Add CTA bars to your posts/pages inviting readers to perform the action that you want them to.

CTA Bar

A block capable of adding CTA bars within posts and have them stick to the top or bottom of the page as users scroll past them.

Marcus C. J. Hartmann

Create nice call-to-action Buttons (cta buttons) in 12 predefined colors or whole hexadecimalcode, using own labelling and individual target-URLs. A special settings-page offers an easy-to-use shortcode-generator with preview feature.
<ul>
<li>Define custom button text</li>
<li>Set a custom text color</li>
<li>Define custom link</li>
<li>Define a custom link title</li>
<li>Define, if target should be opened in a new window/tab or the current one</li>
<li>Use 12 predefined colors or custom hexadecimal color code</li>
<li>Define a javascript onclick action</li>
<li>Use Placeholders for page-id, button-id, target-url, text and current page as arguments in javascript functions</li>
<li>Define inline button behavior</li>
<li>Add custom css</li>
<li>Activate/deactivate rounded corners</li>
<li>Make clicks trackable</li>
<li>Usable in Widgets, Content and theme-parts</li>
<li>Easy to use Shortcode Generator in backend with color picker</li>
</ul>
QuickDocs Shortcode
<ul>
<li><code>text</code>: defines the text of the button</li>
<li><code>link</code>: the link your button points to, must start with “http://” to work properly</li>
<li><code>color</code>: the color of your button</li>
<li><code>title</code>: the mouse over title</li>
<li><code>onclick</code>: an onclick action to be executed before switching to the given link</li>
<li><code>target</code>: defines the target window of the link </li>
<li><code>style</code>: defines the intext behavior for the button (float, block etc)</li>
<li><code>rounded</code>: defines, if button corners are rounded, or not</li>
<li><code>tcolor</code>: defines the text color by hexdec code</li>
<li><code>css</code>: custom css for buttons</li>
</ul>
QuickDocs Javascript Placeholders
These placeholders only work in the “onlick” attribute and can be used as button-specific arguments in javacript functions.
They generally would be used like this: <code>onclick="your_awesome_js_function({buttonid},{link},{pageurl})"</code>;
<ul>
<li><code>{link}</code> will be replaced by the button-link</li>
<li><code>{pageid}</code> will be replaced by the page id that contains this button</li>
<li><code>{pageurl}</code> will be replaced by the page url that contains this button</li>
<li><code>{text}</code> will be replaced by the button text</li>
<li><code>{buttonid}</code> will be replaced by the button id</li>
</ul>
Important: Don’t use quotes in combination with the placeholders, since they are rendered with quotes automatically!
Example shortcode 
 [createButton text=”my text” link=”http://google.de” color=”gold” title=”my awesome button” onclick=”alert({url})” target=”_blank” style=”blockleft” rounded=”false” tcolor=”#123″ css=”a{min-height:300px;}” ]

mcjh button shortcode

Create nice Buttons with one simple Shortcode, suitable for beginners and pros

CTA Bar vs mcjh button shortcode