TikTok for Business

Since its launch in 2016, TikTok has become one of the most popular social media platforms, with over 800 million active users worldwide.

GET A FREE QUOTE

Tiktok for small business

Reach a younger demographic

TikTok is a highly popular social media platform among younger audiences, and using it can help small businesses reach and engage with this demographic. By creating interesting and engaging content on TikTok, small businesses can increase their brand awareness among younger consumers.

Opportunity for virality

TikTok has a unique algorithm that helps content go viral quickly, giving small businesses the opportunity to increase their visibility and reach on the platform. With creative and engaging content, small businesses can quickly gain a large following and increase their brand recognition on TikTok.

Cost-effective marketing

Compared to other social media platforms, TikTok is relatively low-cost for businesses to advertise on. This means that small businesses with limited budgets can still create effective marketing campaigns and reach a large audience without breaking the bank.

TikTok's Power for Business Growth

TikTok’s Power for Business Growth

With over 500 million monthly active users, TikTok is a global sensation with users from all walks of life. Everyone uses TikTok to create and share fun videos, from kids to celebrities.

As the TikTok app grows in popularity, businesses are taking notice and creating engaging content to reach a new audience. Creating TikTok videos for your business can help you get a wider audience, connect with potential customers, and boost brand awareness.

GET A FREE QUOTE

Let’s Work Together

Take your business to the next level with TikTok. Let us help you plan, advertise, and create high-quality vertical videos that will capture your audience’s attention. Contact us now to get started!

Locations

Medicine Hat

Unit 102 101-1201 Kingsway Ave SE
Medicine Hat, AB T1A2Y2

Calgary

Unit 2000 – 940 6 Ave SW, Calgary, AB T2P 3T1.

Office Phone: (403) 800-1527
Cell Phone: (403) 878-6032

info@ifmedia.ca

Follow Us

Subscription

Lorem Ipsum available but the majority have suffered alteration.

