Planning Your App

Overview

Get to know more about our platform, how apps work, our pricing models, and basic app requirements.  This will help you understand how to integrate your product with Wix.

Tip:

If you haven’t already, check out what kind of apps we’re looking for

Create a Wix Site

We’ve explained the basics of how apps work in our platform, but the best way to really understand is to try out apps on a real site. 

Create a site and start adding apps. Throughout this page, we’ll recommend Wix apps for you to review as examples.

You’ll see how apps work in Wix sites and how users can interact with them. This will help you determine the building blocks, or components, you’ll need to transform your product into a Wix app.

Tip:

Need help getting started with your site? Check out the Wix Help Center.

App Components

Every app is made up of one or more components – these are your app’s building blocks.

We have three types of components:

  • Site components – an element on the user’s live site. Site components can help users engage or interact with their site visitors.
  • Worker components – an invisible element on the user’s site that can track site visitor activity or manage background tasks.
  • Dashboard components – a back-office service that can help users manage their business or website.

Your app will be made up of at least one component, but you might have two or more. We’ll explain how multicomponent apps work and when you would want to have a few components in your app.  

Site Components

A site component is an element on the user’s live site, and its purpose is to help Wix users engage with site visitors.

Users add site components in the Wix Editor. Every site component has its own settings panel – that’s where users can customize the component and its content.

Your app can have one or more site components:

  • Widget – a small element on the user’s site. In the Editor, users can resize the Widget and move it anywhere on the page.

    Example: Comments app

  • Fixed-Position Widget – a small element that’s fixed to a specific position in the browser. It also appears on every page of the site.

    Example: Tidio Live Chat app

  • Page – a page in the user’s site. The page appears in the main menu and behaves just like any other page in the site.  A Page component can have internal pages, each with its own URL – so it’s ideal for apps that use deep linking (like a blog, forum, or eCommerce store).

    Example: Wix Forum app

Worker Component

A Worker component is a hidden iframe that allows you to run background Javascript on each page of the live site. This makes it possible for you to track site visitor activity and manage background tasks.

Since users can’t see this component, you need to combine it with a visible component, like a Widget or Dashboard.

Example: Visitor Analytics app

Dashboard Component

A Dashboard component is a section in the site’s Dashboard. Its goal is to provide users with a back-office service to help them manage their business, site, contacts, communication with site visitors, etc.

The Dashboard component isn’t part of the live site, so only Wix users can see it (not site visitors).

You can use deep linking in the Dashboard component. For example: a booking app sends the user an email when someone books an appointment, with a direct link to this appointment in the Dashboard.

Example: Site Booster

Multicomponent Apps

Your app might have a few components – especially if you’re building a complex app. Each component will focus on a major feature in your app, but all components should be related and contribute to the app’s functionality.

For example, the Wix Bookings app has two interfaces – one on the website, where site visitors can book appointments, and one in the Dashboard, where Wix users can manage appointments:

You should create a multicomponent app if:

  • Your app has a feature on the live site, and users can manage it in the back-office.  You’ll have one or more site components, and a Dashboard component.  

    Example: The Wix Bookings app (see above)

  • Your app has a few related elements on the user’s live site. You’ll have at least two site components.  

    Example: The Wix Blog app has a few site components – a page for the blog itself, and add-on widgets like a Recent Post Feed.

  • Your app tracks site visitor activity. You’ll have a Worker component and at least one other component, like a Dashboard component where users can monitor the stats.  

    Example: The Visitor Analytics app tracks site visitor behavior, and users can see the analysis in the Dashboard.

Integrate With Other Apps

Apps in Wix work together by sharing information about the user’s contacts and site visitor activity (purchases, reservations, etc).

This creates a seamless experience for users – and makes it possible for you to do more with your app. For example: let’s say your app offers coupons to site visitors. You’ll be able to use information about recent purchases to send personalized coupons to customers. 

How does this work? Use our data-sharing platform – the WixHive – to request information that’s useful for your app, and also post information that your app collects. Learn more about the WixHive and what kind of data you can use in your app.

Monetization

Every app in the Wix App Market can be free or paid, or a combination of the two.

There are two ways you can earn revenue from your app:

  • Recurring plans – charge users a monthly/yearly recurring fee in order to use certain features in your app.
  • (In Beta) In-app purchases – provide a service or set of products as a standalone package that users can buy.

Learn more about our pricing models and how to price your app.

Important:

Any revenue you collect will be shared with Wix, in accordance with our Partner Agreement.

App Quality and Requirements

As part of planning your app, it’s also important to understand the time and effort you’ll need to turn your product into a great Wix app.

Note:

We’ll introduce just a few basic requirements here, so you can get an idea of what’s involved – but note that your app must follow all of our app requirements.

 

Legal Requirements

We recommend that you read our partner agreement during the planning phase, so that you’ll understand the terms and conditions of launching your app in the Wix App Market.

There’s no need to sign it right now – we’ll need your signature later, when you send us your mockups for review.

App Quality

We’re looking for high-quality apps: apps that are thoughtfully designed, useful, thoroughly tested, etc.

Go through our docs carefully – we’ll explain how to implement our guidelines, and offer you plenty of tips and best practices.

Basic Integration Requirements

  • App is already a live product with existing users. We’re focusing on mature apps, rather than apps that are still concepts or in beta.
  • The client-side supports HTML5; doesn’t use Adobe Flash. The server-side code can be in any language.
  • Don’t ask users to log in to your app. Authenticate the user’s site with the app’s instance ID.
  • Keep the entire app experience within the Wix platform. If your app appears on the site and also has a back-office service, create a multicomponent app. Don’t send users to your app’s platform for the back-office features.
  • Share information with the WixHive. This is for apps that collect information about the user’s contacts, or site activities. Learn more.
  • Support HTTPS. This is important for all of your app’s endpoints. Learn more.

Language Requirements

Provide your app in English, and consider localizing your app in few languages. This can increase engagement and help you get more users. Learn more about the top languages of Wix users and how to localize your app.

Additional Requirements for Site Components

(You can skip this section if your app is dashboard only.)

  • Add a settings panel so that users can customize your app. Use our UI-lib to create a panel with your app’s settings.  
  • Make the app accessible. Apps on the user’s live site must be accessible, so that all site visitors can use your app – including those with disabilities.
  • Make your app responsive and optimize for mobile. Make sure your app looks great at any size, and on any device. Learn more.
  • Optimize for search engines. If your app has content that’s meaningful for search engines, optimize for SEO and provide a dedicated SEO endpoint. Learn more about SEO for Widgets and SEO for Pages.
Note:

Decided to build a Wix app? Awesome! Here’s a complete list of app requirements.

Was this page helpful?

What can we do to improve it?

What did you like about it?