Badge setup guide

Words used in this guide

Record

The public page on vereev-ai.com for one item Vereev authenticated. It shows the result, the date and the photos Vereev reviewed.

E-Result code

The code of that record. It has 36 characters in five groups, like 5B0E6F0C-2A51-4C3E-9B7A-0D4C1E9F2A10. Every item has its own.

Record link

The address of a record: www.vereev-ai.com/verify/ followed by the E-Result code. Anyone can open it, with no account.

Badge

A small picture that says what the record says. It links to the record. Vereev draws it, not your store.

Store Kit

Your own page on vereev-ai.com. Sign in with your Vereev account to see every Authentic item, copy its badge or record link, and download your list.

Stock number or SKU

Your own code for an item, as it appears in your store’s product list. You can add it to an item when you order. Only you see it.

Vereev code field

A field you add to your products once. It holds each item’s E-Result code. Your store shows the badge on products where it is filled.

Import file

A spreadsheet file (CSV) that fills the Vereev code field for many products at once. Store Kit makes it. Your store reads it with its own Products, then Import.

Certificate

The certificate the Vereev app makes for a result. It shows the E-Result code and a QR code that opens the record.

Before you start

• The item has an Authentic result from Vereev. If it does not have one yet, authenticate it first.
• You know the email or the Google or Apple sign-in you use for your Vereev account.
• You can edit your store’s products, on a computer.
• Helpful, not required: when you order, add your own stock number or SKU to the item. Store Kit uses it to pair the item with the right product in your store. Only you see it.

Shopify and WooCommerce: set it up once

Do this once, on a computer. After that, one import file from Store Kit fills the Vereev code field for many products at once.

1. 1

   Open Store Kit

   Go to Store Kit and sign in with your Vereev account. It lists every item with an Authentic result.

   Signing in with email and password keeps you in Store Kit. Signing in with Google or Apple takes you to the Authenticate page, signed in; then open Store Kit again from this guide.

2. 2

   Add the Vereev code field

   Shopify

   1. In Shopify admin, go to Settings, then Custom data, then Products. (Newer Shopify admin calls it “Metafields and metaobjects”.)
   2. Press Add definition. Name it “Vereev code”.
   3. Check that “Namespace and key” shows custom.vereev_code. Choose the type “Single line text”, then Save.

   WooCommerce

   1. Download the Vereev Badge plugin. Keep it as a zip file; do not open it.vereev-badge-woocommerce.zipIf your Mac turned the download into a folder, right-click the folder and choose Compress. Use the zip file that appears.
   2. In WordPress admin, go to Plugins, then Add New Plugin, then Upload Plugin.
   3. Choose the zip file, press Install Now, then press Activate.

   The plugin adds a “Vereev code” field to each product, under Product data, on the General tab. It shows the badge on the product page when that field holds a valid code. Products without a code show nothing. It has no settings, and your server never contacts Vereev. It needs WordPress 6.3 or later.

3. 3

   Import the codes for 2 products first

   1. In Store Kit, press “Connect my shop”.
   2. Shopify: type your shop’s address and press “Read my products”.
   3. WooCommerce, or if Store Kit cannot read your list: export your products from your store (Products, then Export, with all columns) and add that file in Store Kit. Store Kit reads it on your computer; the file is not sent to Vereev.
   4. Items whose stock number matches a product SKU are paired for you. Choose the product for each of the rest.
   5. The first time, press “Download a 2-product test file”. If only 1 or 2 products are paired, Store Kit shows only the import file: download that.
   6. Shopify: go to Products, then Import. Choose the file, tick “Overwrite products with matching handles” and import.
   7. WooCommerce: go to Products, then Import. Choose the file, tick “Update existing products”, press Continue, leave the column choices as they are and run the importer.
   8. Open both products. The Vereev code field should hold the code, and nothing else should have changed.

   Not yet tested on a live store: try it with 2 products first.

4. 4

   Shopify only: add the badge block once

   1. Go to Online Store, then Themes, then Customize, and open a product page.
   2. Add a “Custom Liquid” block where the badge should appear, for example below the Buy buttons.
   3. Paste this into the block, then Save:

   Shopify · Custom Liquid blockCopy

   {% if product.metafields.custom.vereev_code != blank %}
     <span data-vereev-code="{{ product.metafields.custom.vereev_code | escape }}"
           data-theme="light"></span>
     <script async src="https://www.vereev-ai.com/badge.js"></script>
   {% endif %}

   Open the theme editor again and check that the block still holds this text. Products without a code show nothing, so the block can stay on every product page. WooCommerce: skip this step; the plugin shows the badge for you.

