Shortcodes – Content

Icon Boxes

Icon boxes are an elegant way to present short calls to action. With 5 styles to choose from, and hundreds of icons, use them to get noticed!

type  - 1,2,3,4,5 (1 is deafult)
url   - Not required. Any valid url. You must include the "http://" or "https://" prefix (e.g. http://agentevolution.com)
newtab - true (if url is entered this will open in a new window)
heading - the heading to show
icon - the icon to show (choose from all the Font Awesome icons)

[iconbox type="1" icon="fa-truck" heading="Type 1 iconbox"]This is an example of the iconbox type 1 shortcode.[/iconbox]
[iconbox type="1" newtab="true" icon="fa-phone" url="http://www.agentevolution.com" heading="Type 1 iconbox"]This is an example of the iconbox type 1 shortcode.[/iconbox]
[iconbox type="2" icon="fa-key" heading="Type 2 iconbox"]This is an example of the iconbox type 2 shortcode.[/iconbox]
[iconbox type="2" newtab="0" icon="fa-star" url="http://www.agentevolution.com" heading="Type 2 iconbox"]This is an example of the iconbox type 2 shortcode.[/iconbox]
[iconbox type="3" icon="fa-key" heading="Type 3 iconbox"]This is an example of the iconbox type 3 shortcode.[/iconbox]
[iconbox type="3" newtab="0" icon="fa-star" url="http://www.agentevolution.com" heading="Type 3 iconbox"]This is an example of the iconbox type 3 shortcode.[/iconbox]
[iconbox type="4" icon="fa-truck" heading="Type 4 iconbox"]This is an example of the iconbox type 4 shortcode.[/iconbox]
[iconbox type="4" newtab="0" icon="fa-phone" url="http://www.agentevolution.com" heading="Type 4 iconbox"]This is an example of the iconbox type 4 shortcode.[/iconbox]
[iconbox type="5" icon="fa-truck" heading="Type 5 iconbox"]This is an example of the iconbox type 5 shortcode.[/iconbox]
[iconbox type="5" newtab="0" icon="fa-phone" url="http://www.agentevolution.com" heading="Type 5 iconbox"]This is an example of the iconbox type 5 shortcode.[/iconbox]

Buttons

You can put custom buttons in your posts, pages, and widgets by using the button shortcode. Button shortcodes take 5 attributes: url, color, size, block, and newtab. All attributes are optional. The default button looks like this Default Button and is rendered using the shortcode [button]Default Button[/button]. The text inside the [button][/button] tags can be anything you want.

Valid properties/values for button attributes

size  - tiny, small, large (small is the default)
url   - Any valid url. You must include the "http://" or "https://" prefix (e.g. http://agentevolution.com)
color - any color hex code starting with #
expand - true (button will fill container width)
newtab - true (button link will open in new tab/window)

Button Shortcode in Action

[button url="http://agentevolution.com" size="mini"]Mini[/button]
[button url="http://agentevolution.com" size="small"]Small[/button]
[button url="http://agentevolution.com" size="large"]Large[/button]
[button url="http://agentevolution.com" size="large" color="#26BB44"]Custom color[/button]
[button url="http://agentevolution.com" size="large" newtab="true"]New tab[/button]

Expanded Buttons

By default buttons are displayed inline.
Giving a button an attribute of expand=”true” will make it break onto a new line and expand to the width of its container. Any text after the button will show on a new line like this.

[button block="true" size="large" color="alt" url="http://agentevolution.com"]Block Button[/button]

Alert Boxes

Alert boxes are to show notices, warnings, or other info you want to call out.

Box types are: success, warning, info, alert, and secondary
Also accepts a parameter of allowclose set to true to allow the box to be closed.
Boxes can have a straight border (default) or using the border parameter you can have a round or radius box.

[alert_box type="success"]This is the success alert box[/alert_box]
[alert_box type="warning"]This is the warning alert box[/alert_box]
[alert_box type="info"]This is the info alert box[/alert_box]
[alert_box type="alert"]This is the alert alert box[/alert_box]
[alert_box type="secondary"]This is the secondary alert box[/alert_box]
[alert_box type="success" allowclose="true"]This is the success alert box that allows closing[/alert_box]
[alert_box type="warning" allowclose="true"]This is the warning alert box that allows closing[/alert_box]
[alert_box type="info" border="round"]This is the info alert box with a rounded border[/alert_box]
[alert_box type="info" border="radius"]This is the info alert box with a border radius[/alert_box]

Agent Social Icons and Info

With the [social_icons] shortcode your can automatically insert icons that link to your social accounts. Use the newtab parameter set to true to open them in a new window.

[social_icons newtab="true"]

You can also insert your phone number, email, or brokerage address with shortcode.
The email shortcode includes an antispambot function that disguises your email in the source code to prevent spambots.

[agent_phone]
[agent_email]
[agent_address]

Flex Video

Flex Video is a simple shortcode that will make your videos responsive. To use, just wrap your video embed code in the [flex_video] … [/flex_video] shortcode.

[flex_video]YouTube embed code here[/flex_video]