Adding Components to Your Template

Components are the building blocks of your template message. Each component controls a different part of the message. Click the Add Component button to add sections.

📸

Screenshot: Add Component dropdown menu (Header, Body, Footer, Buttons)

add-component-menu.png

1. On the Create Template page, click the "Add Component" button
2. Capture the dropdown menu showing Header, Body, Footer, Buttons options
Save to: static/img/screenshots/templates/adding-components/add-component-menu.png

Available Components

Component	Required?	What it is
Header	Optional	The top section — can be text, image, video, or document
Body	Required	The main message content
Footer	Optional	A small line at the bottom
Buttons	Optional	Interactive buttons the customer can tap

The components appear in this order in the WhatsApp message:

┌──────────────────────┐
│    📷 HEADER          │  ← Image, video, document, or short text
│                      │
│  BODY text here...   │  ← Main message (supports placeholders)
│  Hello {{1}}, your   │
│  order is ready.     │
│                      │
│  footer text         │  ← Small gray text at bottom
│                      │
│  [ Button 1 ]        │  ← Interactive buttons
│  [ Button 2 ]        │
└──────────────────────┘

---

Header

The header appears at the very top of your message. You can only have one header per template.

Header Format Options

Format	Description	Character limit
Text	A short text headline	60 characters max
Image	An image banner	Select from your file manager
Video	A video clip	Select from your file manager
Document	A file attachment	Select from your file manager

Text Header can include placeholders (e.g., "Order Update for {{customername}}").

Media Headers (Image, Video, Document) — you select the file from your file manager. This file will be uploaded to WhatsApp when you submit the template.

note

The header format is determined by the Template Type you selected in Basic Info. For example, if you chose "Image" type, the header will automatically be set to Image format.

---

Body

The body is the main content of your message. This is where your actual message text goes.

📸

Screenshot: Body component editor with text and formatting

body-component-editor.png

1. On the Create Template page, add a Body component
2. Type some sample body text with variables like {{customername}}
3. Capture the body text area with content visible
Save to: static/img/screenshots/templates/adding-components/body-component-editor.png

Rules for Body Text

• Required — Every template must have a body
• Up to 1024 characters
• Supports placeholders like {{1}} or {{customername}}
• Supports WhatsApp formatting:
  • *text* for bold
  • _text_ for italic
  • ~text~ for strikethrough

Example Body

Hello *{{customername}}*,

Your order _{{orderid}}_ has been shipped!

📦 Tracking: {{trackingnumber}}
📅 Expected delivery: {{deliverydate}}

Thank you for shopping with us!

Important Rules

• Do not start or end the body text with a placeholder. For example, {{1}} is your update is not allowed.
• Do not put too many spaces or blank lines in a row (maximum 3 consecutive line breaks).
• Exception: Authentication templates CAN start with a placeholder.

---

Footer

The footer is a small line of text at the bottom of the message. It appears in gray, smaller text.

Rules for Footer

• Optional — You don't have to add one
• Up to 60 characters
• Plain text only — no placeholders, no bold/italic formatting
• Not available for Authentication templates

Common Footer Examples

Reply STOP to unsubscribe

Powered by EzPulze

Terms & conditions apply

---

Buttons

Buttons make your message interactive. When a customer taps a button, it performs an action.

📸

Screenshot: Buttons component with Quick Reply, URL, Phone, and Flow button types

buttons-component-editor.png

1. On the Create Template page, add a Buttons component
2. Add 2-3 different button types (Quick Reply, URL, Phone)
3. Capture the buttons section showing the different button types and their fields
Save to: static/img/screenshots/templates/adding-components/buttons-component-editor.png

Button Types

Button Type	What happens when tapped	Limit
Quick Reply	Sends a pre-set reply message back to you	Up to 3
URL	Opens a website link	Up to 2
Phone Number	Starts a phone call	Up to 2
Flow	Opens a WhatsApp Flow (interactive form)	1

info

You can mix button types. For example, you could have 1 Quick Reply + 1 URL + 1 Phone Number button. The total maximum is 10 buttons per template.

Quick Reply Buttons

• Enter the button text (what the customer sees)
• Up to 25 characters per button
• When tapped, it sends that text as a reply

Example: Confirm, Cancel, Reschedule

URL Buttons

• Enter the button text and the website link
• The URL can include a placeholder: https://yoursite.com/track/{{1}}
• When tapped, it opens the link in the browser

Example: Track Order → https://yoursite.com/track/{{1}}

Phone Number Buttons

• Enter the button text and the phone number
• When tapped, it opens the phone's dialer with the number

Example: Call Support → +91XXXXXXXXXX

Flow Buttons

• Select a published WhatsApp Flow from the dropdown
• When tapped, it opens the interactive flow

Example: Book Appointment → Opens a booking form

---

Adding and Removing Components

To add a component:

1. Click the Add Component button above the components section
2. Choose which component to add from the menu (Header, Body, Footer, or Buttons)
3. Fill in the fields for that component

To remove a component:

1. Each component has a remove/delete button
2. Click it to remove that component
3. You can always add it back later

tip

Start with just a Body component if you are new. You can always add a Header, Footer, and Buttons later before submitting.