{"id":66661,"date":"2026-04-13T11:32:37","date_gmt":"2026-04-13T11:32:37","guid":{"rendered":"http:\/\/performers.cam4.com\/?p=66661"},"modified":"2026-04-13T11:32:38","modified_gmt":"2026-04-13T11:32:38","slug":"token-indicators-user-badges","status":"publish","type":"post","link":"https:\/\/performers.cam4.com\/da\/token-indicators-user-badges\/","title":{"rendered":"Token Indicators + user badges"},"content":{"rendered":"<section class=\"cam4-article alignwide\" lang=\"nl\">\n<p class=\"preview-intro\">\n    Get direct insight into who&#8217;s in your room: with the CAM4 Token Indicator you recognize big tippers, read the chat smarter and steer your show more effectively.\n  <\/p>\n<style>\n    .cam4-article {\n      --surface:#f5f6f8; --text:#1b1b1f; --muted:#6b6f7a; --brand:#ff7a00;\n      --radius:14px; --radius-sm:10px; --border:rgba(0,0,0,.08);\n      --font:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;\n      color:var(--text); line-height:1.6;\n      background:transparent !important; box-shadow:none !important;\n      border:0 !important; border-radius:0 !important; padding:0; margin:0;\n    }<\/p>\n<p>    .cam4-article, \n    .cam4-article h1, .cam4-article h2, .cam4-article h3, .cam4-article h4, \n    .cam4-article p, .cam4-article li, .cam4-article a {\n      font-family:var(--font) !important;\n      -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;\n    }<\/p>\n<p>    .cam4-article a { color:var(--brand); text-decoration:none; }\n    .cam4-article a:hover { text-decoration:underline; }\n    .cam4-article h1, .cam4-article h2, .cam4-article h3 {\n      font-weight:800; line-height:1.25; margin:0 0 12px; color:#111;\n    }\n    .cam4-article h1 {\n      font-size:clamp(28px,4vw,40px); letter-spacing:-0.02em;\n    }\n    .cam4-article h2 {\n      font-size:clamp(20px,2.6vw,26px);\n      margin-top:28px; padding-bottom:6px;\n      border-bottom:2px solid rgba(255,122,0,.20);\n    }\n    .cam4-article p { margin:0 0 12px; }\n    .cam4-article ul { margin:6px 0 0 18px; }\n    .cam4-article .muted { color:var(--muted); }\n    .cam4-article .lead {\n      font-size:clamp(16px,2.2vw,18px); color:var(--muted); margin-bottom:8px;\n    }\n    .cam4-article .preview-intro { margin:0 0 12px; }<\/p>\n<p>    .cam4-article .hero {\n      background: radial-gradient(1200px 420px at 20% -10%, rgba(255,122,0,.10), transparent 60%),\n                  linear-gradient(180deg, rgba(255,176,103,.06), transparent 40%);\n      border-left:6px solid var(--brand);\n      padding:clamp(16px,3.5vw,24px); margin:0 0 18px;\n    }\n    .cam4-article .stamp {\n      font-size:12px; color:var(--muted); display:block; margin-top:6px;\n    }<\/p>\n<p>    .cam4-article .cards {\n      display:grid; gap:12px; grid-template-columns:1fr; margin-top:10px;\n    }\n    @media(min-width:720px){\n      .cam4-article .cards-2 { grid-template-columns:repeat(2,1fr); }\n      .cam4-article .cards-3 { grid-template-columns:repeat(3,1fr); }\n    }<\/p>\n<p>    .cam4-article .card {\n      background:var(--surface); border:1px solid var(--border);\n      border-radius:var(--radius-sm); padding:14px;\n    }\n    .cam4-article .card h3 {\n      font-size:16px; margin-bottom:6px; color:#111; position:relative; padding-left:10px;\n    }\n    .cam4-article .card h3::before {\n      content:\"\"; position:absolute; left:0; top:8px;\n      width:4px; height:14px; background:var(--brand); border-radius:2px;\n    }<\/p>\n<p>    .cam4-article img {\n      max-width:100%; height:auto; border-radius:10px; display:block;\n    }<\/p>\n<p>    .cam4-article .video-embed {\n      position:relative; padding-top:56.25%; border-radius:14px; overflow:hidden;\n      border:1px solid var(--border); background:#000;\n      max-width:1000px; margin:8px auto 14px;\n    }\n    .cam4-article .video-embed iframe {\n      position:absolute; inset:0; width:100%; height:100%; border:0;\n    }<\/p>\n<p>    .cam4-article .note {\n      font-size:12px; color:var(--muted);\n      margin-top:14px; border-top:1px solid var(--border); padding-top:10px;\n    }<\/p>\n<p>    .cam4-article .media-feature {\n      display:grid; gap:20px; grid-template-columns:1fr; align-items:stretch;\n    }\n    @media(min-width:720px){\n      .cam4-article .media-feature { grid-template-columns:1fr 1fr; }\n    }\n    .cam4-article .media-feature img {\n      width:100%;\n      height:100%;\n      object-fit:contain;\n      border:1px solid var(--border);\n      border-radius:var(--radius-sm);\n    }<\/p>\n<p>    .cam4-article .legend-box {\n      background:#eef0f3; border:1px solid var(--border);\n      border-radius:var(--radius-sm); padding:14px; height:100%;\n    }\n    .cam4-article .legend-box h3 {\n      font-size:16px; margin:0 0 8px; color:#111; position:relative; padding-left:10px;\n    }\n    .cam4-article .legend-box h3::before {\n      content:\"\"; position:absolute; left:0; top:8px;\n      width:4px; height:14px; background:var(--brand); border-radius:2px;\n    }\n    .cam4-article .legend-list {\n      list-style:none; padding:0; margin:0;\n    }\n    .cam4-article .legend-list li {\n      display:flex; align-items:center; gap:8px; margin:8px 0;\n    }\n    .cam4-article .legend-list .muted { margin-top:10px; }\n    .cam4-article .swatch {\n      width:12px; height:12px; border-radius:3px; display:inline-block;\n    }\n    .cam4-article .swatch-blue { background:#3b82f6; }\n    .cam4-article .swatch-purple { background:#8b5cf6; }\n    .cam4-article .swatch-yellow { background:#f59e0b; }\n    .cam4-article .swatch-red { background:#ef4444; }\n    .cam4-article .centered { display:block; margin:0 auto; }\n  <\/style>\n<header class=\"hero\">\n<h1>More insight with the CAM4 Token Indicator<\/h1>\n<p class=\"lead\">\n      See at a glance who recently tipped, recognize big spenders and focus your energy where it pays off \u2014 directly in your chat.\n    <\/p>\n<p>    <span class=\"stamp\"><br \/>\n      Tip: link your goals and Tip Menu to what your &#8220;colored&#8221; viewers show for maximum conversion.<br \/>\n    <\/span><br \/>\n  <\/header>\n<section>\n<h2>What is the Token Indicator?<\/h2>\n<p>\n      The Token Indicator shows in your CAM4-chat how much a viewer has spent in the last 14 days.<br \/>\n      Color-coded names and badges (such as GOLD, Fanclub or Moderator) help you quickly assess how involved someone is.\n    <\/p>\n<div class=\"video-embed\">\n      <iframe title=\"Token Indicator Demo\" src=\"https:\/\/player.vimeo.com\/video\/845045952?badge=0&amp;autopause=0\" allowfullscreen><\/iframe>\n    <\/div>\n<p>    <script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script><\/p>\n<div class=\"media-feature\">\n<aside class=\"legend-box\">\n<h3>Colors based on spending (last 14 days)<\/h3>\n<ul class=\"legend-list\">\n<li><span class=\"swatch swatch-blue\"><\/span> Blue: more than 20 tokens<\/li>\n<li><span class=\"swatch swatch-purple\"><\/span> Purple: more than 100 tokens<\/li>\n<li><span class=\"swatch swatch-yellow\"><\/span> Yellow: more than 250 tokens<\/li>\n<li><span class=\"swatch swatch-red\"><\/span> Red: more than 500 tokens<\/li>\n<li class=\"muted\">Spent less than 20 tokens? Then no color appears.<\/li>\n<\/ul>\n<\/aside>\n<p>  <img decoding=\"async\" src=\"http:\/\/performers.cam4.com\/wp-content\/uploads\/13.07.2023_13.56.25_REC.png\" alt=\"CAM4 chat with token indicator\" \/>\n<\/div>\n<\/section>\n<p><\/p>\n<section>\n<h2>Colors based on spending<\/h2>\n<p>\n      Everyone in your chat gets (if applicable) a color based on tokens spent in the last 14 days.\n    <\/p>\n<p>    <img decoding=\"async\" class=\"centered\" src=\"http:\/\/performers.cam4.com\/wp-content\/uploads\/image-9-750x557.png\" alt=\"Color levels legend\" \/><\/p>\n<p>\n      Whatever color you see \u2014 greet these viewers warmly and involve them in your goals. Often regular visitors are your next top tippers.\n    <\/p>\n<\/section>\n<section>\n<h2>Badges and roles in the chat<\/h2>\n<p>In addition to colors, you see different icons and labels. This way you know directly who is speaking:<\/p>\n<div class=\"cards cards-2\">\n<div class=\"card\">\n<h3>Token icon<\/h3>\n<p>Indicates that a viewer currently has tokens available.<\/p>\n<p>        <img decoding=\"async\" src=\"http:\/\/performers.cam4.com\/wp-content\/uploads\/CAM4_HasTokens_icon-1.jpg\" alt=\"Token icoon\" \/>\n      <\/div>\n<div class=\"card\">\n<h3>Your messages<\/h3>\n<p>This is what your chat messages look like as a creator during the broadcast.<\/p>\n<p>        <img decoding=\"async\" src=\"http:\/\/performers.cam4.com\/wp-content\/uploads\/model-in-chat.jpg\" alt=\"Creator in chat\" \/>\n      <\/div>\n<\/p><\/div>\n<div class=\"cards cards-3\">\n<div class=\"card\">\n<h3>GOLD member<\/h3>\n<p>Viewers with a Gold subscription and extra features. Their status is independent of their token balance.<\/p>\n<p>        <img decoding=\"async\" src=\"http:\/\/performers.cam4.com\/wp-content\/uploads\/CAM4_GoldMember_icon.jpg\" alt=\"Gold member icoon\" \/>\n      <\/div>\n<div class=\"card\">\n<h3>Moderator<\/h3>\n<p>Helpers you designate with tools like mute, kick and ban (only in your room).<\/p>\n<p>        <img decoding=\"async\" src=\"http:\/\/performers.cam4.com\/wp-content\/uploads\/CAM4_Moderator_icon.jpg\" alt=\"Moderator icoon\" \/>\n      <\/div>\n<div class=\"card\">\n<h3>Regular member<\/h3>\n<p>A registered CAM4 user without a Gold subscription.<\/p>\n<p>        <img decoding=\"async\" src=\"http:\/\/performers.cam4.com\/wp-content\/uploads\/CAM4_Nomaluser_Icon-1.jpg\" alt=\"Normaal lid icoon\" \/>\n      <\/div>\n<\/p><\/div>\n<div class=\"cards cards-2\">\n<div class=\"card\">\n<h3>Admin (CAM4 Crew)<\/h3>\n<p>Official CAM4 staff who provide support and oversee the rules. They never ask for your password.<\/p>\n<p>        <img decoding=\"async\" src=\"http:\/\/performers.cam4.com\/wp-content\/uploads\/CAM4_Accountmanager_Icon.jpg\" alt=\"Admin icoon\" \/>\n      <\/div>\n<div class=\"card\">\n<h3>Coach (CAM4 Crew)<\/h3>\n<p>Selected CAM4 coaches who support creators and provide training.<\/p>\n<p>        <img decoding=\"async\" src=\"http:\/\/performers.cam4.com\/wp-content\/uploads\/CAM4_coach_icon-1.jpg\" alt=\"Coach icoon\" \/>\n      <\/div>\n<\/p><\/div>\n<\/section>\n<section>\n<div class=\"cards\">\n<div class=\"card\">\n<h3>Smart use of newcomers<\/h3>\n<p>        <img decoding=\"async\" style=\"margin:6px 0;\" src=\"http:\/\/performers.cam4.com\/wp-content\/uploads\/CAM4_Roomenter_icon.png\" alt=\"Binnenkomer melding\" \/><\/p>\n<p>\n          You immediately see when someone enters your room (like this example of a Gold member). Use that info wisely: greet new &#8220;colored&#8221; viewers, link your goals (&#8220;120 more to Goal 2&#8221;) and highlight 1\u20132 popular Tip Menu items. This increases your chance of tips \u2014 without pushing.\n        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"note\">\n      Pro tip: have a few short sentences ready to name thresholds (\u201c80 more to Goal 1\u201d), thank them for each unlock and name 1\u20132 menu-suggestions (e.g. 25\/50\/150 tokens).\n    <\/p>\n<\/section>\n<\/section>\n<div class=\"m-entry__feedback\"><div class=\"m-feedback-prompt\">\n\t\t  <h4 class=\"m-feedback-prompt__header\">Was this article helpful?<\/h4>\n\t\t  <a href=\"#\" class=\"m-feedback-prompt__button m-feedback-prompt__social m-feedback-prompt__social_thumbsup yes\" data-analytics-link=\"feedback-prompt:yes\">\n\t\t    <i class=\"fa fa-thumbs-up\">&nbsp;<\/i>\n\t\t  <\/a>\n\t\t  <a href=\"#\" class=\"m-feedback-prompt__button m-feedback-prompt_form no\" data-analytics-link=\"feedback-prompt:no\">\n\t\t    <i class=\"fa fa-thumbs-down\">&nbsp;<\/i>\n\t\t  <\/a><br>\n\t\t  <div class=\"m-feedback-prompt__display m-feedback-prompt__social yes\">\n\t\t    <p class=\"m-feedback-prompt__text\">Awesome, share it:<\/p>\n\t\t    <a class=\"m-feedback-prompt__social--button p-button-social has-icon facebook fa fa-facebook\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/performers.cam4.com\/da\/token-indicators-user-badges\/\" onclick=\"javascript:window.open(this.href,\n  '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;\">\n\t\t      <span class=\"p-button-social__social-text\">Share<\/span>\n\t\t    <\/a>\n\t\t    <a class=\"m-feedback-prompt__social--button p-button-social has-icon twitter fa fa-twitter\" href=\"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/performers.cam4.com\/da\/token-indicators-user-badges\/&text=Token Indicators   user badges\" onclick=\"javascript:window.open(this.href,\n  '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;\">\n\t\t      <span class=\"p-button-social__social-text\">Tweet<\/span>\n\t\t    <\/a>\n\t\t    <a class=\"m-feedback-prompt__social--button p-button-social has-icon googleplus fa fa-google-plus\" href=\"https:\/\/plus.google.com\/share?url=https:\/\/performers.cam4.com\/da\/token-indicators-user-badges\/\" onclick=\"javascript:window.open(this.href,\n  '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;\">\n\t\t      <span class=\"p-button-social__social-text\">Google Plus<\/span>\n\t\t    <\/a>\n\t\t    <a class=\"m-feedback-prompt__social--button p-button-social has-icon linkedin fa fa-linkedin\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&url=https:\/\/performers.cam4.com\/da\/token-indicators-user-badges\/&title=Token Indicators   user badges\" onclick=\"javascript:window.open(this.href,\n  '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;\">\n\t\t      <span class=\"p-button-social__social-text\">LinkedIn<\/span>\n\t\t    <\/a>\n\t\t  <\/div>\n\t\t  \t<div class=\"m-feedback-prompt__display m-feedback-prompt__form no\">\n\t\t  \t<div class=\"thanks feedback-nodisplayall\"><h2>Thanks!<h2><div class=\"m-contact\"><p>Thanks for getting in touch with us.<\/p><\/div><\/div>\n\t\t    <form id=\"contact-form\" class=\"new_support_request\" action=\"\" accept-charset=\"UTF-8\" method=\"post\">\n\t\t    <input type=\"hidden\" id=\"authenticity_token\" name=\"authenticity_token\" value=\"accb2bf696\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/da\/wp-json\/wp\/v2\/posts\/66661\" \/>\n\t\t      <input value=\"https:\/\/performers.cam4.com\/da\/token-indicators-user-badges\/\" type=\"hidden\" name=\"currenturl\" id=\"currenturl\">\n\t\t      <input value=\"Token Indicators   user badges\" type=\"hidden\" name=\"currenttitle\" id=\"currenttitle\">\n\t\t      <label class=\"is-required\">Help us improve. Give us your feedback:<\/label>\n\t\t      <textarea class=\"p-input__textarea\" name=\"feedbackmessage\" id=\"feedbackmessage\"><\/textarea>\n\t\t      <label class=\"is-required\">Your Full Name:<\/label>\n\t\t      <input class=\"p-input__text\" type=\"text\" name=\"feedbackfullname\" id=\"feedbackfullname\">\n\t\t      <label class=\"is-required\">Your email address:<\/label>\n\t\t      <input class=\"p-input__text\" type=\"text\" name=\"mailinglistemail\" id=\"mailinglistemail\">\n\t\t      <div class=\"feedback-message\" id=\"feedback-message\"><\/div>\n\t\t      <div class=\"__submit\">\n\t\t        <input type=\"submit\" name=\"commit\" value=\"Submit\" class=\"p-button\" id=\"submit-contact-form\" data-analytics-link=\"feedback-prompt:submit\">\n\t\t      <\/div>\n\t\t\t<\/form>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Get direct insight into who&#8217;s in your room: with the CAM4 Token Indicator you recognize big tippers, read the chat smarter and steer your show more effectively. More insight with the CAM4 Token Indicator See at a glance who recently tipped, recognize big spenders and focus your energy where it pays off \u2014 directly in &hellip; <a href=\"https:\/\/performers.cam4.com\/da\/token-indicators-user-badges\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Token Indicators + user badges<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,53],"tags":[],"class_list":["post-66661","post","type-post","status-publish","format-standard","hentry","category-do-not-use","category-getting-started"],"acf":[],"_links":{"self":[{"href":"https:\/\/performers.cam4.com\/da\/wp-json\/wp\/v2\/posts\/66661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/performers.cam4.com\/da\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/performers.cam4.com\/da\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/performers.cam4.com\/da\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/performers.cam4.com\/da\/wp-json\/wp\/v2\/comments?post=66661"}],"version-history":[{"count":2,"href":"https:\/\/performers.cam4.com\/da\/wp-json\/wp\/v2\/posts\/66661\/revisions"}],"predecessor-version":[{"id":67515,"href":"https:\/\/performers.cam4.com\/da\/wp-json\/wp\/v2\/posts\/66661\/revisions\/67515"}],"wp:attachment":[{"href":"https:\/\/performers.cam4.com\/da\/wp-json\/wp\/v2\/media?parent=66661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/performers.cam4.com\/da\/wp-json\/wp\/v2\/categories?post=66661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/performers.cam4.com\/da\/wp-json\/wp\/v2\/tags?post=66661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}