top of page
  • Writer's pictureEnoc

Connecting API with Wix Velo: A Step-by-Step Guide

Are you looking to integrate an online gaming platform with your Wix Velo website? With the API, you can easily display game information, player profiles, statistics, and more on your website. In this guide, we will walk you through the steps of connecting API with Wix Velo, complete with code snippets.

Step 1: Create a Account and Get Your API Key

The first step is to create an account on Once you have created an account, navigate to the "API Keys" section and create a new API key. Copy the key as you will need it later in the tutorial.

Step 2: Create a New Velo Application

Log in to your Wix account and navigate to the Velo section. Click on "Create new application" and select "External API" as the type of application.

Step 3: Add External API to Your Application

After creating your Velo application, add the external API to it by clicking on the "Add External API" button. Enter the API endpoint URL provided by and select the authentication type. For, we will use the "API Key" type.


import {fetch} from 'wix-fetch';

export async function getGameData() {

const apiKey = 'your-api-key-here';

const apiUrl = '';

const response = await fetch(apiUrl, {

headers: {

'Authorization': apiKey



if(response.ok) {

const json = await response.json();

return json;

} else {

const status = response.status;

const statusText = response.statusText;

console.error(`Error ${status}: ${statusText}`);

return null;



Step 4: Configure Your Pages

Now that you have successfully connected your Velo application with the API, it's time to configure your pages to display game data. To do this, you can use Velo components such as repeaters and tables to display data retrieved from the API.

For example, to display a list of games, you can use the following code snippet:


import {getGameData} from 'backend/getGameData';

$w.onReady(async function () {

const data = await getGameData();

$w('#gamesRepeater').data = data;


Step 5: Test Your Integration

After configuring your pages, it's important to test your integration to ensure that everything is working correctly. Make sure to check for any errors or issues and troubleshoot as necessary.

Congratulations! You have successfully integrated API with Wix Velo. Now, you can display game information and player statistics on your website. If you encounter any issues, both Wix Velo and offer support and documentation to help you out. Remember, both Wix Velo and offer support and documentation to help you throughout the integration process. However, if you encounter any issues or need additional assistance, Mudir Solutions is here to help. Our team of experts can provide personalized support and guidance to ensure a seamless integration between Wix Velo and API that perfectly fits your website's needs and preferences. Don't hesitate to contact us if you need any help!

25 views0 comments


bottom of page