Five widgets help shoppers reach you — a contact form, a contact info card, a WhatsApp button, social icons, and a map. Mix and match on your About, Contact, or Returns page so customers can pick whichever channel they prefer.
[contact] — inline contact form
A form that emails you when a visitor submits it. Drop it on any page where you want customers to be able to write to you without picking up the phone:
Send us a message
Send message[contact]Customise the heading, the default subject line, and which fields appear:
[contact title="Get in touch" subject="Question from your shop" fields="name,email,phone,message"]| Attribute | What it does |
|---|---|
title | Heading shown above the form. Default: "Send us a message" |
subject | Pre-fills the subject line so the email lands tagged in your inbox |
fields | Comma-separated list of fields. Allowed: name, email, phone, subject, message |
Submitted forms email the address you've set in Settings → Contact info. If that email is empty, the form still appears but nobody receives the message — set it before going live.
[contact_info] — at-a-glance contact card
A neat card showing your shop name, tagline, email, phone, WhatsApp, and address. Pulls all of it from your shop settings, so it stays accurate without you editing the page:
[contact_info]Show only specific fields by listing them:
[contact_info show="name,whatsapp,email"]Allowed values for show: name, tagline, email, phone, whatsapp, map. Leave the attribute out entirely to show every field that's set on your shop. If a field on your shop is blank, it's quietly skipped — you don't end up with empty rows.
[whatsapp] — chat-on-WhatsApp button
One tap, opens WhatsApp, prefills a message to your shop's number:
[whatsapp]Chat on WhatsApp[/whatsapp]Customise the prefilled message — what gets typed into the chat for the customer:
[whatsapp text="Hi! I have a question about your products"]Chat with us[/whatsapp]You can also use a template tag inside the text attribute so the message includes your shop name automatically:
[whatsapp text="Hi {{site_name}}, I'd like to ask about delivery"]Quick question[/whatsapp]The button uses the WhatsApp number set in Settings → Contact info. If that field is empty, the button doesn't render.
[social] — row of social profile icons
One line, one icon per profile, links to the matching account:
[social]It pulls the URLs you've saved in Settings → Social profiles and renders only the ones you've filled in. Empty profiles are skipped, so you never see broken links. Two attributes for layout:
[social size=lg align=center]| Attribute | Options |
|---|---|
size | sm, md (default), lg |
align | left (default), center, right |
Use the large, centred variant in a footer area; the small left-aligned default works inside paragraphs.
[map] — embedded map
A small map showing your shop's address, or any address you specify:
[map]Without an address attribute, the map uses what you've set in Settings → Contact info → Map link. Or pin a specific spot:
[map address="Westlands, Nairobi" height=320]| Attribute | What it does | Default |
|---|---|---|
address | Place name or coordinates to centre the map on | Your shop's saved address |
height | Map height in pixels (200 to 800) | 320 |
Maps use OpenStreetMap, so there's no Google API key to set up and no extra cost.
A complete contact page
Drop this into a page called "Contact us" and you have a real contact page in 30 seconds:
<h1>Contact us</h1>
<p>We reply within a few hours, every day.</p>
[contact_info show="name,whatsapp,email,phone"]
[spacer size=md]
[whatsapp text="Hi {{site_name}}, I have a question"]Chat on WhatsApp[/whatsapp]
[divider]
[contact title="Or send a message" fields="name,email,message"]
[spacer size=md]
[map height=280]
[social align=center size=lg]That gives the visitor four ways to reach you — info card, WhatsApp button, contact form, and social — plus a map and one piece of code to maintain. Update your phone number in Settings once and it's correct on every page that uses these widgets.
Tips
Lead with WhatsApp on a Kenyan shop. Most Kenyan shoppers prefer to chat. Put the WhatsApp widget above the contact form, not below it.
Don't repeat your phone number. Use {{site_phone}} in your text and the widgets — never type the number twice. When you change SIM cards, you'll thank yourself.
Test the form once a month. Submit your own contact form from a private browser window. Confirm the email actually arrives. Spam filters change, mailbox rules drift, things break quietly.