exportsmedia

<p>Simple Text Ads is an easy to use shortcode for adding simple text based advertisements with a call to action button in posts or pages.</p>
<h4>Features</h4>
<ul>
<li>Adds one shortcode for adding text ads to your site</li>
<li>Supports multiple ads with individual settings on a single page</li>
<li>A button in the TinyMCE editor makes it easy to add and configure the ad shortcode</li>
<li>Responsive</li>
</ul>
<h4>The Shortcode</h4>
<p>The shortcode that is added is:</p>
<pre><code>[simple_text_ad]
</code></pre>
<h4>Basic Usage Example</h4>
<pre><code>[simple_text_ad headline="Learn How to Leverage Email Marketing" message="Our ebook offers 47 pages of the best techniques to leverage email marketing." button_text="Download our FREE ebook" button_url="#" button_color="#FC5E18" new_tab="false"]
</code></pre>
<p>This will output the following HTML:</p>
<pre><code><aside class="sta-ad sta-ad-1">
    <header>
        <h1>Learn How to Leverage Email Marketing</h1>
    </header>
    <article>
        <p>Our ebook offers 47 pages of the best techniques to leverage email marketing.</p>
    </article>
    <footer>
        <a href="#">Download our FREE ebook</a>
    </footer>
</aside>
</code></pre>
<h4>Full Simple Text Ad Settings</h4>
<p>The full shortcode, with all the default settings looks like this:</p>
<pre><code>[simple_text_ad headline="Example Headline" message="Example message." button_text="Example button text" button_url="#" button_color="#FC5E18" new_tab="false"]
</code></pre>
<p><strong>headline</strong>: The headline for the ad.</p>
<p><strong>message</strong>: The message for the ad.</p>
<p><strong>button_text</strong>: The text for the button.</p>
<p><strong>button_url</strong>: The URL for the button to open.</p>
<p><strong>button_color</strong>: Set the color of the button. Accepts a HEX color code. Default is <code>#FC5E18</code>.</p>
<p><strong>new_tab</strong>: Whether to open the button link ina new tab. Default is <code>true</code>.</p>


Simple Text Ads

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

Simple Text Ads vs mcjh button shortcode