LogoLogo
IxkioLogin
  • Welcome
  • The Basics
    • Organisation / Structure
      • Folders
        • Organisational Folders
        • Active Folders
        • Active Folder Settings
      • Tag Groups
        • Tag Group Settings
      • Batches
        • Batch Settings
      • Tag Codes
        • Tag Code Settings
        • QR Codes
        • Using Authentication (NTAG424) NFC Tags
      • Moving Tag Codes
  • Response Modes
    • Response Modes Explained
    • API
      • Using the API Mode
      • API Mode for Authentication
    • Direct Response
    • Redirect
      • Using Redirect Mode
  • features
    • Rules
      • Creating a Rule
      • Rule Example
      • Rule Types
      • Rule Layering
    • Dynamic Response
      • Subtags
        • Subtags in API Extended Data
      • Datamerge
    • Data
      • Core Data
      • Extended Data
      • System Data
      • Action Data
    • Stats
    • Associate Data
    • Assignment
      • Scan Assignment
        • Scan Assignment with Ixkio Mobile App
        • Assignment Manager
      • Manual Assignment
  • Advanced Features
    • CodeLink
      • Using CodeLink
      • CodeLink Integration
      • Testing CodeLink
      • Integration Guides
        • Using CodeLink with Shopify
          • Shopify with Standard NFC Tags
          • Shopify with Standard Tags (Video)
        • Using CodeLink with Wix
    • Multiuser
    • Management API
    • Custom Domain
    • Clusters
    • SmartAccess
  • Mobile App
    • Ixkio Mobile Apps
    • Mobile App Functions
      • Check
      • Encode
        • API Response Mode Encoding
  • Account Management
    • Allowances & Usage
    • Additional Modules
    • Add-ons
    • Billing & Invoices
    • Account Information
    • User Settings
    • Cookies and Privacy
  • Explainers
    • Chip Count vs Scan Count
Powered by GitBook
On this page
  • Setting up CodeLink
  • Create a CodeLink code within ixkio
  • Adding CodeLink to Wix Pages
  • Create the landing page
  • Add CodeLink to the page
  • Add the Redirect Link to your Tag Codes
  • Enable CodeLink for this Tag Group
  • Test the Link
  • Adding Dynamic Data to your Landing Page
  • Add Data to ixkio
  • Add Field onto your WixPage
  • Test Link again
  • Advanced Features
Export as PDF
  1. Advanced Features
  2. CodeLink
  3. Integration Guides

Using CodeLink with Wix

It's recommended that you have Wix open on your Desktop as you follow this guide

PreviousShopify with Standard Tags (Video)NextMultiuser

Last updated 10 months ago

If you are using Wix with standard NFC tags (such as NTAG213 or iCODE SLIX) then the process is similar to authentication NFC tags. You can still :

  • Dynamically pass and display data from ixkio to Wix

  • Protect the page so that it can only be viewed from ixkio

A note on Page Protection

CodeLink can help protect the page from views that haven't come from ixkio. This can be useful to prevent a view of the landing page if someone hasn't scanned your NFC tag. However, the page protection wouldn't stop someone sharing the link from the NFC tag itself. If you need full tag > page protection then you need to use authentication NFC tags.

Setting up CodeLink

First step is to set up CodeLink on Wix and ixkio.

Create a CodeLink code within ixkio

Navigate to Main Menu > Control > CodeLink.

Click 'Create New CodeLink Code'.

For this example, we will just use CodeLink to transfer data from ixkio to Wix. So, give the CodeLink a name (just used internally for your reference), change 'Default Display HTML' to 'Do Not Include' and leave everything else. Then click Add.

Adding CodeLink to Wix Pages

Create the landing page

The next step is to add CodeLink to your Wix Page. For this example, let's create a product landing page called 'product-page'. To start with, just add some simple text, perhaps like this:

Add CodeLink to the page

Now navigate to the Setting page on your Wix dashboard and scroll down to custom code, in the advanced section.

From here click the 'Add Custom Code' button, and paste your JavaScript code from codelink into the space at the top. Choose a name e.g. Codelink, select the option marked 'Choose Specific Pages' and chose the page(s) you want to enable Codelink on. This will then add the CodeLink code specifically to that page. Note that CodeLink is only added to the pages you specify. Don't add CodeLink to your whole website - just the landing page from the tag scan. Select 'Head' as the codes location and keep Code Type as 'Essential'.

Add the Redirect Link to your Tag Codes

Now we need to redirect our tags through to this page. In our example, our landing page is 'https://demo-ixkio-codelink.wix.com/pages/product-page'.

Within ixkio, we have created a Wix Folder, a Wix Tag Group, Batch and a Tag Code. Navigate to the Tag Group level and add the destination URL into the Rule Set Default URL and Save Changes:

This will redirect all scans on all tags within this Tag Group to this page.

Enable CodeLink for this Tag Group

CodeLink can be enabled and disabled for each Tag Group. In this same Tag Group, we want to enable CodeLink so navigate to Tag Group Function Panel > CodeLink Tab

Change Status to Enabled, Data Link to Core & Extended and leave NFT Data as off (if you are on Alpha plan).

The Data Link part is allowing Tag Code Core data (Tag Name, UID, CUID) and Extended Data (that you create) to be dynamically passed through to your Wix landing page.

Test the Link

At this stage, we recommend testing the link. Dynamic data will not yet be displayed on your Wix page but it's worth testing the link now. Navigate down to your Tag Code level (or create a Batch and Tag Code now under this Tag Group if you haven't already).

You can copy the link from the NFC Encoding URL and paste this directly into a Browser. This should automatically redirect through to your Wix Product Page.

In the example below, we've got a Tag Code URL of 'https://t.ixkio.com/kerf5dda'.

Testing links in this way only works for Standard NFC tags not Authentication NFC tags. Auth tags generated a unique link on each scan and while you can test the link, you won't be testing authentication.

To test auth tags, you can use the 'virtual tag' generator to create the unique links for testing in this way.

Adding Dynamic Data to your Landing Page

Now we need to add dynamic data to your landing page. This will enable data stored in ixkio to be dynamically displayed on your Wix Product Page.

Add Data to ixkio

In this simple example, we will use a 'CUID' (Customer Unique ID). Add an ID into your Tag Code for testing. We've used 'ID123457' :

Add Field onto your WixPage

Within Wix, open your product page for editing. Add some additional text to indicate the Product ID, perhaps something like :

Now we need to edit the HTML code for this page to allow the dynamic entry of the data. Click on the <> button on the Content menu and add the code :

<span id="ixkdd-cuid">&nbsp;</span>

So the result looks like this :

And save.

What you are doing here is telling Wix to add the 'CUID' from ixkio between the 'span'. This can be formatted however you like and you can also dynamically add links, images and more. For the moment, we'll just do simple text.

Test Link again

Now copy the Tag Code URL again into a browser and check that the data is being passed through correctly. If it's all working, then you should see :

Where the 'ID123457' is now being dynamically taken from the Tag Code and placed into the page.

And you are done !

Advanced Features

CodeLink is a powerful system and all Tag Code related data can be dynamically transferred via Core and Extended data fields (including Digital Product Passport Data, Scan Counts, Assignment Dates, System Data, Action Data, etc, etc).

CodeLink Settings
CUID Data