Introducing Shortcodes V2.0.0 - Powerful & Easy Post Enhancements for Piki Templates
Use our Piki Templates V.2.0.0 Flexible Shortcode in posts and pages to easily set up buttons and features without any HTML coding.
Getting Started
PikiTemplates just upgraded their shortcode suite to version 2.0.0! If you’ve been waiting to add flair to your Blogger posts and pages—with zero HTML required—this update is precisely what you need. Here’s a polished breakdown you can turn into a blog post or tutorial.
What’s New in V2.0.0?
No HTML? No problem! The new shortcodes let you effortlessly enhance posts and pages using simple text syntax. Just enter the code in your post editor, and it auto-converts on publishing.
Table of Contents: (toc)
Go to Post/Page and type the shortcode (toc). After typing make it strike like below
Example:
Shortcode:
(toc)
Demo Example:
The plugin auto-generates TOC from your headings (H2–H4). To customize the title, use:
Great for reader navigation and SEO.
Note: This Shortcode only works if you have added H2, H3, H4 tags in your post.
Heading Tags
To setup H2, H3, H4 Tags follow the procedure
Example of H1, H2, H3, H4 Tags:
Adding Drop Caps: (caps)
Add classic typographic flair to your opening without fuss:
Go to Post/Page and type the shortcode select the word type (caps). After typing make it strike like below
Example:
Shortcode:
(caps)
Demo Example:
This shortcode can be use in paragarph of the articles.
This wraps the first letter in a styled drop cap—all automated and elegant
Multiple Buttons
Craft standout buttons with inline shortcodes. While the exact syntax isn’t detailed, it’s designed for easy usage within posts/pages—no coding needed.
Go to Post/Page and use Multiple buttons in your posts easily with the help of shortcode.
Default Button
Example:
Normal Button Shortcode Example:
(getButton) #text=(My Button) #icon=(demo)
Large Button Shortcode Example:
(getButton) #text=(My Button) #icon=(demo) #size=(1)
Customize Button text and link easily with help of this shortcode to utilize in blogger posts.
Note: To make buttons at center alignment Apply Top Post Editor “Alignment Center” tool bar to set buttons shortcode at center.
Icons Button
Example:
Shortcode Example:
(getButton) #text=(My Button) #icon=(demo)
Supported Icons Shortcode:
demo
download
buy
link
cart
share
info
Customize Button text, link along with icons easily with help of this shortcode, this blogger template supports multiple types of icons to utilize in blogger posts.
Color Button
Example:
Shortcode Example:
(getButton) #text=(My Button) #icon=(demo) #color=(#ff000)
Customize Button text, link, icon along with color easily with help of this shortcode, this blogger template supports custom color option buttons to utilize in blogger posts.
Note: To get colors code you can Visit here just click copy color code and use on your shortcode.
Demo Example:
Contact Form: (contact-form)
Include a responsive contact form anywhere on your site:
Go to Post/Page and type (contact-form) as shown below image. After typing make it strike like below
Example:
Shortcode:
(contact-form)
This shortcode can be used to create contact us form easily in Posts and Pages.
Demo Example:
Perfect for generating leads or feedback-right where your users are
Layout Controls: Sidebar & Width Shortcodes
Fine-tune your page layout (sidebars, full-width elements) with intuitive codes:
Go to Post/Page and use Post Shortcodes in your posts easily to adjust the sidebar alignments.
(left-sidebar)
(right-sidebar)
(full-width)
Left Sidebar
Example:
Shortcode Example:
(left-sidebar)
Customize the left sidebar easily with help of this shortcode to utilize in blogger website.
Right Sidebar
Example:
Shortcode Example:
(right-sidebar)
Customize the right sidebar easily with help of this shortcode to utilize in blogger website.
Full Width
Example:
Shortcode Example:
(full-width)
Customize the full-width easily with help of this shortcode to utilize in blogger website.
Alert Message:
Go to Post/Page and use Alert Message in your posts easily to create a beautiful boxes.
Example:
Shortcode Example:
(alert-success)
Customize the alert success message easily with help of this shortcode to utilize in blogger website.
Supported Shortcode Example:
(alert-success)
(alert-passed)
(alert-warning)
(alert-error)
(code-box)
Demo Example:
Why Use These Shortcodes?
No coding skills needed – Perfect for beginners
Boosts usability & engagement – Stylish formatting in seconds
Optimizes SEO & navigation – With built-in TOC and structure
Faster than editing HTML – Enhance your post faster
How to Get Started
Ensure you’re using a premium PikiTemplates theme – V2.0.0 is only available in newer templates.
Add the shortcode directly in the post/page editor.
Preview & publish, and watch your enhancements come to life.
Pro Tips
Check your headings before using
(toc)— only H2–H4 will be recognized.Avoid shortcode conflicts — if a shortcode doesn’t render, check you’re on V2.0.0.
Tap the documentation for syntax variations on buttons, forms, and layouts.
