All productsDropdown Menu€5 per yearModal€10 per year
FreebieElement for YOOtheme Pro

TikTok Live Status for YOOtheme Pro

No reviews yet

In short: The check runs on your Joomla server: it reads the status from the TikTok live page, and your visitors' browsers never contact TikTok. The result is cached per account, and you set the check interval on the element. When the account is offline, the element hides itself or shows your own text. It is free, and the download starts right away.

  • Status check runs on your server, your visitors' browsers never contact TikTok
  • Check interval adjustable per element, 10 minutes of cache per account by default
  • Auto mode colors the indicator green when live and red when offline, plus 14 fixed UIkit 3 styles
  • When offline, the element stays hidden or shows your offline text, as you choose
  • Status appears as text in the markup, not just as color (WCAG 2.1 AA, criterion 1.4.1)
  • aria-label states the account, the status and the new-tab notice, icon is aria-hidden
  • Username and all texts can be bound to Joomla content via Dynamic Content
Free

No license needed - just download and get started.

Log in & get it free
Version
1.1.6
Updated
28 Sept 2026
Compatible with
YOOtheme Pro 5 · Joomla

About this product

The element shows on your Joomla website whether a TikTok account is live right now. You place it wherever you want in the YOOtheme Pro builder, enter the username and set the text for live and for offline. The output is a linked status indicator based on UIkit 3. The plugin runs on Joomla 5 and Joomla 6 with YOOtheme Pro 4.x or 5.x and is free.

How the status is determined

The check runs on your server: Joomla fetches the account's live page from TikTok and reads the status from the embedded page JSON. If the status cannot be read with certainty, the account counts as offline instead of being wrongly reported as live. The result is stored per account in the Joomla cache, and you set how long it is kept in the Check interval field, 10 minutes by default. So the indicator is not a live ticker, but the result of the last check, fixed when the page is delivered. No JavaScript runs in the frontend for this.

Privacy: the check never leaves your server

Your visitors' browsers never connect to TikTok at any point: no script, no pixel, no cookie, no transfer of the visitor's IP address. The only connection comes from your server. Only someone who clicks the indicator ends up on tiktok.com in a new tab. This link carries rel="noopener noreferrer" by default, so your site is not passed on as the referrer.

Display in the YOOtheme Pro builder

For the look, there are 14 fixed UIkit 3 styles: four label, six button and four background variants. On top of that comes Auto mode, which colors the indicator green when live and red when offline. Three sizes apply to the button styles, and one option stretches the indicator to full width. A checkbox decides whether the element appears at all when offline: by default it disappears as long as the account is not streaming. Username, live text, offline text, link title and ARIA label can be bound to Joomla content via Dynamic Content.

Accessibility and security

The status appears as text in the markup, such as LIVE NOW or Currently offline, and is not conveyed by color alone. That is exactly what WCAG 2.1 AA requires in success criterion 1.4.1. The TikTok icon is removed from the reading order with aria-hidden, and the link's aria-label states the account, the status and that it opens in a new tab. The focus outline is 2 pixels thick. Output texts and the target URL are escaped, and the username is first validated against a fixed character pattern.

Frequently asked questions

  • How much does the element cost?

    Nothing. You do not need a license, just download it and get started.

  • Which versions does TikTok Live Status work with?

    With YOOtheme Pro 5 on Joomla 5 and 6, PHP 8.1 or newer. The element is not available for WordPress.

  • Do my visitors connect to TikTok?

    No. The check runs on your server: no script, no pixel, no cookie, no visitor IP sent to TikTok. Only someone who clicks the indicator ends up on tiktok.com in a new tab.

  • How up to date is the displayed status?

    It is the result of the last check, not a live ticker. The result is stored per account in the Joomla cache, 10 minutes by default, adjustable in the Check interval field.

  • Why can't I see the element?

    By default it disappears as long as the account is not live. With a checkbox, you can show your offline text instead.

  • What happens if TikTok does not return a clear status?

    Then the account counts as offline. The element would rather report offline than wrongly report live.

  • Is the indicator accessible?

    The status appears as text in the markup, not just as color, as WCAG 2.1 AA requires in success criterion 1.4.1. The aria-label states the account, the status and that the link opens in a new tab.

Reviews

There are no reviews for this product yet.

Only customers who have purchased this product can review it.

Which system?

Your license covers both systems - you can download the other package at any time.

What has changed

TikTok Live Status

All documented versions, newest first.

  1. 1.1.6
    Fixed
    • A corrupted cache entry no longer crashes the page.
    • Full width and alignment now take effect, and multiple status indicators are stacked vertically.
  2. 1.1.5
    Security
    • Security fix: Custom CSS, a dynamically filled element ID and style and size selection are now checked before output. This rules out external stylesheets and injected classes.
    Fixed
    • Live detection rewritten to fail closed: the status is now read from TikTok's embedded page-state JSON together with the effective URL, and shows offline when the state cannot be parsed. Fixes accounts that were always reported as live.
    • Asset cache-busting: on-demand CSS/JS now carry a version query derived from the file modification time, so style and script updates take effect immediately after an update instead of serving stale cached files.
    Note
    • After updating, save once in the YOOtheme Customizer (or recompile the theme style) to clear any old component styles still compiled into the theme CSS.
  3. 1.1.4

    Nothing is documented for this version.

  4. Versions without an entry
    1.0.0

    First release

    The version history starts here.

Your topic

Just the key details - I usually reply within one working day.

Step 1 of 3