Action buried in the page
- —The phone number scrolls out of view
- —A booking destination competes with the page content
- —The contact section is hard to reach from a long service page
← ButtonFlow overview
Build a mobile-only CTA for local businesses with ButtonFlow
Use ButtonFlow when a local-business visitor should have one clear next step while reading on a phone. This guide keeps the site-wide CTA focused, mobile-only, and matched to the action shared by the pages where it appears.
local business mobile call to actionWordPress floating booking buttonmobile-only WordPress CTA
Keep one useful action within thumb reach.
A service-page visitor may be ready to call, book, message, or reach a contact section before they reach the footer. ButtonFlow keeps the selected action available on the phone viewport without adding it to desktop layouts.
One focused mobile action
- —The selected CTA remains visible at the mobile-only boundary (<=767px)
- —A tap follows the configured call, URL, WhatsApp, or element action
- —Desktop visitors do not receive the mobile-only button
Choose the action before styling the button.
ButtonFlow v1.2.0 keeps one site-wide action choice in Settings → ButtonFlow. Choose the destination that serves the included pages, then exclude pages where that CTA is not appropriate.
Phone Call
Use an international phone number when the visitor should call the business. ButtonFlow turns the tap into a tel link for the configured number.
- —Good fit for urgent service enquiries and appointment calls
Open URL
Send the visitor to a booking page, menu, quote form, or other destination that already has its own next step.
- —Use one site-wide destination and exclude pages where it is not relevant
WhatsApp Chat
Enter the business number in international format and optionally add a pre-filled message. ButtonFlow opens the corresponding wa.me destination.
- —Useful when a short conversation is the conversion path
Scroll to Element
Point the button at an element ID such as contact when the form or enquiry details already live on the same page.
- —Use the target ID consistently in the page markup
Use a value that makes the action unambiguous.
These are alternative site-wide configurations, not actions that run simultaneously. Choose one, then use page exclusions where it should not appear.
Clinic call CTA
Action: Phone Call. Value: +12025550147. Label: Call the clinic. ButtonFlow follows tel:+12025550147 when a mobile visitor taps the button.
- —Choose an icon and color with enough contrast for the site
Restaurant booking CTA
Action: Open URL. Value: https://example.com/book/. Label: Book a table. Use the page that contains the actual reservation flow.
- —Keep the destination URL complete and specific
Property enquiry CTA
Action: WhatsApp Chat. Number: +12025550147. Pre-filled message: Hi, I would like to ask about this property.
- —ButtonFlow uses the international number for the wa.me link
Long service page CTA
Action: Scroll to Element. Target ID: contact. Add contact to the form section's element ID, then use the same value in ButtonFlow.
- —Exclude a page by its WordPress ID or slug when the CTA is not appropriate there
Common questions.
At which viewport does ButtonFlow show the mobile CTA?
ButtonFlow v1.2.0 is mobile-only and renders the button at the mobile-only boundary (<=767px). It does not add the CTA to desktop widths.
Which action types are available?
Settings → ButtonFlow provides Phone Call, Open URL, WhatsApp Chat, and Scroll to Element. Choose one site-wide action for the included pages, then exclude pages where it does not fit.
How should I enter a phone or WhatsApp number?
Use the number in international format. Phone Call uses a tel link, while WhatsApp Chat opens a wa.me destination and can include an optional pre-filled message.
Can I change the button's appearance and timing?
Yes. ButtonFlow provides controls for the label, icon, colors, Small, Medium, or Large size choice, and show delay.
Can the CTA be hidden on selected pages?
Yes. Add the page IDs or slugs that should be excluded in ButtonFlow's page exclusion controls, then test both an included and an excluded page.
Put this guide into practice with ButtonFlow.
Review the plugin features, requirements, and other implementation guides, or install it directly from WordPress.org.