Preview and Submit Your Template

Before submitting, always review how your message will look. The creation page gives you two ways to check your work.

WhatsApp Preview (Right Panel)

On the right side of the screen, you see a live preview that looks like an actual WhatsApp message. This updates in real-time as you type.

📸

Screenshot: WhatsApp Preview panel showing a template message with variables highlighted

whatsapp-preview-panel.png

1. On the Create Template page, fill in header, body, footer, and buttons with sample content
2. Add variables and fill in some example values (leave some empty to show yellow/green highlighting)
3. Capture the right-side WhatsApp Preview panel showing the rendered message
Save to: static/img/screenshots/templates/preview-and-submit/whatsapp-preview-panel.png

What the preview shows:

• Header — Image/video thumbnail or header text
• Body — Your message with variable placeholders
• Footer — Footer text in gray
• Buttons — Clickable button previews at the bottom

Variable Highlighting in Preview

• Yellow background = Variable example is missing (you need to fill it in)
• Green background = Variable example is provided (ready)

Mobile Preview

On smaller screens, the preview and form don't fit side by side. Use the eye/edit toggle button at the top right to switch between:

• Form view — Edit your template
• Preview view — See how it looks

---

Generated JSON (Below Preview)

Below the WhatsApp preview, you see a Generated JSON section. This shows the data that will be sent to WhatsApp when you submit.

📸

Screenshot: Generated JSON section below the WhatsApp preview

generated-json-section.png

1. On the Create Template page with a filled template
2. Scroll down below the WhatsApp Preview panel
3. Capture the Generated JSON section showing the JSON data and copy button
Save to: static/img/screenshots/templates/preview-and-submit/generated-json-section.png

• You can click the copy button to copy this data
• This is useful if you need to share it with support for troubleshooting
• You don't need to understand or edit this — it is generated automatically

---

Progress Stepper

📸

Screenshot: Progress stepper with all three steps showing green checkmarks

progress-stepper-complete.png

1. On the Create Template page, fill in all required fields so all 3 steps are green
2. Capture the top progress stepper bar showing Basic Info, Components, Variables all with green checkmarks
Save to: static/img/screenshots/templates/preview-and-submit/progress-stepper-complete.png

The three-step progress indicator at the top tells you if everything is ready:

Step	Green checkmark when...
Step 1: Basic Info	Template name, category, language, type, and parameter format are all filled in correctly
Step 2: Components	At least one component (body) is added and valid
Step 3: Variables	All variable examples are filled in

info

The Create Template button stays disabled (grayed out) until all three steps show green checkmarks.

---

Submitting the Template

Once everything is ready:

📸

Screenshot: Create Template button enabled (green) when all steps are complete

submit-button-enabled.png

1. Fill in all required fields so the Create Template button is enabled
2. Capture the top-right area showing the enabled Create Template button
Save to: static/img/screenshots/templates/preview-and-submit/submit-button-enabled.png

1. Review the WhatsApp Preview one last time
2. Check that all three steps show green checkmarks
3. Click the Create Template button at the top right
4. A loading spinner appears while the template is being submitted
5. If successful:
   • You are taken back to the Templates listing page
   • Your new template appears with Pending status
6. If there's an error:
   • An error message appears at the bottom of the screen
   • Fix the issue and try again

---

What happens after submission?

Template submitted
       ↓
Status: PENDING (WhatsApp is reviewing)
       ↓
┌──────────────────────────┐
│                          │
│  Approved? → Ready to    │
│              use!        │
│                          │
│  Rejected? → Check the   │
│              reason,     │
│              edit, and   │
│              resubmit    │
│                          │
└──────────────────────────┘

Checking approval status

• Go to the Templates listing page
• Click Sync to refresh statuses from WhatsApp
• Look at the Status column for your template

tip

WhatsApp typically reviews templates within minutes to a few hours. In some cases, it may take up to 24 hours. Click the Sync button periodically to check.

If your template is rejected

Common rejection reasons:

Reason	What it means	How to fix
Tag Content Mismatch	Content doesn't match the category you selected	Change the category or rewrite the content
Promotional	Utility/Auth template has promotional content	Move to Marketing category or remove promotional text
Abusive Content	Message contains inappropriate content	Rewrite the message
Invalid Format	Template structure has errors	Check formatting rules and resubmit
Scam	Message looks like a scam	Rewrite to be more professional and transparent

To fix a rejected template:

1. Click Edit on the rejected template
2. Read the rejection reason
3. Make the necessary changes
4. Click Update Template to resubmit