Shortcodes V.1.0.0 for Post and Pages!


Follow the below steps to use our V.1.0.0 Shortcodes in your template to make more easy tools for your website
For New Shortcodes V.2.0.0 Visit here
These shortcodes can be used in both free and premium templates, and there are no coding or HTML skills required to use them. This is the simplest method to install everywhere throughout posts and pages as required.

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.

flexible shortcodes

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

flexible 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

flexible shortcodes

Here below in Image Choose the tags You want to Implement so that Table of Content will Work

flexible shortcodes

Done H2 tag is Ready

flexible 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.

flexible 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-bt) as 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.

flexible 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.

flexible 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.

flexible 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.

flexible 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.

flexible 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.

flexible 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.

flexible 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.

flexible 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.

flexible 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.

flexible 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.

flexible 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.

flexible 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.

flexible 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.

flexible 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.


flexible shortcodes

1.6 Alert Message

Use the This Type Format
flexible 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

21Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
  1. Where was the contact form massage send

    ReplyDelete
  2. How do I change the table of contents to another keyword? I tried changing "Table of Content (toc)" to "Reviews (toc)" but it didn't work.

    ReplyDelete
    Replies
    1. Please check again, if you're using old template which support V1.0.0 Shortcode then you have make strikeline either if you're using latest template then check V2.0.0 Shortcode page, link is available at top of this post. (In each template we have added shortcode version page in demo menu)

      Delete
    2. The table of contents is still visible. However, the title still shows as "Table of Contents" instead of "Review". I want to change the custom display table of contents title name to be different from the default blog table of contents title name, How do I do that?

      Delete
  3. hello
    I have to face some problem with my blog post count. Generally i will show 8 post in my blog post but some time when i will post a long and use so many images post then do not show all post ( like 8 post a homepage) display are not showing properly.
    What can i do for this problem.
    www.producttrunk.com is my blog. please solve this issue
    thanks

    ReplyDelete
    Replies
    1. This is because you have reached the limit of post data, To fix this you have to visit this link https://www.pikitemplates.com/p/faq.html and give page break on that posts to solve issue.

      Delete
  4. I'm using the free affiliate model. The buy now button does not appear when using this code version 1

    ReplyDelete
    Replies
    1. Please share website link and template name in contact us page.

      Delete
  5. Button Shortcode are not working

    ReplyDelete
  6. Can you help me add more 1 Category Custom Box .i want 12 box

    ReplyDelete
    Replies
    1. Please send your details blog link through contact us page

      Delete
  7. I am Using free version and don't use any short code like table of content, button, alert box. I should I do now.

    ReplyDelete
  8. hello Jane doe, I'm complaining when I use the alert message and the code box doesn't work.

    ReplyDelete
    Replies
    1. Please send your details blog link through contact us page

      Delete
  9. Replies
    1. Please check shortcode at footer we provided links navigation

      Delete
  10. I put the code-box with the code of a video in a post and instead of the video code, the video itself appears.
    Thanks for letting me know what the problem is.
    Thanks.

    ReplyDelete
Post a Comment

Start your Blogging Journey with Professional Templates

Use our Amazing templates on your website, which is best fit for magazine, news, tech, games, blogging type blogs

Visit Store