Shortcodes

This page showcases all the shortcode elements included in this template. From buttons and alert boxes to tables and contact forms, you can see exactly how each component looks and functions within your content. These ready-to-use features help you create visually engaging posts and pages without needing any coding knowledge.

{getToc} $title={Table of Contents}

Default Buttons

{getButton} $text={Default Button} {getButton} $text={Preview} $icon={preview}  {getButton} $text={Download} $icon={download} {getButton} $text={Visit a Link} $icon={link} {getButton} $text={Buy Now} $icon={cart} {getButton} $text={Share} $icon={share} {getButton} $text={Contact Us} $icon={contact} {getButton} $text={More Info} $icon={info}

Colored Buttons

{getButton} $text={Colored Button} $color={#10b981} {getButton} $text={Preview} $icon={preview} $color={#22c55e}  {getButton} $text={Download} $icon={download} $color={#3b82f6} {getButton} $text={Visit a Link} $icon={link} $color={#a855f7} {getButton} $text={Buy Now} $icon={cart} $color={#f97316} {getButton} $text={Share} $icon={share} $color={#ef4444} {getButton} $text={Contact Us} $icon={contact} $color={#eab308} {getButton} $text={More Info} $icon={info} $color={#334155}

Download Button

{getButton} $text={Download} $icon={download} $info={64kb}

Purchase Button

{getButton} $text={Buy Now} $icon={cart} $info={$29}

Alert Boxes

This is a success alert. Use it to confirm completed actions or show positive feedback. {alertSuccess}

This is an info alert. Use it to provide neutral updates, additional context, or helpful instructions. {alertInfo}

This is a warning alert. It helps draw attention to something that might need action or caution. {alertWarning}

This is an error alert. Display it when something has failed, needs fixing, or contains incorrect input. {alertError}

Bordered Table

Firstname	Lastname	Email
John	Doe	john@example.com
Mary	Moe	mary@example.com
July	Dooley	july@example.com

Contact Form

{contactForm}

Code Box

// Show "Hello" in the console function sayHello() { console.log("Hello"); } // Show "World" in the console function sayWorld() { console.log("World"); }{codeBox}