Get 30% off: Use the coupon code NEWYEAR2022 in checkout page.
Buy Now
×
Type Here to Get Search Results !

How to use Shortcodes in Piki Templates?

Follow the below steps to use our Shortcodes in your template to make more easy tools for your website
These Shortcodes can be used in free and premium templates.
There are no requirements for coding like HTML to use these shortcodes features
This is the easiest way to implement anywhere on post & pages as per your requirements 
1.0 Table of Content
Open any post & page and type (toc) as shown below image. After typing make it strike like below  

Shortcode : (toc)

Example : Table of Content (toc)

after typing shortcode in brackets. It's Done You have successfully added toc shortcode.
piki shortcodes



After Applying the Shortcode Results Should be Like This Refer Below Image :piki shortcodes


Note :- This Shortcode Only Works if You Have Added H2, H3, H4 Tags in Your Post. Don't Know How to Create H2, H3, H4 Tags Follow Below Procedure

1.0.1 How to Use H2,H3,H4 Tags
Open any post & page select the line type as shown below image. And Select the Option of Paragraph Headings here
piki shortcodes
Here below in Image Choose the tags You want to Implement so that Table of Content will Work
piki shortcodes

Done H2 tag is Ready
piki shortcodes


1.1 Adding Drop Caps
Open any post & page select the first-word type (caps) as shown below image. After typing make it strike like below  

Shortcode : (caps)

Example : L(caps)orem

after typing shortcode in brackets. It's Done You have successfully added caps shortcode.
piki shortcodes


After Applying the Shortcode Results Should be Like This Refer Below Image :
Piki Templates Shortcodes

1.2 Default Buttons
 Before using buttons shortcodes, Firstly add link into the text using this method as shown below here
After inserting link then type shortcode like (small-bt) 

