TikTok Contact Button Free Joomla Module

This module adds a floating TikTok contact button to any corner of your site. It can open your profile, a specific video, a hashtag page, messages, or any custom TikTok URL.

Key Features

📌

Floating button

Place in any of the 4 corners; brand color #11a37e.

🎯

Link types

Profile, Video, Hashtag, Messages, or a Custom URL.

💻

Device visibility

Show on Desktop, Mobile, or both.

📏

Sizes & style

Small / Medium / Large; rounded pill with soft shadow.

🎛️

Positioning & a11y

Offset X/Y, z-index, tooltip, customizable ARIA label.

⚙️

Clean assets

Loads CSS/JS via Joomla 5 Web Asset Manager.

Configurations

  • ✓Link Type: Select: Profile, Video, Hashtag, Messages, or Custom URL.
  • ✓Username: For Profile or Video links. Enter with or without @ (the module normalizes it).
  • ✓Video ID: Required for the Video link type.
  • ✓Hashtag: For Hashtag link type; enter with or without # (the module normalizes it).
  • ✓Custom URL: Any valid TikTok URL (e.g., profile, video, tag, messages, etc.).
  • ✓Button Label: Text next to the TikTok icon.
  • ✓Show Label: Show/hide the label (switch).
  • ✓Position: Bottom Right / Bottom Left / Top Right / Top Left.
  • ✓Offset X / Offset Y: Spacing from the edges in pixels.
  • ✓Size: Small / Medium / Large.
  • ✓Tooltip: Short help text.
  • ✓z-index: Stacking order (default 9999).
  • ✓Show On: Desktop & Mobile / Desktop only / Mobile only.
  • ✓Rounded: Pill-rounded shape.
  • ✓Shadow: Drop shadow on the button.
  • ✓Use Brand Color: Use #11a37e.
  • ✓Custom Color: Override brand color.
  • ✓Accessible Label: ARIA label for screen readers.

Frequently Asked Questions

Should I include the @ in username?
Optional. The module accepts both and outputs the correct format.
How do I find a video ID?
Open the video on tiktok.com and copy the numeric ID at the end of the URL.
Will it open inside the TikTok app?
We use standard HTTPS links that work across devices/browsers. App handoff depends on the user’s OS and browser.