Look at both product pages as a buyer would (see Check your badge). When both look right, download the full import file in Store Kit and import it the same way. For new items later, make a new import file. You can also type a code straight into one product’s Vereev code field.

Other sites: one item at a time

For other sites where you can paste code into a product’s description. It also works for a single item on Shopify or WooCommerce.

1. 1

   Copy the item’s badge

   In Store Kit, find the item and press “Copy image and link”. You can also paste its E-Result code into the badge maker. It looks like this:

   Picture and linkCopy

   <a href="https://www.vereev-ai.com/verify/YOUR-E-RESULT-CODE" target="_blank" rel="noopener">
     <img src="https://www.vereev-ai.com/badge/YOUR-E-RESULT-CODE.svg?theme=light"
          alt="Vereev authentication record" width="300" height="64">
   </a>

2. 2

   Paste it into the product’s description

   In your store’s admin, open the product. In the description box, switch to HTML view (often a button marked </> or “Edit HTML”), or add an HTML block. Paste the badge where it should appear, then save.

3. 3

   Look at your page as a buyer would

   Open the product page. The badge should read “Authenticated by Vereev” with the brand and the review date. Select it: the record should open and its photos should show the same item.

For developers

On a custom-built site, load the script once and print a holder wherever a badge belongs. No key, no sign-up and no server work. In Store Kit, “Download my list (CSV)” gives every item’s E-Result code, record link and badge, ready to load into your own product data.

<!-- Once, anywhere on the page -->
<script async src="https://www.vereev-ai.com/badge.js"></script>

<!-- Wherever a badge belongs. Print the code from your own product data. -->
<span data-vereev-code="YOUR-E-RESULT-CODE" data-theme="light"></span>

<!-- If your site changes pages without a full reload, call this after new items appear -->
<script>window.VereevBadge && window.VereevBadge.render();</script>

A single badge can also be one line, with the code on the script itself:

<script async src="https://www.vereev-ai.com/badge.js"
        data-code="YOUR-E-RESULT-CODE" data-theme="light"></script>

• The script is a few lines. It reads nothing from your page, stores nothing in the browser and loads only the badge picture.
• Each badge is one small picture that loads when it scrolls into view.
• The badge is always 300 by 64 and scales down to fit. Reserve that space to stop the page from jumping.
• If a result is corrected or withdrawn, every badge follows the record. The record page always shows the current result.
• If Vereev cannot be reached, the badge shows a neutral “open the record” message. It never shows an old result.

Chats

In Store Kit, find the item and press “Copy record link”. Paste it into WhatsApp, iMessage, Telegram or any other chat. Your buyer opens the official record on vereev-ai.com, with the photos Vereev reviewed, and can compare them with the item you are selling.

Marketplaces and social apps

Check your badge

• It reads “Authenticated by Vereev”, with the right brand and date.
• Selecting it opens the record on vereev-ai.com in a new tab.
• The photos on the record show the same item as your page.
• It is readable on a phone.

A badge may only sit beside the item its record describes. The full rules are on the badge page.

Handling many items every month? Talk to us about setting up your team, or read about the API (Early access).

If something looks wrong

The badge says “No Vereev authentication”

The code has no Authentic record. Check that all 36 characters were copied. A Replica or Indefinable result also shows this badge; only an Authentic result shows “Authenticated by Vereev”.

Nothing appears at all

Check that the code has all 36 characters and no spaces. On WooCommerce, check that the Vereev Badge plugin is active. On Shopify, open the theme editor and check that the Custom Liquid block still holds the text you pasted. If your store removes scripts, use the picture-and-link version instead.

WooCommerce says “The Vereev code was not saved”

The field takes only a full E-Result code. Copy it again from Store Kit. Until then, the product keeps the code it had before.

WooCommerce: the plugin is active but no badge shows

Some themes and page builders draw their own product page and leave out the place where the plugin adds the badge. On those pages, paste the item’s badge into the product description instead.

The import changed something else on a product

Do not import the rest of the file. Tell us what changed, and paste badges one item at a time until it is fixed.

The badge is on the wrong item

Each item has its own code. Open the record from the badge and compare its photos with the item on your page. Replace the code if they do not match.

The badge is hard to see on my page

The badge comes in two looks. Add data-theme="light" (or ?theme=light on the picture) for a white badge on light pages. Leave it out for a black badge on dark pages.

The badge looks small on phones

Give the badge its own line instead of placing it beside other things. It is 300 wide by 64 high and shrinks to fit narrower spaces.

The item was sold. Do I remove the badge?

No need. The record stays valid for that item. Remove the badge only if you reuse the page for a different item.