Documentation Home »
9bit Studios.com »

Image Button

Displays a nicely styled button with your own custom text and link.

Shortcode:


[imagebutton]

Attributes:


link
Can have the value of any valid link. This is the link the user will be taken to when they click on the button.

linebreak
Can have the value true or false. This determines whether the button will add a line break and continue the content that follows it on a new line. Set this value to false if you want to add multiple buttons one after another. Set it to true if you are going to begin a new paragraph below it. Even if you have a number of buttons lined up one after the other, you’ll definitely want the *last* button to have its linebreak value set to "true" so that the content that follows it will appear on a new line.

Examples:


Here is an example of a single button...

[imagebutton link="https://www.website.com/moretext" linebreak="true"]Read More[/imagebutton]

Here is an example of 3 buttons that would be displayed next to each other...

[imagebutton link="https://www.website.com/back" linebreak="false"]Go Back[/imagebutton] [imagebutton link="https://www.website.com/continue" linebreak="false"]Continue Reading[/imagebutton] [imagebutton link="https://www.website.com/forward" linebreak="true"]Go Forward[/imagebutton]

Notice how the 3rd button has linebreak set to "true" so that content that follows this could continue on the next line.

Back to Shortcodes »