Anna Bansaghi

<p>Mobile Contact Bar is a compact and highly customizable plugin, which allows your visitors to contact you directly via mobile phones, or access your site’s pages instantly.</p>
<p>The settings page is available under the <em>Settings → Mobile Contact Bar</em> menu in the WordPress dashboard.</p>
<h4>Features</h4>
<ul>
<li>Icons for social media, call-to-actions, or any links to web pages</li>
<li>Simple and intuitive styling with the aid of the Real-time Model</li>
<li>Built-in icon picker with <a href="https://fontawesome.com/" rel="nofollow ugc">Font Awesome 6</a> integration</li>
<li>Customizable URLs using query string parameters</li>
<li>No data collection from your website’s visitors</li>
<li>Super easy to use, no coding required!</li>
</ul>
<h4>Special Actions</h4>
<ul>
<li>Scroll to Top of the page</li>
<li>WooCommerce Cart with Item Counter</li>
</ul>
<h4>Supported Protocols</h4>
<ul>
<li><code>http</code></li>
<li><code>https</code></li>
<li><code>mailto</code></li>
<li><code>skype</code></li>
<li><code>sms</code></li>
<li><code>tel</code></li>
<li><code>viber</code></li>
</ul>
<h4>Tested with</h4>
<ul>
<li>Twenty Twenty-Four</li>
<li>Twenty Twenty-Three</li>
<li>Twenty Twenty-Two</li>
<li>Twenty Twenty-One</li>
<li>Twenty Twenty</li>
<li>Twenty Nineteen</li>
<li>Twenty Seventeen</li>
<li>Twenty Sixteen</li>
<li>Twenty Fifteen</li>
<li>Twenty Fourteen</li>
<li>Twenty Thirteen</li>
<li>Twenty Twelve</li>
<li>Twenty Eleven</li>
<li>Twenty Ten</li>
</ul>


Mobile Contact Bar

Allow your visitors to contact you via mobile phones, or access your site's pages instantly.

Marcus C. J. Hartmann

<p>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.</p>
<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>
<p><strong>QuickDocs Shortcode</strong></p>
<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>
<p><strong>QuickDocs Javascript Placeholders</strong></p>
<p>These placeholders only work in the “onlick” attribute and can be used as button-specific arguments in javacript functions.</p>
<p>They generally would be used like this: <code>onclick="your_awesome_js_function({buttonid},{link},{pageurl})"</code>;</p>
<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>
<p><em>Important: Don’t use quotes in combination with the placeholders, since they are rendered with quotes automatically!</em></p>
<p><strong>Example shortcode</strong><br />
    [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;}” ]</p>


mcjh button shortcode

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

Mobile Contact Bar vs mcjh button shortcode