(i) Default Button
Open any post & page type (normal-btas shown below image. After typing make it strike like below

Shortcode : (normal-bt)

Example :
My Button (normal-bt)

after typing shortcode in brackets. It's Done You have successfully added the button shortcode.
piki shortcodes


After Applying the Shortcode Results Should be Like This Refer Below Image :

Piki Templates Shortcodes

(ii) Small Buttons
Open any post & page type (small-bt) as shown below image. After typing make it strike like below

Shortcode : (small-bt)

Example : My Button (small-bt)

after typing shortcode in brackets. It's Done You have successfully added a small button shortcode.
piki shortcodes



(ii) Medium Buttons
Open any post & page type (medium-bt) as shown below image. After typing make it strike like below

Shortcode : (medium-bt)

Example : My Button (medium-bt)

after typing shortcode in brackets. It's Done You have successfully added a medium button shortcode.


piki shortcodes


(iii) Large Buttons
Open any post & page type (large-bt) as shown below image. After typing make it strike like below

Shortcode : (large-bt)

Example : My Button (large-bt)

after typing shortcode in brackets. It's Done You have successfully added a large button shortcode.
piki shortcodes

1.3 Color Buttons
To use color buttons in your website follow the steps below

Piki Templates Shortcodes


(i) Download Button
Open any post & page type (download) as shown below image. After typing make it strike like below

Shortcode : (download)

Example : My Button (download)

after typing shortcode in brackets. It's Done You have successfully added the download button shortcode.
piki shortcodes



(ii) Buy Buttons
Open any post & page type (buy) as shown below image. After typing make it strike like below

Shortcode : (buy)

Example : Buy Button (buy)

after typing shortcode in brackets. It's Done You have successfully added a buy button shortcode.
piki shortcodes



(iii) Cart Buttons
Open any post & page type (cart) as shown below image. After typing make it strike like below

Shortcode : (cart)

Example : Cart Button (cart)

after typing shortcode in brackets. It's Done You have successfully added a cart button shortcode.
piki shortcodes



(iv) Link Buttons
Open any post & page type (link) as shown below image. After typing make it strike like below

Shortcode : (link)

Example : Link Button (link)

after typing shortcode in brackets. It's Done You have successfully added a link button shortcode.
piki shortcodes



(v) Open Buttons
Open any post & page type (open) as shown below image. After typing make it strike like below

Shortcode : (open)

Example : Open Button (open)

after typing shortcode in brackets. It's Done You have successfully added an open button shortcode.
piki shortcodes



(vi) Info Buttons
Open any post & page type (info) as shown below image. After typing make it strike like below

Shortcode : (info)

Example : Info Button (info)

after typing shortcode in brackets. It's Done You have successfully added an info button shortcode.
piki shortcodes



(vii) Demo  Buttons
Open any post & page type (demo) as shown below image. After typing make it strike like below

Shortcode : (demo)

Example : Demo Button (demo)

after typing shortcode in brackets. It's Done You have successfully added a demo button shortcode.
piki shortcodes




1.4 Contact Form
Open any post & page and type (contact-form) as shown below image. After typing make it strike like below

Shortcode : (contact-form)

after typing shortcode in brackets. It's Done You have successfully added a contact form shortcode.
piki shortcodes


After Applying the Shortcode Results Should be Like This Refer Below Image :
Piki Templates Shortcodes

1.5 Full Width /Left-Sidebar /Right-Sidebar

Use Below Shortcode to make Left Sidebar and Right Sidebar and Full Width as per requirements you want to use on your blog

(i) Full Width
Open any post & page and type (full-width) as shown below image. After typing make it strike like below

Shortcode : (full-width)

after typing shortcode in brackets. It's Done You have successfully added a Full Width shortcode.

piki shortcodes


(ii) Left Sidebar
Open any post & page and type (left-sidebar) as shown below image. After typing make it strike like below

Shortcode : (left-sidebar)

after typing shortcode in brackets. It's Done You have successfully added a Left Sidebar shortcode.

piki shortcodes


(iii) Right Sidebar
Open any post & page and type (right-sidebar) as shown below image. After typing make it strike like below

Shortcode : (right-sidebar)

after typing shortcode in brackets. It's Done You have successfully added a Right Sidebar shortcode.


piki shortcodes
1.6 Alert Message

Use the This Type Format
piki shortcodes
(i) Alert Message Success
Open any post & page type (alert-success) in last as shown below image. After typing make it blockquote

Shortcode : (alert-success)

Example : This is a alert message test here which is awesome box (alert-success)

after typing shortcode in brackets. It's Done You have successfully added the success message shortcode.


After Applying the Shortcode Results Should be Like This Refer Below Image :

Piki Templates Shortcodes


(ii) Alert Message Passed
Open any post & page type (alert-passed) in last as shown below image. After typing make it Blockquote like below

Shortcode : (alert-passed)

Example : This is a alert message test here which is awesome box (alert-passed)

after typing shortcode in brackets. It's Done You have successfully added the passed message shortcode.


After Applying the Shortcode Results Should be Like This Refer Below Image :

Piki Templates Shortcodes


(iii) Alert Message Warning
Open any post & page type (alert-warning) in last as shown below image. After typing make it Blockquote like below

Shortcode : (alert-warning)

Example : This is a alert message test here which is awesome box (alert-warning)

after typing shortcode in brackets. It's Done You have successfully added the warning message shortcode.


After Applying the Shortcode Results Should be Like This Refer Below Image :

Piki Templates Shortcodes


(iv) Alert Message Error
Open any post & page type (alert-error) in last as shown below image. After typing make it strike like below

Shortcode : (alert-error)

Example : This is a alert message test here which is awesome box (alert-error)

after typing shortcode in brackets. It's Done You have successfully added the error message shortcode.


After Applying the Shortcode Results Should be Like This Refer Below Image :
Piki Templates Shortcodes

(v) Code Box
Open any post & page type (code-box) in last as shown below image. After typing make it strike like below

Shortcode : (code-box)

Example : This is a code box message test here which is awesome box (code-box)

after typing shortcode in brackets. It's Done You have successfully added the code box message shortcode.
After Applying the Shortcode Results Should be Like This Refer Below Image :
Piki Templates Shortcodes

Note: We Create a Blogging Experience with a Blogger Platform more flexible and tangible that is why this important note is displayed here, to resolve each and every customer query we work hard Read this Article for more details! what we're doing for you either you're a free or premium customer no matter. Before asking any Question please visit this Frequently Asked Questions (FAQ) page to get answers to the most common questions.

Post a Comment

31 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
  1. Sir there codes are very easy to use, even a begginer can use. Well done good work ❤

    ReplyDelete
    Replies
    1. Yes we made our shortcodes easy to understand

      Delete
  2. I am from Brazil my friends told me to use piki templates but now i realize you guys deserve a great respect

    ReplyDelete
  3. Love from Indonesia, Full supportable customer support

    ReplyDelete
  4. Sir please provide post image code

    ReplyDelete
  5. Bhai Tumhara Table of content wala shortcode kam nhi krta !!!

    ReplyDelete
  6. Mam Loved to use your template.
    easy to use and customisable while others are ----

    ReplyDelete
  7. how to use auto internal linking in piki template

    ReplyDelete
  8. Hiw Can I use infeed ads in piki template

    ReplyDelete
  9. where i can find the message of the user which was filled in contact form . plz reply

    ReplyDelete
  10. You are amazing, Proud you are India, lots of love and support 👍🏻👍🏻

    ReplyDelete
  11. Please provide a html table code

    ReplyDelete
    Replies
    1. Please reach us through email, social media we will provide code

      Delete
  12. Can You Convert Jobiki Blogger Templates to WordPress Themes? With toc, and other shortcodes

    ReplyDelete
  13. HI
    How to add the page to a Home page menu,
    Thanks

    ReplyDelete
    Replies
    1. Go to blogger dashboard create a Page tap on eye icon and copy address bar link paste in homepage menu section.

      Delete
  14. How we can set buttons in Center of Post or page. Please reply.

    ReplyDelete
    Replies
    1. Use new shortcode center button, we will update very soon here in page

      Delete
  15. I want to place button in center, how i can do it? because we can't use center alliignment style in shortcodes.

    ReplyDelete
    Replies
    1. Use new shortcode center button, we will update very soon here in page

      Delete
  16. How to set jobiki template post thumbnail?

    ReplyDelete