# Shortcodes

The post shortcodes developed by Pro Blogger Templates team are available in all our blogger templates. These shortcodes allow you to add buttons, alerts, contact form, code box and even make simple adjustments to the layout in an easy and intuitive way.

<figure><img src="https://4117760356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiWPL7C3XC6Rq82dHvmDX%2Fuploads%2FChvUNJJ9kNfEVgxvsg2Y%2Fimage.png?alt=media&#x26;token=1b86b58b-193a-44ea-955c-7e3827e49166" alt="Post shortcodes"><figcaption></figcaption></figure>

### How To Setup?

If you carefully follow all the steps below, you should have no difficulty using our shortcodes.

#### 1. Post Buttons&#x20;

Shortcode: `{getButton} $text={Button Text} $icon={Icon Name} $color={Hex Color}`

Available Icons: `preview`, `download`, `link`, `cart`, `share`, `contact`, `info`, `paypal`, `whatsapp`, `gift`

New Attributes: `$size={Button Size} $info={Info Text}`&#x20;

Size Options: `1`, `2`

**Note:** In free versions, some features may not be available.

{% hint style="info" %}
INFO: Icon, Color, Size and Info are optional attributes.
{% endhint %}

**Example:**

<figure><img src="https://4117760356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiWPL7C3XC6Rq82dHvmDX%2Fuploads%2F6EdHNwfCNZGMSKeaxMgq%2Fimage.png?alt=media&#x26;token=2f4b2123-c832-4592-928a-d0b4d72c158c" alt="Buttons"><figcaption></figcaption></figure>

#### 2. Alert Boxes

Shortcodes: `{alertSuccess}`, `{alertInfo},` `{alertWarning}`, `{alertError}`

Write whatever you want and add the shortcode, Then select all the desired text including the shortcode and add the **Quote Text** style.

**Example:**

<figure><img src="https://4117760356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiWPL7C3XC6Rq82dHvmDX%2Fuploads%2Fx3HXJVYnlOufOST0l8jg%2Fimage.png?alt=media&#x26;token=2d23fd2f-8982-4cd7-9735-faab2764a5f4" alt="Alert boxes"><figcaption></figcaption></figure>

#### 3. Contact Form

Shortcode: `{contactForm}`

Add the shortcode in the desired area, Then select the shortcode and add the **Bold** style.

**Example:**

<figure><img src="https://4117760356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiWPL7C3XC6Rq82dHvmDX%2Fuploads%2FLgy6kC7xv13Zq6F8zivH%2Fimage.png?alt=media&#x26;token=deae323f-4aeb-41ee-929f-a96b3d0aa907" alt=""><figcaption></figcaption></figure>

#### 4. Code Box

Shortcode: `{codeBox}`

Add the Code and add the shortcode, Then select all the desired code including the shortcode and add the **Quote Text** style.

**Example:**

<figure><img src="https://4117760356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiWPL7C3XC6Rq82dHvmDX%2Fuploads%2F8287OgRIOI0NLnTmoGmP%2Fimage.png?alt=media&#x26;token=1ba3e08c-7f47-4b58-90db-0d1cd34a1147" alt="Code box"><figcaption></figcaption></figure>

#### 5. Post Layouts

Shortcodes: `{fullWidth}`, `{leftSidebar}`, `{rightSidebar}`

Add the shortcode at the end of the content, Then select the shortcode and add the **Bold** style.

**Example:**

<figure><img src="https://4117760356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiWPL7C3XC6Rq82dHvmDX%2Fuploads%2FBSrbyBNtOTuO99HFPO9Y%2Fimage.png?alt=media&#x26;token=42a298cc-a697-4b2e-ae20-1e1eeceef17e" alt="Post layouts"><figcaption></figcaption></figure>

### Video Tutorial

{% embed url="<https://youtu.be/LfeelG-AN5s>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.probloggertemplates.com/guides/basic/shortcodes.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.