Desk9 Design

Sticky CTA Button is a WordPress plugin that adds a customizable floating CTA (Call-to-Action) button and back-to-top button to your website. The plugin offers extensive customization options including:
<ul>
<li>Flexible positioning – Choose from 4 corner positions</li>
<li>Custom styling – Set your own colors, icons, and text</li>
<li>Automatic combination – When both buttons are enabled, they’re automatically combined</li>
<li>Responsive design – Works perfectly on all devices</li>
<li>Accessibility – Full keyboard navigation and screen reader support</li>
<li>Performance optimized – Lightweight and fast loading</li>
</ul>
<h4>Features</h4>
<ul>
<li>Action Button: Create a call-to-action button with custom text, icon, and link</li>
<li>Back-to-Top Button: Smooth scrolling back to top with customizable icons</li>
<li>Smart Layout: Buttons automatically combine when both are enabled</li>
<li>Icon Library: Choose from 16+ Font Awesome icons for each button</li>
<li>Color Customization: Set custom background and text colors</li>
<li>Position Control: Place buttons in any corner of the screen</li>
<li>Layout Options: Vertical or horizontal combined layouts</li>
<li>Rounded Corners: Optional rounded corner styling</li>
<li>Mobile Responsive: Automatically adapts to smaller screens</li>
</ul>

Sticky CTA Button

A configurable sticky CTA button with back-to-top functionality. Fully customizable through WordPress settings.

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

Sticky CTA Button vs mcjh button shortcode