/** * IF MEDIA INC. — VBOUT CRM Bridge v2 * JS · Divi > Theme Options > Integration > Body Code * OR enqueued via child theme (preferred) * * Single public namespace: window.IFSForms * * Modules * ─────── * 1. CONFIG — all constants and thresholds * 2. EVENTS — internal pub/sub lifecycle bus * 3. SDK LOADER — idempotent async script injection * 4. FIELD BRIDGE — polls for live VBOUT fields, builds registry * 5. OBSERVER — MutationObserver-based success detection * 6. SUBMIT ENGINE — public API, data injection, state machine */(function () { 'use strict';/* ───────────────────────────────────────────────────────────── 1. CONFIG ───────────────────────────────────────────────────────────── */ var CONFIG = { SCRIPT_SRC: 'https://www.vbt.io/ext/vbtforms.js?lang=en', SCRIPT_ID: 'ifs-vbout-sdk', SCRIPT_CHARSET: 'utf-8', BRIDGE_SELECTOR: '.ifs-crm-bridge', FORM_SELECTOR: '.ifs-crm-form', FORM_KEY_ATTR: 'data-form-key', BRIDGE_STATE_ATTR: 'data-bridge-state',/* How long to poll for VBOUT fields after SDK loads */ POLL_INTERVAL_MS: 200, POLL_TIMEOUT_MS: 12000,/* Max wait for VBOUT SDK script to load */ SDK_TIMEOUT_MS: 10000,/* requestIdleCallback budget */ IDLE_TIMEOUT_MS: 3000,/* * How long to observe the VBOUT wrapper for a success signal * after submit.click() fires. If nothing is detected in this * window, we emit 'submitted_unconfirmed' instead of 'success'. */ SUCCESS_TIMEOUT_MS: 8000,/* * Text/class patterns VBOUT uses to signal a successful * submission. These are observed in the wrapper's DOM. * Extend this list if VBOUT's output changes. */ SUCCESS_TEXT_PATTERNS: [ 'thank you', 'thanks', 'submitted', 'received', 'success', 'confirmation', ], SUCCESS_CLASS_PATTERNS: [ 'success', 'confirmation', 'thank', 'submitted', ], };/* ───────────────────────────────────────────────────────────── 2. EVENTS Internal pub/sub. Errors in subscribers never crash the bridge. Lifecycle events: sdk:loaded | sdk:error form:ready | form:error bridge:ready ready | error | submit | submitting | success | submitted_unconfirmed ───────────────────────────────────────────────────────────── */ var Events = (function () { var listeners = {};function on(event, fn) { if (typeof fn !== 'function') return; (listeners[event] = listeners[event] || []).push(fn); }function off(event, fn) { if (!listeners[event]) return; listeners[event] = listeners[event].filter(function (f) { return f !== fn; }); }function emit(event, payload) { (listeners[event] || []).forEach(function (fn) { try { fn(payload); } catch (_) {} }); }return { on: on, off: off, emit: emit }; })();/* ───────────────────────────────────────────────────────────── 3. SDK LOADER Injects the VBOUT script once. Guards against Divi partial re-renders, WP ajax navigation, and double-execution. ───────────────────────────────────────────────────────────── */ var SDKLoader = (function () { var loaded = false; var pending = false; var timer = null;function load() { if (document.getElementById(CONFIG.SCRIPT_ID)) { loaded = true; Events.emit('sdk:loaded'); return; } if (pending || loaded) return; pending = true;var script = document.createElement('script'); script.id = CONFIG.SCRIPT_ID; script.src = CONFIG.SCRIPT_SRC; script.async = true; script.charset = CONFIG.SCRIPT_CHARSET;timer = setTimeout(function () { if (!loaded) { pending = false; Events.emit('sdk:error', { reason: 'timeout' }); } }, CONFIG.SDK_TIMEOUT_MS);script.onload = function () { clearTimeout(timer); loaded = pending = false; loaded = true; Events.emit('sdk:loaded'); };script.onerror = function () { clearTimeout(timer); pending = false; Events.emit('sdk:error', { reason: 'load_error' }); };document.body.appendChild(script); }return { load: load }; })();/* ───────────────────────────────────────────────────────────── 4. FIELD BRIDGE Polls each .ifs-crm-form wrapper until VBOUT has injected its real /

elements, then stores
     a per-form registry entry. Field mapping is deferred —
     only structural registration happens here.
  ───────────────────────────────────────────────────────────── */
  var FieldBridge = (function () {
    var registry   = {};
    var pollTimers = {};

function registerAll() {
      document.querySelectorAll(CONFIG.FORM_SELECTOR).forEach(function (node) {
        var key = node.getAttribute(CONFIG.FORM_KEY_ATTR);
        if (!key || registry[key]) return;
        pollUntilReady(key, node);
      });
    }

function pollUntilReady(key, wrapper) {
      var elapsed = 0;

pollTimers[key] = setInterval(function () {
        elapsed += CONFIG.POLL_INTERVAL_MS;

var fields = wrapper.querySelectorAll('input, select, textarea');
        var btn    = wrapper.querySelector(
          '[type="submit"], button[type="submit"], button:not([type])'
        );

if (fields.length && btn) {
          clearInterval(pollTimers[key]);
          registry[key] = { wrapper: wrapper, fields: fields, submit: btn, ready: true };
          Events.emit('form:ready', { key: key });
          checkAllReady();
          return;
        }

if (elapsed >= CONFIG.POLL_TIMEOUT_MS) {
          clearInterval(pollTimers[key]);
          Events.emit('form:error', { key: key, reason: 'fields_not_found' });
        }
      }, CONFIG.POLL_INTERVAL_MS);
    }

function checkAllReady() {
      var nodes    = document.querySelectorAll(CONFIG.FORM_SELECTOR);
      var allReady = Array.prototype.every.call(nodes, function (n) {
        var k = n.getAttribute(CONFIG.FORM_KEY_ATTR);
        return k && registry[k] && registry[k].ready;
      });
      if (allReady) Events.emit('bridge:ready');
    }

function getForm(key)  { return registry[key] || null; }
    function isReady(key)  { return !!(registry[key] && registry[key].ready); }

return { registerAll: registerAll, getForm: getForm, isReady: isReady };
  })();

/* ─────────────────────────────────────────────────────────────
     5. OBSERVER
     Watches the VBOUT wrapper for DOM changes that signal a real
     successful submission. VBOUT typically replaces the form with
     a thank-you/confirmation message. We detect this via:
       a) Text content matching SUCCESS_TEXT_PATTERNS
       b) Class names matching SUCCESS_CLASS_PATTERNS
       c) The <form> element being removed from the wrapper
     If none of these are observed within SUCCESS_TIMEOUT_MS,
     'submitted_unconfirmed' is emitted instead of 'success'.
  ───────────────────────────────────────────────────────────── */
  var Observer = (function () {

function nodeIndicatesSuccess(node) {
      if (!node || node.nodeType !== 1) return false;

/* Check class names on this node and its children */
      var allNodes = [node].concat(Array.prototype.slice.call(
        node.querySelectorAll ? node.querySelectorAll('*') : []
      ));

for (var i = 0; i < allNodes.length; i++) {
        var el        = allNodes[i];
        var classStr  = (el.className || '').toLowerCase();
        var textStr   = (el.textContent || '').toLowerCase().trim();

for (var c = 0; c < CONFIG.SUCCESS_CLASS_PATTERNS.length; c++) {
          if (classStr.indexOf(CONFIG.SUCCESS_CLASS_PATTERNS[c]) !== -1) return true;
        }
        for (var t = 0; t < CONFIG.SUCCESS_TEXT_PATTERNS.length; t++) {
          if (textStr.indexOf(CONFIG.SUCCESS_TEXT_PATTERNS[t]) !== -1) return true;
        }
      }
      return false;
    }

function formWasRemoved(wrapper) {
      return !wrapper.querySelector('form');
    }

/**
     * Begin watching wrapper for VBOUT success signals.
     * Calls onSuccess() or onUnconfirmed() exactly once.
     * @param {Element}  wrapper
     * @param {string}   key
     * @param {Function} onSuccess
     * @param {Function} onUnconfirmed
     */
    function watch(wrapper, key, onSuccess, onUnconfirmed) {
      var settled = false;

function resolve(confirmed) {
        if (settled) return;
        settled = true;
        clearTimeout(timer);
        mo.disconnect();
        confirmed ? onSuccess() : onUnconfirmed();
      }

var mo = new MutationObserver(function (mutations) {
        for (var m = 0; m < mutations.length; m++) {
          var mutation = mutations[m];

/* Added nodes — look for a success message */
          for (var a = 0; a < mutation.addedNodes.length; a++) {
            if (nodeIndicatesSuccess(mutation.addedNodes[a])) {
              return resolve(true);
            }
          }

/* Attribute change on the wrapper or a child */
          if (mutation.type === 'attributes') {
            var target   = mutation.target;
            var classStr = (target.className || '').toLowerCase();
            for (var c = 0; c < CONFIG.SUCCESS_CLASS_PATTERNS.length; c++) {
              if (classStr.indexOf(CONFIG.SUCCESS_CLASS_PATTERNS[c]) !== -1) {
                return resolve(true);
              }
            }
          }

/* Removed nodes — if </form><form> is gone, VBOUT replaced it */
          for (var r = 0; r < mutation.removedNodes.length; r++) {
            var rn = mutation.removedNodes[r];
            if (rn.tagName && rn.tagName.toLowerCase() === 'form') {
              return resolve(true);
            }
          }
        }

/* Fallback: scan full wrapper text after any mutation */
        if (nodeIndicatesSuccess(wrapper) || formWasRemoved(wrapper)) {
          resolve(true);
        }
      });

mo.observe(wrapper, {
        childList:  true,
        subtree:    true,
        attributes: true,
        characterData: true,
      });

/* Timeout guard — emit unconfirmed if nothing detected */
      var timer = setTimeout(function () {
        resolve(false);
      }, CONFIG.SUCCESS_TIMEOUT_MS);
    }

return { watch: watch };
  })();

/* ─────────────────────────────────────────────────────────────
     6. SUBMIT ENGINE
     Public API. Manages the full submission state machine:
       idle → submitting → success | submitted_unconfirmed | error

Field mapping is intentionally absent. The data object is
     passed through to injectData() as-is. When VBOUT field names
     are confirmed, a mapFields(data) transform is inserted in
     injectData() without any public API change.
  ───────────────────────────────────────────────────────────── */
  var SubmitEngine = (function () {

var DEFAULT_FORM_KEY = 'creator';

/* Per-form submission state: prevents concurrent submissions */
    var submitting = {};

function injectField(field, value) {
      var tag = field.tagName.toLowerCase();

if (tag === 'select') {
        Array.prototype.forEach.call(field.options, function (opt) {
          opt.selected = (opt.value === value || opt.text === value);
        });
      } else if (field.type === 'checkbox' || field.type === 'radio') {
        field.checked = (field.value === value || value === true);
      } else {
        field.value = value;
      }

['input', 'change'].forEach(function (evtName) {
        field.dispatchEvent(new Event(evtName, { bubbles: true }));
      });
    }

function injectData(form, data) {
      /*
       * FIELD MAPPING HOOK
       * When VBOUT field names are confirmed, replace the direct
       * pass-through with: var mapped = mapFields(data);
       */
      var mapped = data;

Array.prototype.forEach.call(form.fields, function (field) {
        var key = field.name
          || field.getAttribute('data-vbout-field')
          || field.id;
        if (key && Object.prototype.hasOwnProperty.call(mapped, key)) {
          injectField(field, mapped[key]);
        }
      });
    }

function submitTo(key, data) {
      if (!FieldBridge.isReady(key)) {
        Events.emit('error', { key: key, reason: 'form_not_ready' });
        return false;
      }

if (submitting[key]) {
        Events.emit('error', { key: key, reason: 'submission_in_progress' });
        return false;
      }

var form = FieldBridge.getForm(key);
      submitting[key] = true;

Events.emit('submit',     { key: key, data: data });
      Events.emit('submitting', { key: key });

injectData(form, data);

try {
        form.submit.click();
      } catch (e) {
        submitting[key] = false;
        Events.emit('error', { key: key, reason: 'submit_click_failed', error: e });
        return false;
      }

/* Begin observing for real VBOUT success signal */
      Observer.watch(
        form.wrapper,
        key,
        function onSuccess() {
          submitting[key] = false;
          Events.emit('success', { key: key });
        },
        function onUnconfirmed() {
          submitting[key] = false;
          Events.emit('submitted_unconfirmed', { key: key });
        }
      );

return true;
    }

function submit(data)        { return submitTo(DEFAULT_FORM_KEY, data); }
    function ready(key)          { return FieldBridge.isReady(key || DEFAULT_FORM_KEY); }

return { submit: submit, submitTo: submitTo, ready: ready };
  })();

/* ─────────────────────────────────────────────────────────────
     BRIDGE INIT
  ───────────────────────────────────────────────────────────── */
  function init() {
    var container = document.querySelector(CONFIG.BRIDGE_SELECTOR);
    if (!container) return;

Events.on('sdk:loaded',   function () {
      container.setAttribute(CONFIG.BRIDGE_STATE_ATTR, 'sdk-ready');
      FieldBridge.registerAll();
    });

Events.on('bridge:ready', function () {
      container.setAttribute(CONFIG.BRIDGE_STATE_ATTR, 'ready');
      Events.emit('ready');
    });

Events.on('sdk:error',    function (p) {
      container.setAttribute(CONFIG.BRIDGE_STATE_ATTR, 'error');
      Events.emit('error', p);
    });

Events.on('form:error',   function (p) { Events.emit('error', p); });

SDKLoader.load();
  }

function boot() {
    if ('requestIdleCallback' in window) {
      requestIdleCallback(init, { timeout: CONFIG.IDLE_TIMEOUT_MS });
    } else {
      setTimeout(init, 500);
    }
  }

if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', boot);
  } else {
    boot();
  }

/* ─────────────────────────────────────────────────────────────
     PUBLIC NAMESPACE — window.IFSForms
  ───────────────────────────────────────────────────────────── */
  window.IFSForms = {
    /** @returns {boolean} true when the target form is ready to receive submissions */
    ready:    SubmitEngine.ready,

/** Submit data to the default creator form */
    submit:   SubmitEngine.submit,

/** Submit data to a named form by data-form-key */
    submitTo: SubmitEngine.submitTo,

/** Subscribe to a lifecycle event */
    on:       Events.on,

/** Unsubscribe from a lifecycle event */
    off:      Events.off,
  };

})();
</form>