Wix Blocks: Creating a Namespace for Your App

Wix Blocks is currently open to a limited number of users.

A namespace is a unique indicator of your app, in the format of:

Copy
1
@prefix/suffix

The prefix is either your account name or your company name. The suffix usually indicates your app name.

You need a namespace to:

You don't need a namespace to:

  •  Create widget-only apps with no backend or public code, or collections).

Important Once you create a namespace you cannot change it.

Namespace prefix

There are two options for the prefix of your namespace. It can either start with your account name or with your company name. 

Account name

Your account name is your Wix user name. If you are a Wix Partner, it's your Wix Partner account name. For this option, your namespace format is:

Copy
1
@your-account-name/your-app-name

Company name

Your company name is defined in your Company Info in the Wix Developers Center. Use this option if you plan to publish your app in the Wix App Market. For this option, your namespace format is:

Copy
1
@your-company-name/your-app-name

Company name requirements for namespace

  • A company name that you put in your namespace must be unique in Wix. If someone used your company name and you think it might involve trademark infringement, please let us know.
  • Your namespace can only include latin letters and numbers. If your company name includes non-latin letters, you'll need to change it in the Wix Developers Center to use it as the prefix of a namespace. 
  • If you change your company name in the Wix Developers Center, it will change the namespace of all future applications in your account.

Namespace suffix

You can change the suffix of your namespace as you wish. Just follow these requirements:

  • Use only lower-case letters, and numbers.
  • No special characters or spaces.
  • Must be unique within your account.

Using your namespace for collections

To use your namespace for a collection, add the collection ID after the namespace, as shown here on line 11:

Copy
1
import wixData from 'wix-data';
2


3
// ...
4


5
let toInsert = {
6
  "title":        "Mr.",
7
  "first_name":   "John",
8
  "last_name":    "Doe"
9
};
10


11
wixData.insert("@yourAccountName/yourApp/yourCollection", toInsert)
12
  .then( (results) => {
13
  let item = results; //see item below
14
 } )
15
 .catch( (err) => {
16
  let errorMsg = err;
17
 } );

Using your namespace to import functions

To import a public function from your app's code files, use this syntax:

import {yourFunctionName} from '@yourAccountName/yourAppName'

For example:

Copy
1
import {getStock} from '@nathanb257/stockquotesfromapi';
2


3
$w.onReady(function (){
4
  getStock()
5
});

To import from backend files, use this syntax:

import {yourFunctionName} from '@yourAccountName/yourAppName-backend'

For example:

Copy
1
import { getStock } from '@nathanb257/add1-backend';
Was this helpful?
Yes
No