Skip to main content
< All Topics
Print

Adding aΒ “Text Us” Button

Knowledge Base β€Ί Entry Points β€Ί Website Text Button
πŸ’» Entry Points

Adding a “Text Us” Button
to Any Website β€” WordPress,
Squarespace, or Custom HTML

A “Text Us” button powered by a TextingOnly SmartLink converts website visitors into SMS contacts β€” mobile visitors go straight to SMS, desktop visitors get a QR bridge automatically. Here’s how to add it to any website in under 10 minutes.

Website ButtonSmartLinksWordPress4 min read

Adding a “Text Us” button to your website is the highest-ROI 30 minutes you’ll spend with TextingOnly. A website button turns every page visitor into a potential SMS contact β€” with the SmartLink handling mobile vs. desktop detection automatically. No developer required.

1
Go to Lead Collectors β†’ click your active collector
If you haven’t created a collector yet, do that first β€” see Creating a Lead Collector
2
Click Options & Details β†’ QR Code Details
Your SmartLink URL is listed here β€” it looks like c.txtng.co/xxxxxxx
βœ“
Copy the SmartLink URL
This is the URL you’ll paste into your website button β€” works on any platform

Adding to WordPress

In the WordPress block editor (Gutenberg), add a Button block anywhere on the page or in the header/footer:

1
Add a Button block (+ β†’ Button)
Or use a Custom HTML block if you want to style it manually
2
Set the button text: “Text Us” or “Text to Get Started”
Action-oriented text outperforms generic labels β€” make it clear what happens when they tap
3
Paste your SmartLink URL as the button link
In the block settings panel β†’ Link field
βœ“
Publish β€” mobile visitors go to SMS, desktop visitors see a QR code
Test it on your own phone to see the mobile experience before going live
βœ“ WordPress Plugin

TextingOnly’s WordPress Plugin adds a “Text Us” widget automatically β€” no button block required. See the WordPress Plugin article for plugin-specific setup instructions.


Adding to Any Website (HTML)

For Squarespace, Wix, Webflow, Shopify, or any site with a Custom HTML or Embed Code option:

πŸ“‹ Copy this code

<a href="YOUR_SMARTLINK_URL" style="display:inline-block;background:#4a7aad;color:#fff; font-family:sans-serif;font-size:14px;font-weight:600; padding:12px 24px;border-radius:4px;text-decoration:none;"> πŸ’¬ Text Us </a>
Replace YOUR_SMARTLINK_URL with your actual SmartLink URL from the collector settings.


Adding a Floating Text Button

A floating button stays visible as the user scrolls β€” higher visibility, more opt-ins. Add this code to your site’s footer or a Custom HTML widget that appears site-wide:

πŸ“‹ Floating button code

<a href="YOUR_SMARTLINK_URL" style="position:fixed;bottom:24px;right:24px;z-index:9999; background:#4a7aad;color:#fff;font-family:sans-serif; font-size:14px;font-weight:600;padding:13px 20px; border-radius:50px;text-decoration:none; box-shadow:0 4px 16px rgba(0,0,0,.2);"> πŸ’¬ Text Us </a>

βœ“ Best placement

Floating buttons in the bottom-right corner have the highest tap rate. For pages with a dedicated CTA (like a contact page or pricing page), an inline button above the fold outperforms floating. Run both and compare conversion in your TextingOnly reports.


TextingOnly WordPress Plugin

The TextingOnly WordPress Plugin adds a configurable SmartLink widget to your WordPress site automatically β€” including a floating “Text Us” button and inline button shortcodes β€” without any custom code required. See Information About Our WordPress Plugin for full setup instructions.

See a website “Text Us” button live

This page has a TextingOnly SmartLink β€” tap “Text Us” to see the mobile experience in your own Messages app.

Insights Hub
Desktop to Mobile: The QR Bridge Explained

Why every “Text Us” button needs a desktop fallback β€” and how TextingOnly handles it.

Read Insight β†’
Search Icon Site Search Close Site Search
0 results
Text Auto Attendant->