Intro to plugins

Plugins are WeWeb's bread and butter. They help you extend the functionality of your app by connecting to third-party services, or by adding custom features.

They are available under 3 categories:

1. Data sources are used to interact with data through third-party services like Xano, Supabase, a REST API, etc.
2. Authentication are used to authenticate users in your app through third-party services like your company's bespoke token-based auth, OpenID, Xano Auth, etc.
3. Extensions are used to add custom features to your app like maps, charts, payments, etc.

How to add a Plugin

To add a plugin, go to Plugins, select a plugin category and the plugin you want to add, then click on the Add button:

Notice that, when the Plugins panel is open, you will find:

• the list of installed plugins (which you can click on to configure or remove),
• the list of all available plugins by category, and when applicable,
• a help text to learn more about the plugin currently selected

Available Plugins

Here is a list of all the available plugins inside WeWeb.

Data sources

The data sources are the plugins that you can use to connect to third party services, and to fetch data from them. You can find them under the Data sources tab.

Currently available data source plugins include:

• REST API: to connect to any REST API. Documentation is available here.
• Airtable: to connect to an Airtable base. Documentation is available here.
• Xano: to connect to a Xano database. Documentation is available here.
• Supabase: to connect to a Supabase database. Documentation is available here.
• Google Sheets: to connect to a Google Spreadsheet.
• SQL: to connect to a SQL database. Documentation is available here
• JavaScript: to connect to APIs using JavaScript and the Axios library.
• GraphQL: to connect to a GraphQL API.
• SOAP: to connect to a SOAP API.
• RSS Feed: to connect to an RSS Feed.
• Algolia: to connect to an Algolia index. Documentation is available here.
• Strapi: to connect to a Strapi content management system.
• Ghost: to connect to a Ghost content management system.

TIP

You can connect multiple data sources to the same WeWeb project

Authentication

The authentication plugins are the plugins that you can use to connect to third party services, and to authenticate users in your app. You can find them under the Authentication tab.

Currently available authentication plugins include:

• Xano Auth: to use Xano as your authentication provider. Documentation is available here.
• WeWeb Auth: to use WeWeb's own authentication built on top of AWS Cognito. Documentation is available here.
• Supabase Auth: to use Supabase as your authentication provider. Documentation is available here.
• Auth0: to use Auth0 as your authentication provider. Documentation is available here.
• Token Based Auth: to connect to any API using a token based authentication system. Documentation is available here.
• OpenID: to use the OpenID protocol to connect to any OpenID provider.

WARNING

You can only have one authentication plugin per app.

Extensions

The extensions are the plugins that you can use to add custom features to your app. You can find them under the Extensions tab.

Currently available extension plugins include:

• Date: to add date-related elements to your app (like a date picker, a date range picker, etc), and formulas to manipulate dates based on the DayJS library.
• Charts: to add charts to your app. Based on the ChartJS library. Documentation is available here.
• Stripe: to add Stripe payments to your app. Documentation is available here.
• Mapbox: to add a Mapbox map to your app. Documentation is available here.
• WeWeb Email: to send emails from your app using our own email service.
• CSV: to export data from your app to a CSV file.
• Google: to add Google-related elements to your app (Google Maps, reCAPTCHAs, etc). Docuement for Google Maps is available here.
• Youtube: to embed Youtube videos in your app.
• Calendly: to embed Calendly calendars in your app.
• Segment: to use Segment as your analytics provider in your app.
• Vimeo: to embed Vimeo videos in your app.
• Typeform: to embed Typeform forms in your app.
• Snipcart: to use Snipcart as your e-commerce provider in your app.
• Dailymotion: to embed Dailymotion videos in your app.
• Twitch: to embed Twitch videos in your app.

Plugin configuration

To learn how to configure a plugin, please refer to each plugins' documentation (linked in the list above) or to the modal that will appear on the right when you add a plugin: